Le’Amori
Le’Amori
Le’Amori
Fashion that speaks you: discover, recolour, build and buy a whole look in one place.
Fashion that speaks you: discover, recolour, build and buy a whole look in one place.
ROLE
ROLE
UI/UX Designer: visual direction, landing page, app screen previews and colourway system
UI/UX Designer: visual direction, landing page, app screen previews and colourway system
PLATFORM
PLATFORM
Desktop website for an iOS and Android app
Desktop website for an iOS and Android app
TYPE
TYPE
Personal concept project
Personal concept project
View on Behance
View on Behance
View on Behance
Overview
Overview
Overview
Le’Amori is a personal concept for a bold, editorial shopping app for young adults who treat clothing as self-expression. The designs show the product’s marketing site, with a preview of four mobile app screens, in three interchangeable colourways: Caramel, Nude and Sand.
Le’Amori is a personal concept for a bold, editorial shopping app for young adults who treat clothing as self-expression. The designs show the product’s marketing site, with a preview of four mobile app screens, in three interchangeable colourways: Caramel, Nude and Sand.
In my words
In my words
In my words
Fashion is meant to be self-expression, yet most shopping apps feel like generic feeds. With Le’Amori, I designed the marketing site for a bold, editorial shopping app for young adults. A large serif headline and a fashion-photography grid set the tone, and a numbered 01–06 index explains the core ideas, from live recolouring to styling a whole outfit. The decision I care about most is treating colour as a system: the same layout re-skins cleanly in Caramel, Nude and Sand. Dark-mode previews of four app screens show how the product itself would feel.
Fashion is meant to be self-expression, yet most shopping apps feel like generic feeds. With Le’Amori, I designed the marketing site for a bold, editorial shopping app for young adults. A large serif headline and a fashion-photography grid set the tone, and a numbered 01–06 index explains the core ideas, from live recolouring to styling a whole outfit. The decision I care about most is treating colour as a system: the same layout re-skins cleanly in Caramel, Nude and Sand. Dark-mode previews of four app screens show how the product itself would feel.
The problem
The problem
The problem
Fashion apps make shoppers scroll endless generic feeds, guess how an item looks in other colours and buy pieces one at a time without seeing the whole outfit. That breaks fashion’s promise of self-expression.
Fashion apps make shoppers scroll endless generic feeds, guess how an item looks in other colours and buy pieces one at a time without seeing the whole outfit. That breaks fashion’s promise of self-expression.
Goals
Goals
Goals
Make personalisation feel instant.
Make personalisation feel instant.
Let shoppers preview an item in any colour without leaving the page.
Let shoppers preview an item in any colour without leaving the page.
Support styling and buying a whole outfit, not single pieces.
Support styling and buying a whole outfit, not single pieces.
Show items on real people.
Show items on real people.
Keep the experience calm: simple at first, with advanced features appearing when they are useful.
Keep the experience calm: simple at first, with advanced features appearing when they are useful.
Target users
Target users
Target users
Style-driven young adults who shop on mobile.
Style-driven young adults who shop on mobile.
People who care about colour, outfits and sharing their look.
People who care about colour, outfits and sharing their look.
APPROACH
APPROACH
APPROACH
How the design came together, step by step.
How the design came together, step by step.
01 Editorial tone
01 Editorial tone
A large high-contrast serif headline, tracked uppercase eyebrows and a fashion-photography grid with New Season and Limited Drop tags.
A large high-contrast serif headline, tracked uppercase eyebrows and a fashion-photography grid with New Season and Limited Drop tags.
02 Colourways as a system
02 Colourways as a system
The same page is rendered in Caramel, Nude and Sand: accent, photography and button tone change while the layout stays the same.
The same page is rendered in Caramel, Nude and Sand: accent, photography and button tone change while the layout stays the same.
03 Numbered feature index
03 Numbered feature index
Six core ideas (01–06) each get a one-line explanation and an accent-coloured outcome tag.
Six core ideas (01–06) each get a one-line explanation and an accent-coloured outcome tag.
04 A journey in five steps
04 A journey in five steps
“Find it. Fall for it. Make it yours.” walks through the shopping journey on dark photo cards.
“Find it. Fall for it. Make it yours.” walks through the shopping journey on dark photo cards.
05 App screens
05 App screens
Home, Discover, My Palette and Checkout are previewed as dark-mode phone screens with a five-tab navigation.
Home, Discover, My Palette and Checkout are previewed as dark-mode phone screens with a five-tab navigation.
KEY FEATURES
KEY FEATURES
KEY FEATURES
The screens that carry the experience.
The screens that carry the experience.
Editorial hero
Editorial hero
A serif headline with an accent word, a photo grid and colour swatches to explore the colourways.
A serif headline with an accent word, a photo grid and colour swatches to explore the colourways.
Core features 01–06
Core features 01–06
Taste learning, live recolour, whole-outfit styling, real-people previews, fast checkout and progressive features.
Taste learning, live recolour, whole-outfit styling, real-people previews, fast checkout and progressive features.
Five-step journey
Five-step journey
Dark cards with photography that walk from discovery to owning the look.
Dark cards with photography that walk from discovery to owning the look.
App screens
App screens
Home, Discover, My Palette and Checkout in dark mode, each with a five-tab bottom navigation.
Home, Discover, My Palette and Checkout in dark mode, each with a five-tab bottom navigation.
Three colourways
Three colourways
The same layout re-skinned in Caramel, Nude and Sand.
The same layout re-skinned in Caramel, Nude and Sand.
Download call to action
Download call to action
“Your style. Your identity. Your Le’Amori.” with App Store and Google Play buttons.
“Your style. Your identity. Your Le’Amori.” with App Store and Google Play buttons.
SCREENS & MOCKUPS
SCREENS & MOCKUPS
SCREENS & MOCKUPS
The full set of designs, screen by screen.
The full set of designs, screen by screen.
DESIGN SYSTEM
DESIGN SYSTEM
DESIGN SYSTEM
The colour palette used across the screens.
The colour palette used across the screens.
COLOURS
COLOURS
Caramel
Caramel
#BA7517
#BA7517
Rose
Rose
#D4537E
#D4537E
Sand
Sand
#C9AB8C
#C9AB8C
Ivory
Ivory
#F8F6F3
#F8F6F3
Beige
Beige
#F0EDE7
#F0EDE7
Charcoal
Charcoal
#2C2C2A
#2C2C2A
OUTCOME
OUTCOME
OUTCOME
A distinct editorial brand language that stands apart from typical marketplace apps.
A distinct editorial brand language that stands apart from typical marketplace apps.
One layout that re-skins cleanly across three colourways, proving the palette system.
One layout that re-skins cleanly across three colourways, proving the palette system.
The core product ideas are communicated in a clear 01–06 structure and backed by app screen previews.
The core product ideas are communicated in a clear 01–06 structure and backed by app screen previews.
HAVE A PROJECT IN MIND?
HAVE A PROJECT IN MIND?
HAVE A PROJECT IN MIND?
I’d love to hear about it. Let’s build something great together.
I’d love to hear about it. Let’s build something great together.
I’d love to hear about it. Let’s build something great together.
Get in touch
Get in touch
Get in touch
LET’S WORK TOGETHER
LET’S WORK TOGETHER
LET’S WORK TOGETHER
Phone: +2349038049003