SSENSE

Redesigned the mobile app experience to make luxury fashion eCommerce more approachable, with a focus on inclusivity, accessibility, and usability. Portfolio View | Research

5 minute read

SSENSE is one of the world’s premier online shopping destinations.

They carry the world’s best brands, provide exceptional product images, and create charming editorial content for its customer base.

THE CHALLENGE

Less is always more.

The SSENSE mobile app offers a wealth of options, but an overload of choices can overwhelm users.

THE SOLUTION

Focus on the essentials.

Based on feedback from research and user testing, I’ve developed a solution that streamlines the login process, checkout flow, and product discovery, while also providing users access to rich editorial content.

This case study will walk you through the changes implemented to enhance the user experience of the SSENSE mobile app.

UI TWEAKS

Subtle updates for modern inspiration.

Dark mode is used as the primary UI theme, offering better contrast for viewing images and reading text.

Text boxes have been replaced with border lines, providing clearer segmentation and a cleaner interface.

“With the feedback received from research and user-testing, I’ve provided a solution that streamlines the login cadence, checkout flow and product discovery process, while granting users access to its rich editorial content.”

NEWSLETTER

LOGIN

Screen+Shot+2020-12-02+at+9.47.29+PM.jpg

 

CHECKOUT

Screen+Shot+2020-12-02+at+10.36.22+PM.jpg

 

DESIGN ENHANCEMENTS

BEFORE

“Create account” was substituted for register as the former is more familiar for casual users.The “login” and “create account” prompts have been moved to the bottom of the screen making them more accessible to users.

Create Account replaced Register to align with more familiar terminology for casual users.

Both Login and Create Account prompts have been moved to the bottom of the screen for improved accessibility.

AFTER

Once the app is opened you are prompted by the login screen.This is a trend seen in popular social media platforms such as Instagram, Pinterest, and Twitter to capture users.This action can be cancelled however for casual browsers.

Upon opening the app, users are prompted with the login screen, a common trend seen in popular social media platforms like Instagram, Pinterest, and Twitter (X) to capture engagement.

However, this action can be canceled for casual browsers.

BEFORE

The product landing page has been replaced with a content page directing users to view new arrivals, editorial content, and the newsletter.This expands the scope of the app creating a more immersive experience for users.This allows brands to better …

The current homepage has been replaced with a new layout that guides users to explore new arrivals, editorial content, and the newsletter.

This expansion creates a more immersive experience, allowing brands to better curate and showcase their story, in addition to selling products.

AFTER

Primary navigation buttons were moved to the bottom of the screen for easier user access.

Primary navigation buttons have been moved to the bottom of the screen for easier user access.

BEFORE

New Arrivals has been replaced with images instead of leading with text. Many users may not be aware of the brands being highlighted and the images translate across potential language barriers.

The New From category is now New Arrivals and features images alongside text, making it visually appealing and universally accessible.

This approach helps bridge potential language barriers, as users may not always be familiar with the highlighted brands.

BEFORE

The hovering action buttons were removed from the product shopping page to improve viewability while browsing.

The Sort By and Filters options were removed from the product shopping page to enhance visibility while browsing.

AFTER

Two column image scrolling was used in favor of three for larger imagery and text, and a less cluttered viewing experience.

The Menu tab presents users with a curated selection of products from various designers, encouraging exploration and engagement. Users can easily filter by designer and categories using the Filter option in the top-right corner.

Two-column image scrolling was used instead of three to allow for larger imagery and text, creating a cleaner, less cluttered viewing experience.

BEFORE

A horizontal sliding scroll is utilized as opposed to a vertical scroll.The following image is displayed on the right-hand side of the viewing area informing users of the awaiting content.

The UI indicator on the right-hand side for additional product images is too subtle and often goes unnoticed by users.

AFTER

Screen%2BShot%2B2020-12-02%2Bat%2B10.09.21%2BPM.jpg

A horizontal scroll is used for browsing product images. On the right-hand side of the viewing area, an image indicates additional content, guiding users to explore further.

BEFORE

The various item lists have been condensed to “similar items” to reduce clutter and simplify the discovery process.

AFTER

Screen+Shot+2020-12-08+at+6.09.45+PM.jpg

Multiple item rows are condensed into a Similar Items section to reduce cognitive load and streamline discovery.

BEFORE

Size selection has been made a focal point and moved to the center. The font has been increased for improved useability.The size guide is aligned at the center for a seamless flow.

AFTER

Screen+Shot+2020-12-08+at+6.10.01+PM.jpg

Size selection is now a focal point, positioned at the center with an increased font size for enhanced usability.

Supplementary sizing information is available through the Size Guide, which is conveniently centered at the bottom of the screen for easy access.

BEFORE

The pricing has been moved below the product allowing for larger imagery and product info.Redundant headlines have been removed for a more focused and streamlined user flow.

AFTER

Screen%2BShot%2B2020-12-02%2Bat%2B10.36.22%2BPM.jpg

Redundant headlines like Items, Description, and Price were removed to make room for larger imagery.

BEFORE

Navigation titles were added at the top of screen for better recall of the page being viewed.

 

AFTER

The “bag” icon (bottom-right) becomes yellow when populated so it remains a focal point as the user shops and browses the platform. Once tapped, it brings you to the shopping bag.

Page titles like New Arrivals were added at the top of the screen to improve recall of the current page.

The Bag icon in the bottom-right turns yellow when populated, keeping it a focal point as users shop and browse the platform.

  • What stands out most about Obi is his professionalism, particularly in high-pressure situations where he remained focused and solution-oriented.

    Cuau Romero, Visual Designer

  • Obi is consistent, timely and a true student of design. He’s great at research and overly communicating. I always benefitted from his design perspective.

    Clarence Boone, UX Designer

  • While at Blackstone, he showed himself to be an extremely valuable member of the design team, always willing to take over any project assigned to him and using his skills to elevate the brand.

    Alex Basmagian, Graphic Designer

  • His exceptional foresight throughout the design process was invaluable. He consistently upheld the highest standards in his work.

    Stephanie Cardenas, Visual Designer