Make the product easy to picture
Prominent product imagery and feature explanations connect the opening promise to a concrete object.
↳ Benefit-led opening← Selected work
Ecommerce & UI design / 2024 presentation
Justwears
Product storytelling and shopping choices in an expressive landing page.
My role
Landing page / UI design
The scope
Landing page · Product selection · Responsive UI
Project status
Published design presentation
The project, at a glance
- The challenge
- Shoppers need to understand the product benefits and compare styles before choosing a pack.
- My contribution
- I designed the landing page around product storytelling, style comparison and the size, color and pack choices near purchase.
- What came out of it
- A complete ecommerce landing-page design with responsive layouts, color and typography specifications.
Ecommerce design / JustwearsThe product.
The product.
The reason. The choice.
01Understand the benefit02Compare the styles03Build a bundle
Original landing-page design · New presentation
JustwearsOriginal project presentation
The original work / In motion
Give the product some character.
The original homepage presentation adds movement to the product imagery while keeping its benefits and next action in view.
01 / The question behind the work
A brighter route from curiosity to a considered choice.
The shopping story
The page moves from a benefit-led introduction through product explanation to choosing a style and pack. Reviews, FAQs and related content support the composition.
The choices
Boxer Briefs, Trunks and Briefs appear as distinct options. Pack size, color and size are presented near the purchase actions, keeping the choices within the relevant product context.
The visual system
Electric blue, mint and near-black give the design a recognizable identity. The original specification uses Poppins and a defined type hierarchy, with separate desktop and mobile presentations.
02 / Design decisionsThe thinking
The thinking
in the details.
Specific choices, connected to the work you can see.
Group related choices
Style, pack, color and size choices sit within the product and bundle sections. The page gives these decisions a visual structure.
↳ Product selectionAnswer questions along the way
Reviews and an FAQ are part of the full composition. They provide supporting information beyond the main purchase area.
↳ Original full page03 / Connecting the experience
How the pieces connect.
Select a stage to explore its purpose.
The moment
Explore the benefits and product explanation.
The design intention
Introduce a tangible reason to look closer.
New presentation breakdown of the original landing-page sections, not a measured conversion funnel.
04 / Inside the experienceThe details.
The details.
With a purpose.
Selected views, framed to explain the work. Complete original artifacts are available in the source collection below.
A reason to look closer
Product imagery, benefits and the first action share one coherent opening.
Give the choice a structure
Style, pack and supporting detail sit within the shopping journey. This section is selected from the original full-page design.
Original presentation boards4 source artifacts +
The complete originals behind this case study. Open a board to inspect the source presentation.
05 / What this work brings togetherJustwears
Justwears
in perspective.
The result
A complete ecommerce landing-page design and responsive presentation, supported by an original color and typography specification.
Sources & presentation notes +
This is the published landing-page design. A commissioned relationship, deployment and conversion results have not been verified. Customer and product claims visible in the original mockups are not measured portfolio outcomes.
The journey diagrams and editorial explanations were prepared for this portfolio from the available project evidence. They are not additional historical research or measured outcomes.
Keep exploring / Next project
A content marketplace interface, designed and built in HTML and CSS.