The Upside
Lead ux/ui designer
Matter Design Agency
Responsibilities: Building out wireframes and designing full prototype for The Upside.com
Platform: BigCommerce
Countries: Australia, Europe, USA
Start Date: August 2020
Live Date: December 2020
This includes mobile + desktop wireframes for:
Homepage
PDP
PLP
Mega Menu
Shopping Cart
Search
Style Guide
FAQs & Terms
Account pages
Project Objective
A next-gen e-commerce experience for cutting-edge activewear brand THE UPSIDE. We were asked with creating a truly unique, cutting edge experience for customers centred around bringing THE UPSIDE website to a higher level of e-commerce experience using features such as:
Increased flexibility for the client to build and add content to their site
Product data connection to Apparel 21 enriched by Zimble middleware
Advanced predictive search and visual merchandising using Searchspring
A modern shopping experience for users
A focus on design and imagery
An omnichannel approach to e-commerce
Manageable use of pop-ups and marketing email using Klaviyo
A shoppable on-site Instagram feed using Snapppt
Competitor Research
Elegant overall aesthetic
Editorial feel throughout the site
Editorial feel on homepage and in collections
Straight forward but elegant PDP page
notable Technology
SEARCHSPRING
Searchspring offers advanced search and visual merchandising capabilities. The application delivers visual, immersive content to the frontend giving the user an effortless customer experience and a short path to purchase. The result is a high converting website and platform for building the brand across multiple markets globally.
ZIMBLE & APPAREL 21 INTEGRATION
Product data is enriched and orchestrated in Zimble middleware which also provides the connection to their Apparel 21 ERP. Matter utilised the unique functions and open-source API capabilities of the BigCommerce platform to connect the two systems together and allow the flow of data between systems.
SNAPPPT
Snapppt powers the footer Instagram banner. It is connected to THE UPSIDE’s Instagram feed and allows users to check the prices of a product simply by clicking on the image. Prices are displayed in a pop-up (customised by Matter) and users are then able to click directly through to the PDP of the product they wish to purchase.