9 Refreshing Ways to Design a Lookbook for a Fashion Website

9 Refreshing Ways to Design a Lookbook for a Fashion Website

The online lookbook has become a staple of fashion and apparel websites. Consumers used to pour over pages of Glamour and Vogue; now they browse designer collections online to get the latest look.

Unlike a product page or catalogue which are used to convey utilitarian information like price, colour, and size, lookbooks are meant to excite and inspire the viewer. They are highly visual — appealing to the viewer's senses rather than their reason. Lookbooks are a great way for a merchant to showcase a seasonal collection, suggest product pairings, or convey the lifestyle associated with their brand.

While high-quality, professional photography is an essential part of any great lookbook, the way in which a lookbook is presented on a website is becoming an increasingly important part of the online fashion experience. From creative scrolling features to interactive view modes, ecommerce web designers are finding new ways to bring the online lookbook to life. In other words, the online lookbook isn’t just about pretty pictures — it’s about creating an engaging and creative browsing experience.

The online lookbook isn’t just about pretty pictures — it’s about creating an engaging and creative browsing experience. 

If you haven’t integrated a lookbook functionality in your client’s online fashion store, it’s worth considering adding a “Lookbook” or “Collections” page to their navigation. To inspire your design, we’ve assembled nine refreshingly creative ways to present an online lookbook. Here’s hoping you get hooked on one of these looks!

You might also like: 10 Stylish Ecommerce Website Designs from the Fashion World

Old Harry

Why we love it: Sometimes you don't need bells and whistles. This classic lookbook combines stunning lifestyle photography with a simple but engaging layout. 

Lookbook Designs for a Fashion Website: Old Harry

Leroy Nguyen

Why we love it: This creative click-to-browse functionality calls to mind the flipping of magazine pages. It's a great way to give a digital edge to an old world tradition. 

Lookbook Designs for a Fashion Website: Leroy

Lunet Eyewear

Why we love it: The elegantly designed graphics in the corner of each image forge a strong link between the lifestyle photography and the actual products themselves. Plus, you can easily navigate to each product page by clicking the product name in the corner. 

Lookbook Designs for a Fashion Website: Lunet

5th Story London

Why we love it: The parallax scroll makes browsing this lookbook a breeze. We also really like how the designer has emphasized the products by keeping them front and centre. 

Lookbook Designs for a Fashion Website: 5th story

Triangl

Why we love it: Big, bold, bright, and colourful. This lookbook takes over the entire screen to showcase Triangl's products in the best light. 

Lookbook Designs for a Fashion Website: Triangl

Z. Borgini

Why we love it: The integration of a "Shop the Look" button is a great way to entice shoppers to navigate to a product page and hopefully onwards to the checkout. 

Lookbook Designs for a Fashion Website: borgini

Simo Collective

Why we love it: The hover effects are a great way to engage the passive browser and encourage them to learn more about the products featured in each image. 

Lookbook - Simo

Haven

Why we love it: Not only does this lookbook have an incredibly intuitive browsing experience, but we love that each look comes with breakdown of the products featured in the lifestyle imagery. 

Lookbook Designs for a Fashion Website: Haven

Alice + Whittles

Why we love it:  This lookbook takes full-advantage of the captivating power of video. Need we say more? 

Lookbook Designs for a Fashion Website: Alice and Wittles

Looking to add ecommerce functionality to an already existing online lookbook? Shopify's JavaScript Buy SDK lets you add commerce functionality into any existing website or JavaScript application.

You might also like: 12 Beautiful Portfolio Websites to Inspire Your Own Design

About the Author

Gillian is a Product Content Strategist for Shopify. She likes Oxford commas and owns four different copies of The Complete Works of William Shakespeare.

Grow your business with the Shopify Partner Program

Learn more