RB Design

Discuss A Project

My Work

About

Contact Me

Discuss A Project

My Work

About

ANDTHIS

South Africa's first virtual mall.

Ecommerce

Mobile App

Website

Introduction & Summary

Owned by Old Mutual, ANDTHIS is a contemporary e-commerce solution in the form of a virtual mall (think Uber Eats for fashion products). The aim was for users to be able to easily browse a curated list of products from their local malls that matches their personal interests, as well as order from multiple stores and receive the products as part of one delivery. They signed with Specno who provided a product delivery team that would complete the full design and development of the platform.

My Role

I was the sole lead designer on the project, working alongside a product owner, scrum master, and four developers. My responsibilities included working closely with stakeholders to synthesise user requirements, conducting user research, assisting with system architecture, managing timelines & expectations, defining a brand, leading the end-to-end design process, and working closely with my product owner and developers to ensure correct implementation.

Client

Old Mutual

Team

1 Designers, 1 Product Owner, 1 Scrum Master, 2 Frontend Developers, 2 Backend Developers

Tools

Figma, Notion, Jira, Microsoft Teams, Google Suite, Slack

Client

Ampath

A Multi-Faceted Product

The project required the designing of three platforms:

A consumer facing mobile app.

An internal mobile app that pickers would use to fulfil orders, integrated with a distribution centre.

A marketing website.

Process

We prioritised strong upfront research and user validation to ground our decisions in real needs. Through stakeholder interviews, surveys, and usability testing, we iterated early designs to ensure clarity and usability.

With a clear visual direction established, we transitioned smoothly into high-fidelity design and development - supporting engineering with structured handoff, documentation, and ongoing collaboration to ensure pixel-perfect implementation.

Process

Wireframing

Wireframing was essential to shaping a smooth, consistent, and intuitive user experience - especially given the scale and complexity of the system. We intentionally kept wireframes low-fidelity to stay focused on structure and usability, avoiding distractions from visual design. These were prototyped to aid in client alignment, validate key flows through user testing, and serve as a foundation for development collaboration.

Wireframing

Final Designs | Customer Facing App

The customer-facing app was designed to deliver a seamless and inspiring shopping experience, blending intuitive navigation with a clean, modern aesthetic. With users at the core, we focused on making discovery, browsing, and checkout as effortless and enjoyable as possible - helping customers engage deeply with the brand while driving conversion and retention.

Final Designs - Customer Facing App

Onboarding

1 of 6

Browsing

2 of 6

Search & Filtering

3 of 6

Product & Add To Cart

4 of 6

Check Out & Cart

5 of 6

Order Tracking

6 of 6

Final Designs | Picking App

To support operational efficiency on the ground, we designed a companion picking app tailored for warehouse staff. The interface prioritizes speed, accuracy, and clarity - ensuring orders are fulfilled smoothly and without error. By aligning the app closely with real-world workflows, we enabled staff to move quickly and confidently through their tasks.

Final Designs - Picking App

Get An Order

1 of 2

Pick Order

2 of 2

Final Designs | Marketing Website

The website brings everything together - bridging the brand’s digital presence with its commerce engine. Designed responsively and with flexibility in mind, it serves as both a discovery platform and a sales channel, offering customers a cohesive experience whether browsing on desktop or mobile.