Fantasmagoria

Student Project

Fantasmagoria

Student Project

Timeline:

5 weeks (2025)

My Role:

UX/UI Designer

Tools

Figma, Procreate, Notion

Timeline:

5 weeks (2025)

My Role:

UX/UI Designer

Tools

Figma, Procreate, Notion

promo image - fantasmagoria
promo image - fantasmagoria
promo image - fantasmagoria

Project Overview

Project Overview

Fantasmagoira.shop is a successful alternative fashion and lifestyle online shop based in Lithuania. The app is an extension of its already established web store and aims to reflect and expand upon the brand.

Problem

Problem

Fantasmagoria is a well loved by the international alternative community and has very loyal customer base. However, they want to increase their reach and need to retain more customers to compete with other bigger online stores. 

Solution

Solution

A native mobile app for iOS and Android devices to appeal to new customers and while still being familiar enough for returning customers to feel welcomed. 

gif of fantasma app
gif of fantasma app

User Research

User Research

In order to get a better understanding of shopping apps, I looked at various fashion apps and noted how they organized information.

Reviews

Reviews

Reviews on Trustpilot and Google are overall positive, so my goal is to follow the web app’s design while enhancing the mobile experience to align with the desktop experience.

Reviews frequently mentioned that users liked the many product images, size inclusivity, and relevant product information, so I noted how the website displays these features.

User flow Chart

User flow Chart

user flow chart
user flow chart
user flow chart

Conceptualizing

Based on the user flow, I sketched the key screens and decided to maintain a consistent UI design across all devices to reduce user confusion and preserve Fantasmagoria's branding.

Low-Fidelity Wirefraomes

After further research, I moved the login/signup screen after the cart screen, then digitized my sketches using iOS and Android assets to ensure each native app met its platform requirements.

Design System

Since Fantasmagoria has a strong gothic and fantasy brand identity that appeals to their audience, I leveraged their brand colors and integrated native Android and iOS elements to enhance the mobile experience.

Font

Font

Color Palette

Color Palette

Icons

Icons

arndroid icons
arndroid icons
arndroid icons
iOS icons
iOS icons
iOS icons
Components

Components

Usability Test

This test was to reaffirm the navigation of the app and ensure the design met Android and iOS users' expectations. The test led to some valuable key insights that influenced the overall design execution.

iOS
  • Elements need more space

  • Consistent typography hierarchy

  • Branding needs to be stronger

iOS

  • Elements need more space

  • Consistent typography hierarchy

  • Branding needs to be stronger

login before test
login before test
login before test
login ios screen
login ios screen
login ios screen
user info before test
user info before test
user info before test
user info ios screen
user info ios screen
user info ios screen
Android
  • System bottom navigation is not necessary

  • More user confirmation as purchase is being completed

Android

  • System bottom navigation is not necessary

  • More user confirmation as purchase is being completed

discover before test
discover before test
discover before test
discover android screen
discover android screen
discover android screen
checkout before test
checkout before test
checkout before test
check out android screen
check out android screen
check out android screen
login before test
login before test
login before test
login ios screen
login ios screen
login ios screen
user info before test
user info before test
user info before test
user info ios screen
user info ios screen
user info ios screen

Next Steps

Features for a second iteration:

  • Dark mode

  • Customer services chat

  • Alerts for when a wishlist item is low stock or back in stock

  • Notifications for when an item in the users wishlist is on sale

  • An additional category to shop by style or occasion

  • Test if there is a user desire to “build outfits” using a folder system in the wishlist

  • Animations to signify when an item has be beed add to a bag or the user has successfully change something

Learnings

  • iOS and Android devices require different approaches. For this project, I kept the native apps visually similar while meeting platform-specific standards to maintain brand integrity. In future projects, I'd like to explore Android's depth features and container shapes, as well as iOS's liquid glass effects.

  • My biggest takeaways from this project were to view empty screens as opportunities to enhance user experience—whether strengthening brand identity or using confirmation screens to promote related items.

Copyright Aspen Concha 2025

This website was made in framer

Copyright Aspen Concha 2025

This website was made in framer

Copyright Aspen Concha 2025

This website was made in framer