Digital-Device-Mockup-Freebie-Vol.4.jpg.jpg

The Upside

The Upside

Digital-Device-Mockup-Freebie-Vol.2.jpg.jpg
 

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

www.theupside.com.au

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.

 
SEARCH SPRING

SEARCH SPRING

SNAPPPT

SNAPPPT

 

PLP

Digital-Device-Mockup-Freebie-Vol.3.jpg.jpg
 

Quick Add Functionality

CleanShot 2021-07-16 at 14.25.49.gif
 

3 or 5 product view

CleanShot 2021-07-16 at 14.26.58.gif
 

Collapsable filter

CleanShot 2021-07-16 at 14.24.59.gif
 

pdp

Digital-Device-Mockup-Freebie-Vol.4.jpg.jpg
 

Sticky Product Details

CleanShot 2021-07-16 at 14.29.24.gif
 

Mobile designs