Project Overview

TCC is an internal redemption product within the company, collaborating with various supermarkets worldwide to offer a redemption system, mobile application, and website. I was responsible for the UI design and web flow for this project. This specific project was developed for Sobeys - IGA in Canada.

Design Theme and Components

The main color theme for the project is red, reflecting IGA's brand, with blue as the secondary color. The design incorporates the shape of the stamp provided by the client, which is used to display the stamps balance and as an icon in the navigation bar.

Mobile App

On the landing page, users can quickly view their stamps balance at a glance. They can also access the full redemption collection or initiate a transfer. The stamps balance is prominently displayed at the top of the page to keep users informed. The collection items are shown with their redemption status, indicating whether users have enough stamps for redemption.

The entire application is designed to be simple and clean, avoiding unnecessary design elements. This approach ensures that the collection list and stamps are the focal points and stand out for easy viewing.

Website

For the website, the content is straightforward, and there is no complex information to display. To avoid a dry or monotonous layout, I used an IGA stamps patterned image as the background to enrich the design. The overall UI design follows the mobile app's aesthetic, ensuring consistency across platforms.

The website maintains visual consistency with the mobile app, ensuring a seamless user experience across different devices. The use of the IGA stamps pattern as the background adds depth and visual interest to the otherwise simple layout.