Fashion app UIFashionate: being a mother and a fashionista is easy with us!

Fashion App UI Home Screen
Fashionate App Icon

Main Idea

This is a submission task for my Coursera UX/UI design course.

The idea of the app is to help busy moms to keep up with fashion trends and saves from wasting time on choosing stylish outfits for each occasion.

This work is focused mainly on UI, with only a bit of necessary research.

Keywords

  • Fashionable
  • Stylish
  • Simple
  • Inspiring
  • Fun

High Fidelity Wireframes

  • High Fidelity Wireframes 01
  • High Fidelity Wireframes 02
  • High Fidelity Wireframes 03
  • High Fidelity Wireframes 04
  • High Fidelity Wireframes 05

Video

All your wardrobe inside your smartphone, ordered by seasonal keywords or dresscode, or desirable color scheme.

Just take pictures of your clothes and accesoiries, add some details, and voila, here you have everything in perfect order, ready to be picked up.

You can also create possible outfits just by combining the items you have added to your wardrobe.

Target Audience

Full closet

People who have a lot of clothing, too much to be able to keep all possible styling variations in their head.

Fashion Sense

People who love fashion, but are too busy to style by themselves or too unconfident in their own styling skills.

Main Functions

  • Keep track on things in your wardrobe
  • Easily combine your clothes into a stylish outfit
  • Get inspiration from others’ public outfits

Main Rival Apps

Stylebook

Helps users to curate their wardrobe so they can look effortlessly chic everyday.

Latitude: style + shopping

Gives users fashion-forward morning app: news, weather, mindfulness, and weather-relevant style what-to-wear inspiration. Users can also share their daily looks, discover new styles, and engage with their peers.

Wishi - Premium Styling

Users can choose their own personal stylist, and have an online styling session to find the right look for each event. Looks can be created from clothes users already have in their closet or by adding some things buying them online.

Sitemap

Sitemap of the Main Functions

Wireframes

Low Fidelity Wireframe 01
Low Fidelity Wireframe 02
Low Fidelity Wireframe 03
Low Fidelity Wireframe 04

Colors

  • #FFFFFF
  • #121214
  • #E7DAD3
  • #D9A541
  • #BB5737
  • #D9A541
    #BB5737
  • #CAC0C0
    #FAEBE3

Typography

Large Headings

Font Playfair Display Example

Other Headings and paragraph text

Font Franklin Gothic ATF Example

Figma Prototype

https://www.figma.com/proto/X9ds7spGZDNRSRoMnzkREl/fashion-app-prototype?node-id=4%3A80&scaling=scale-down&page-id=0%3A1&starting-point-node-id=4%3A78&hide-ui=1

Thanks for watching!

TOPへ戻る