Michał Puch

Open to new roles

04 — E-commerce

Victoria's Secret

UX and UI for the brand's Magento store, live in several markets

Hands holding a tablet with Victoria’s Secret search results and filters, on a purple background.
Agency
Fast White Cat
Role
UX and UI design of the whole store
Year
2021
Platform
Magento — desktop and mobile
Status
Live in several markets

Summary

At Fast White Cat I designed the UX and UI of Victoria's Secret's Magento store for desktop and mobile. The store went live in several markets and is online today.

The challenge

Create a shopping journey that balances sensuality and sophistication, while making product discovery and checkout easier.

My role

I owned the UX and UI design of the whole store, from category pages and product details to cart and checkout, on desktop and mobile.

Scope

Product page · Collection pages · Search and filters · Size & fit · Buy online, pick up in store · Write-a-review form · Masthead and navigation drawer · Footer · Bag · Checkout and thank-you page · Account · Gift cards · Offers drawer · Bundling · Subscribe overlays · Skeleton loading

The store, end to end

01 — Search and discovery

Search results, filters and sorting, designed for a large catalogue on desktop and mobile.

Victoria’s Secret desktop search results with a filter sidebar and a product grid.
Search results with filters — desktop
Three mobile screens: search results, the filter panel and results with filters applied.
Search results, filters and applied filters — mobile

02 — Product page

Everything needed to choose: gallery, colours and sizes, size & fit calculator, in-store pickup, reviews and product recommendations.

Victoria’s Secret desktop product page with a photo gallery, colour and size selection and product details.
Product page — desktop
Three mobile screens: the product page, the size & fit calculator and the review form.
Product page, size & fit calculator and review form — mobile

03 — Checkout

Every step from cart to order confirmation, redesigned for a calm, premium checkout.

Checkout address step with billing and contact details and the order summary.Checkout delivery step with shipping method options and the order summary.Checkout payment step with an offer code, gift card and payment methods.Checkout order review with the items in the bag and the payment summary.

04 — Mobile

The full store on mobile, from browsing to checkout.

Hand holding a phone with the Victoria’s Secret mobile bag and checkout button, on a purple background.Three Victoria’s Secret mobile screens: search results, a product page and size selection.Three Victoria’s Secret mobile checkout screens: delivery, billing and payment.

05 — One store, two brands

The same store patterns were themed for Victoria's Secret and for PINK.

PINK-branded desktop product page for a sports bra with photos, colour swatches and sizes.
Product page themed for PINK

Outcome

The store went live in several markets and is still online.

Next project

Tokina Laptop on a dark ribbed surface showing the Tokina concept homepage, “Born for Creativity”, with a lens close-up.