JOLEEN LI
WORK-sf.jpg

Seafolly Australia

E-Commerce, Responsive Web Design

Australia's most iconic swimwear brand, Seafolly embodies fun and fashion forward swim. 

seafolly.com.au

BRIEF /

BRIEF /

A complete site redesign aimed to consistently showcase the Seafolly brand across seasons and campaigns using beautiful campaign imagery. 

Users should should be able to explore new Seafolly collections and easily find names of styles if they want to try on in store before purchasing.

Product page redesigns aimed to create a smooth and enjoyable e-commerce experience for customers.

PROCESS /

PROCESS /

Taking into account the brief, an existing Magento theme was chosen for it's flexibility. Lo-fi wireframes were created for each e-commerce page then refined into mock ups. The theme pages were developed to fit the designs, with extensions being brought in where necessary, and design iterations ongoing throughout testing until delivery. 

ROLE /

ROLE /

Working closely with the creative director and inhouse designers from Seafolly, I organised information architecture, created wireframes and mock ups for each page within the site from home page, navigation, product grid and page, to cart, checkout and success pages. Then working with the dev team, I tested and refined pages until delivery. 

GRID & FILTER /

GRID & FILTER /

A clean, minimal grid with white background product images was designed to show off high res product images.

Always open filter on the left side encouraged users to filter by colour, size and styles. 

PRODUCT IMAGES /

PRODUCT IMAGES /

Product images were shot on a model in studio shoots onsite that I assisted with, as well as doing image selection and retouching. 

In addition, we also shot and created interactive 360 spins for each item. Try it here, click the 360 button. 

Streamlining user experience /

Streamlining user experience /

A refined product page made shopping mix and match separates easier and cleaner. 

SF-Product-Scrolling.gif
MOBILE /

MOBILE /

Custom mobile navigation to make browsing a huge range of product user friendly.