<?xml version="1.0" encoding="utf-8"?>
Open full project

Aura is a modern fashion website that acts as a personal digital stylist, helping users discover, style, and shop outfits effortlessly. The platform allows users to explore clothing pieces and instantly view suggested outfit combinations that match colors, tones, and styles.

Aura also features a Personal Fit Finder, where users can enter their exact measurements to receive accurate size recommendations, ensuring confidence and comfort while shopping online.

Device: Desktop

Why Desktop: Most fashion shoppers complete purchases and browse deeply on desktop (larger imagery, easier product comparison, clearer layout for outfit visualizations). Desktop supports richer, side-by-side product + outfit UI and gives space for a Fit Finder UI and curated outfit carousels without feeling cramped.

Desk Research

I conducted secondary research to understand user behavior and market trends in fashion e-commerce.

The findings reveal that users prioritize visualization, trust, and personalization when shopping for clothes online.

Aura Landing Page 1

Competitors

Aura Landing Page 2

Color System

Primary tone (#94A882) introduces a modern, calm vibe, distinct from the overused pinks and beiges in fashion sites, helping the brand feel fresh yet refined.

Neutrals (#FFFFFF, #EDEDED, #D9D9D9, #1A1A1A) maintain the minimalist, high-end feel of the layout and ensure the products remain the visual focus.

The palette together creates a soft contrast that enhances imagery and supports a clean, editorial-like aesthetic (common in premium fashion platforms).

Typography Selection

The chosen typography combines Outfit and Poppins to balance modern elegance with readability.

Outfit was selected for headings and titles because of its clean structure and confident appearance, giving the brand a sleek and fashion-forward identity.

Poppins complements it perfectly in body text with its rounded letterforms and friendly tone, ensuring comfortable reading and maintaining a cohesive minimalist style.

Prototype link:

https://www.figma.com/proto/9ZyCUb4BbrqUrMbSlBhmM8/Fashion-landing-page?page-id=0%3A1&node-id=58-482&viewport=-803%2C110%2C0.09&t=k5XG5bpxOmy71g9V-1&scaling=scale-down-width&content-scaling=fixed&starting-point-node-id=58%3A482

Thanks for watching, i am ready for feedback! 🩵

Tools used

Figma
ChatGPT

From brief

Topics

Share

Share your insights — leave a project review and help others grow their skills

Reviews

2 reviews


Welp, since you're ready… buckle up, it's aura -100 (sorry, lol)

Idea, research, and implementation 💯; hierarchy & alignments 🫠 I'll tell you more. I was greeted by these three dudes when I entered Aura (fire fit of course) a bit discouraging at first, but my designer's eye immediately got distracted by the main menu, whether they want to be in a group with the logo so left-aligned, centered, or right-aligned with the icons. I'd ask the menu myself if I could, but it's beyond my realm.

“Aura” logotype is different but not different enough to uphold a hierarchy because it's the same size as the menu. Perhaps if the menu gang could be a bit smaller (in font-size), the hierarchy could be clearer, then again it's not up to me. Moving on to the hero buttons, they're tight like in a brotherhood, but a bit too tight I think. Giving them more padding will give them more of a sense of authority, as they should.

“Color” and “Matching Colors” in Smart Outfit Matching ironically do not have matching alignment. They're separated by groups, but still, you can align them vertically for the color selection. Same story with “Your measurements” and “Your Size” it'd be better if they're aligned more vertically.

What's with the double right arrow in image sliders > o >? Usually it's like this < o >, left and right arrow, not sure if this is an Aura-specific style or no.

Price and product title in Product card could use more differentiation. It's subtly there, but making it stand out will benefit users more.

Here goes the footer: “Aura: Where style meets intelligence” but not alignments? Why Nada, why T_T? Between Home, Support & Contact Us, clearly Home is the oldest sibling here. You don't care about Home enough that everything is flat in unison carrying all five sub-menus to the bottom. Support & Contact Us got treated better I see, is this some kind of sibling revenge? Lmk if you need to talk this out.

*I used lots of “little…” btw today.

Thank you so much for the detailed feedback, I really appreciate the time you took to look closely at the design 🩵 You’re absolutely right about the hierarchy and alignments. I’ll definitely work on refining those. I also plan to make the logo more distinctive (probably by adjusting the font and size) to give it more presence in the navbar. The double right arrow was totally unintentional 😅 I didn’t notice it until you pointed it out! And for the footer, I just placed the links vertically (Home, Kids, Women, etc.) since they’re already in the top navigation, there wasn’t any intention to make “Support” or “Contact Us” stand out more than the others 😅 Overall, your feedback was super helpful (and honestly very fun to read 😄). Thanks again for taking the time to share such thoughtful insights. I’ll be sure to apply them in the next iteration 🩵

Thank you for sharing the landing page—modern, minimal, and the color palette feels harmonious. You did a great job.

One thing to improve: the main CTA has low contrast; white text on the light green background is hard to read. Switch the text to black or a much darker shade of the same green so it meets accessibility standards. I’d also reduce button text size to 16–18 px for better balance, soften the shadows to avoid a “dirty” look, and tighten the line-height in the main heading so it feels more cohesive.

Overall, strong work—keep going!

Thanks I’ll definitely keep your suggestion in mind for the next update 🩵

8 Claps
Average 4.0 by 2 people
5 claps
4 claps
3 claps
2 claps
1 claps
<?xml version="1.0" encoding="utf-8"?>