top of page
MacBook Pro Betts header-min.png

Betts Shoes.

Established in the late 19th century, Betts Group stands as a prominent Australian footwear enterprise with a rich heritage. Distinguished and diverse, the company manages multiple brands, including Betts, Betts Kids, Airflex, and others. I was charged as the lead designer in the website redesign strategy and optimization.

Betts Home

Homepage
UX & UI.

Fashion foreward and female focused, the homepage needed to make an impact. Betts, renowned for its trendsetting footwear, blending classic and contemporary styles, required a digital space that mirrored its fashion-forward ethos. My first challenge was to showcase their stunning product photography, while ensuring an accurate portrayal of their extensive inventory and brand offerings. The second challenge; to balance the appeal for the female-focused audience while reassuring male customers they're not overlooked. Finally, I wanted all of the best practice homepage touchpoints presented in innovative ways that gave the experience of landing on the Betts website a delight. Click and explore carousel below for a more in-depth look.

MacBook Pro 16 HOME-min.png
Bett Nav
MacBook Pro 16 NAV-min.png

Navigation.

A mega menu is often the best choice for a website with a large inventory, as it has the ability to compartmentalise a large amount of information. Designed to mimic as much of a visual in-store experience as possible, I used imagery icons for every category, along with dynamic product promotions and featured journal content to the left. Click and explore carousel below for a more in-depth look.

Betts Cat

Category.

Imagery is always key to a fashion website. The category page was designed with imagery in mind. Spanning across four columns gave us more space to showcase both product images and extra promotion blocks. While this strategy is often paired with a horizontal filter system that can get lost, we implemented a more classic left-aligned filter pop-out, to have our cake and eat it too. Click and explore carousel below for a more in-depth look.

MacBook Pro 16 CAT-min.png
Betts Prod
MacBook Pro 16 PROD-min.png

Product Page.

We designed the product page with the e-commerce section and imagery front of mind. Within that, we incorporated all items a user would need for a smooth and streamlined buying experience. Some more innovative elements included the size guide toggle, allowing users from across the globe quick and easy access to the sizing metrics they need. Along with that, any extra additions to enhance the experience were added. This included a stylish right-to-left scroll for the product image, a choice that allowed the upsell 'pair with' suggestions to remain close to the fold. Click and explore carousel below for a more in-depth look.

Betts Extras
MacBook Pro 16 SOCIAL-min.png

Social Proof.

Social proof is crucial for building trust and credibility on a website. By showcasing positive testimonials, reviews, and user-generated content, it influences decision-making, reduces perceived risks, and drives conversions. Social proof fosters engagement, strengthens brand image, and aligns with current social trends, contributing to a positive online reputation. Click and explore carousel below for a more in-depth look.

Store Locator.

An effective store locator is essential for a website, streamlining the search for physical locations, boosting local presence, and building trust through accurate information. It enhances user experience, supports local SEO, and adapts seamlessly to mobile users, contributing to a positive user journey and fostering customer engagement. Click and explore carousel below for a more in-depth look.

MacBook Pro 16 STLOCAL-min.png
MacBook Pro 16 BRAND-min.png

Brand Page.

A brand page on an e-commerce site featuring diverse brands is crucial for organized navigation, showcasing brand stories, and enhancing the overall visual coherence. It creates a user-friendly experience, making it easy for customers to explore and trust the products from their preferred brands within the larger platform. Click and explore carousel below for a more in-depth look.

Second Banner Betts.png
Previous. 

Get in touch.

Next.
bottom of page