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)

Laptop mockup showing a homepage section from the Magify e-commerce website

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)

Laptop mockup showing a homepage section from the Magify e-commerce website

UX/UI

Magify E-commerce

Laptop mockup showing a homepage section from the Magify e-commerce website

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)

Magify logo

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.

Magify logo
Magify logo

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.

Magify logo
Magify logo

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.

Tablet mockup showing a category page from the Magify e-commerce website

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.

Tablet mockup showing a category page from the Magify e-commerce website

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.

Tablet mockup showing a category page from the Magify e-commerce website

wireframes

Wireframe of the shopping cart page
Wireframe of a category page with filters and a product grid
Wireframe of the homepage with featured products and promotional sections

Information Architecture

man standing in front of people sitting beside table with laptop computers

Information Architecture

man standing in front of people sitting beside table with laptop computers

Information Architecture

man standing in front of people sitting beside table with laptop computers

wireframes

Wireframe of the shopping cart page
Wireframe of a category page with filters and a product grid
Wireframe of the homepage with featured products and promotional sections

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

Wireframe of the shopping cart page
Wireframe of a category page with filters and a product grid
Wireframe of the homepage with featured products and promotional sections

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.

Kylie Decker 2026 ©

Kylie Decker 2026 ©

Kylie Decker 2026 ©