Tadhana X AR

Tadhana X AR is a project that is based on a brand that helps the Filipino community. It is an e-commerce AR app with a humanitarian vision.

Year

2021

Company

Tadhana Supply Co.

Project Type

Senior capstone project, app prototype, AR

Role

UI/UX Designer + research, Animation, AR

Project Overview

Changing the way we shop

Tadhana Supply Co. is a Filipino Lifestyle brand featuring apparel and handmade goods for the proud Filipinx with a mission to strengthen the global Filipino community. I did my first ever internship with this company, and I connected with the mission so much that I decided to expand on it as my capstone project.

Challenge

To create a mobile app prototype for Tadhana that celebrates the brand’s mission while implementing fresh UI design features that engage users.

Result

Meet Tadhana x AR: an e-commerce mobile app that redefines the shopping experience. After receiving their purchase, our customers will find flyers in their packaging that can be scanned with our app to unlock an AR interaction that allows them to learn more about the brand’s mission.

Empathize

Gaining insight & empathy

What we did first was create a series of user research questions and conduct interviews with our target audience to guide us in our design process.

Affinity Diagram + Feature Prioritization

Key insights (User's Value):
-Layout and color scheme
-Organization through categories
-Would like interactivity if it works well
-Sustainable &  socially responsible businesses

User Personas

During this stage, we created two user personas that helped us visualize who we were designing for.

"What is the shopper's journey?"

Site Map

We created a very simple site map to help visualize where everything would be.

Wireframes

To get a basic understanding of the format and layout of the screens, we created low fidelity wireframes using Figma.

Final Design

Polishing the final product

After finalizing the app’s structure, we applied colors and added images. This is the result.

Color Palette
Typography
AR Flyer
Final prototype

More case studies...