UX/UI
Magify E-commerce
Magify is a concept-themed event supplies e-commerce experience for faster planning and purchasing in one place.
Role: Solo UX/UI
Platform: Web
Duration: 8 weeks (academic project)
UX/UI
Magify E-commerce
Magify is a concept-themed event supplies e-commerce experience for faster planning and purchasing in one place.
Role: Solo UX/UI
Platform: Web
Duration: 8 weeks (academic project)
UX/UI
Magify E-commerce
Magify is a concept-themed event supplies e-commerce experience for faster planning and purchasing in one place.
Role: Solo UX/UI
Platform: Web
Duration: 8 weeks (academic project)
Overview
The goal was to design a centralized, user-friendly e-commerce experience that simplifies planning concept-themed events. By bringing all key supplies into one place-alongside curated bundles, second-hand options, and AI-assisted recommendations-it helps users make faster decisions, save time, and plan with less friction.
Overview
The goal was to design a centralized, user-friendly e-commerce experience that simplifies planning concept-themed events. By bringing all key supplies into one place-alongside curated bundles, second-hand options, and AI-assisted recommendations-it helps users make faster decisions, save time, and plan with less friction.
Overview
The goal was to design a centralized, user-friendly e-commerce experience that simplifies planning concept-themed events. By bringing all key supplies into one place-alongside curated bundles, second-hand options, and AI-assisted recommendations-it helps users make faster decisions, save time, and plan with less friction.
The Challenge
Users waste time jumping between multiple sites to find matching supplies.
Managing several deliveries creates friction and uncertainty.
Many items are used once, so users look for budget-friendly and sustainable options.
The Solution
Curated event packages that reduce decision fatigue and speed up planning.
A second-hand shopping option for affordable, sustainable purchases.
Brings all the essentials for creating an event into one place, with blogs for inspiration and ideas.
User Survey Findings
I conducted a user survey to identify key challenges organizers face when planning concept events, with a focus on their needs around sourcing supplies.
Users are open to purchasing second-hand supplies for themed events
76%
87%
Most respondents use more than one website when purchasing event supplies
Most said they spend a lot of time searching for the right items.
80%
Interactive flow
Interactive flow
Interactive flow
The Challenge
Users waste time jumping between multiple sites to find matching supplies.
Managing several deliveries creates friction and uncertainty.
Many items are used once, so users look for budget-friendly and sustainable options.
The Solution
Curated event packages that reduce decision fatigue and speed up purchases.
A second-hand shopping option for affordable, sustainable purchases.
Brings all the essentials for creating an event into one place, with blogs for inspiration and ideas.
User Survey Findings
I conducted a user survey to identify key challenges organizers face when planning concept events, with a focus on their needs around sourcing supplies.
Users are open to purchasing second-hand supplies for themed events.
76%
Most respondents use more than one website when purchasing event supplies.
87%
Most said they spend a lot of time searching for the right items.
80%
The Challenge
Users waste time jumping between multiple sites to find matching supplies.
Managing several deliveries creates friction and uncertainty.
Many items are used once, so users look for budget-friendly and sustainable options.
The Solution
Curated event packages that reduce decision fatigue and speed up purchases.
A second-hand shopping option for affordable, sustainable purchases.
Brings all the essentials for creating an event into one place, with blogs for inspiration and ideas.
User Survey Findings
I conducted a user survey to identify key challenges organizers face when planning concept events, with a focus on their needs around sourcing supplies.
Users are open to purchasing second-hand supplies for themed events.
76%
Most respondents use more than one website when purchasing event supplies.
87%
Most said they spend a lot of time searching for the right items.
80%
User Survey Findings
I conducted a user survey to identify key challenges organizers face when planning concept events, with a focus on their needs around sourcing supplies.
Users are open to purchasing second-hand supplies for themed events
76%
87%
Most respondents use more than one website when purchasing event supplies
Most said they spend a lot of time searching for the right items.
80%
Design Insights
Audience
Parents planning themed birthdays and cosplay/fantasy fans who want a complete themed setup in one place.
Key Insight
Users want to compare options quickly and feel confident about delivery - without jumping between multiple stores.
Design Direction
I focused on reducing decision fatigue through curated packages, second-hand options, and blogs inspiration and ideas recommendations.
Design Insights
Audience
Parents planning themed birthdays and cosplay/fantasy fans who want a complete themed setup in one place.
Key Insight
Users want to compare options quickly and feel confident about delivery-without jumping between multiple stores.
Design Direction
I focused on reducing decision fatigue through curated packages, second-hand options, and blogs inspiration and ideas recommendations.
Design Insights
Audience
Parents planning themed birthdays and cosplay/fantasy fans who want a complete themed setup in one place.
Key Insight
Users want to compare options quickly and feel confident about delivery - without jumping between multiple stores.
Design Direction
I focused on reducing decision fatigue through curated packages, second-hand options, and blogs inspiration and ideas recommendations.
Key Features
Assistance & Support
Consult the bot assistant, browse FAQs, or contact a human representative when needed.
Second-hand Shop
Adds a second-hand shopping option with lower-priced items and smart filters for efficient navigation.
Ready-Made Packages
Ready-made packages group all the essentials needed for an event, tailored to different guest counts.
Smart Filters
Smart filters support faster, more precise browsing across price, color, event type, quantity, and category.
Key Features
Assistance & Support
Consult the bot assistant, browse FAQs, or contact a human representative when needed.
Second-hand Shop
Adds a second-hand shopping option with lower-priced items and smart filters for efficient navigation.
Ready-Made Packages
Ready-made packages group all the essentials needed for an event, tailored to different guest counts.
Smart Filters
Smart filters support faster, more precise browsing across price, color, event type, quantity, and category.
Key Features
Assistance & Support
Consult the bot assistant, browse FAQs, or contact a human representative when needed.
Second-hand Shop
Adds a second-hand shopping option with lower-priced items and smart filters for efficient navigation.
Ready-Made Packages
Ready-made packages group all the essentials needed for an event, tailored to different guest counts.
Smart Filters
Smart filters support faster, more precise browsing across price, color, event type, quantity, and category.
wireframes
Information Architecture
Information Architecture
Information Architecture
wireframes
Style Guide
Logo Design
The logo combines a castle-shaped “M” and a spark to reflect the brand’s magical theme.
buttons
Body 1
Heading 1
Rubik Medium | 48PX
Heading 2
Rubik Medium 32 PX
Rubik
Aa
Rubik Bold | 18PX
Rubik regular | 16 PX
Typography
Color scheme palette
The palette combines deep purple with bright gold accents and soft lavender/cream tones to create a magical, inviting feel and highlight key call-to-actions.
40145A
FFD55D
FED700
FBEECB
DAB1F0
EDCDFF
A7E9FF
C5ECFF
Icons
wireframes
Style Guide
Logo Design
The logo combines a castle-shaped “M” and a spark to reflect the brand’s magical theme.
buttons
Body 1
Heading 1
Rubik Medium | 48PX
Heading 2
Rubik Medium 32 PX
Rubik
Aa
Rubik Bold | 18PX
Rubik regular | 16 PX
Typography
Color scheme palette
The palette combines deep purple with bright gold accents and soft lavender/cream tones to create a magical, inviting feel and highlight key call-to-actions.
40145A
FFD55D
FED700
FBEECB
DAB1F0
EDCDFF
A7E9FF
C5ECFF
Icons
40145A
DAB1F0
FED700
FBEECB
A7E9FF
FFD55D
EDCDFF
C5ECFF
The palette combines deep purple with bright gold accents and soft lavender/cream tones to create a magical, inviting feel and highlight key call-to-actions.
UI Style Guide
Color scheme palette
Icons
buttons
Body 1
Rubik Bold | 18 PX
Rubik regular | 16 PX
Heading 1
Heading 2
Rubik Medium | 32 PX
Rubik Medium | 48 PX
Logo Design
Typography
The logo combines a castle-shaped “M” and a spark to reflect the brand’s magical theme.
Rubik
Aa
The Customer Service Panel
A user assembling a party item an hour before guests arrive doesn't have time to wait for support. That scenario drove the decision to make AI the first point of contact, immediate answers, no queue.
The AI works like a personal consultant: users can ask for party inspiration, get recommendations on what to buy to pull off a specific theme, or troubleshoot assembly mid-setup. All in a conversational flow, without leaving the site.
It lives inside the support panel because that's where users already go when they need help, no separate feature to discover. And alongside it: quick actions, FAQ, and human support, all in one place.
Key Design Decisions
AI as the entry point, instant response for time-sensitive moments, no wait for a human agent
Consultant, not just a bot, helps users plan, get inspired, and decide what to buy, not only resolve issues
Everything in one panel, AI consultant, quick actions, FAQ, and human support, all in a single popup instead of scattered menus
The Customer Service Panel
A user assembling a party item an hour before guests arrive doesn't have time to wait for support. That scenario drove the decision to make AI the first point of contact, immediate answers, no queue.
The AI works like a personal consultant: users can ask for party inspiration, get recommendations on what to buy to pull off a specific theme, or troubleshoot assembly mid-setup. All in a conversational flow, without leaving the site.
It lives inside the support panel because that's where users already go when they need help, no separate feature to discover. And alongside it: quick actions, FAQ, and human support, all in one place.
Key Design Decisions
AI as the entry point, instant response for time-sensitive moments, no wait for a human agent
Consultant, not just a bot, helps users plan, get inspired, and decide what to buy, not only resolve issues
Everything in one panel, AI consultant, quick actions, FAQ, and human support, all in a single popup instead of scattered menus
The Customer Service Panel
A user assembling a party item an hour before guests arrive doesn't have time to wait for support. That scenario drove the decision to make AI the first point of contact, immediate answers, no queue.
The AI works like a personal consultant: users can ask for party inspiration, get recommendations on what to buy to pull off a specific theme, or troubleshoot assembly mid-setup. All in a conversational flow, without leaving the site.
It lives inside the support panel because that's where users already go when they need help, no separate feature to discover. And alongside it: quick actions, FAQ, and human support, all in one place.
Key Design Decisions
AI as the entry point, instant response for time-sensitive moments, no wait for a human agent
Consultant, not just a bot, helps users plan, get inspired, and decide what to buy, not only resolve issues
Everything in one panel, AI consultant, quick actions, FAQ, and human support, all in a single popup instead of scattered menus
Final UI
Key screens from the final website.
Explore more projects
Final UI
Key screens from the final website.
Style Guide
Logo Design
The logo combines a castle-shaped “M” and a spark to reflect the brand’s magical theme.
buttons
Body 1
Heading 1
Heading 2
Typography
Rubik
Aa
Rubik Bold | 18 PX
Rubik regular | 16PX
Rubik Medium 32 PX
Rubik Medium | 48PX
Icons
40145A
DAB1F0
FED700
FBEECB
A7E9FF
FFD55D
EDCDFF
C5ECFF
Color scheme palette
The palette combines deep purple with bright gold accents and soft lavender/cream tones to create a magical, inviting feel and highlight key call-to-actions.
Explore more projects
Explore more projects
Student concept project. All brand/character assets belong to their respective owners.
Final UI
Key screens from the final website.