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.

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 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%

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
Heading 2
Rubik
Aa
Rubik Bold | 18PX
Rubik regular | 16 PX
Rubik Medium 32 PX
Typography
Rubik Medium | 48PX
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
DAB1F0
FED700
FBEECB
A7E9FF
FFD55D
EDCDFF
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
Heading 2
Rubik
Aa
Rubik Bold | 18PX
Rubik regular | 16 PX
Rubik Medium 32 PX
Typography
Rubik Medium | 48PX
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
DAB1F0
FED700
FBEECB
A7E9FF
FFD55D
EDCDFF
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
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.





