Smartphone screen displaying a rewards app interface with points balance, recent browsing, challenges, surveys, and personalized product suggestions.
Black text on a white background displaying the word 'date'.

OVERVIEW

Mesh is a technology company focused on improving the retail shopping experience for both companies and consumers. Many retail companies have rewards programs to incentivize brand loyalty and repeat purchases. However, the rewards earned exist within separate user profiles and applications, making it more difficult to keep track of for the consumers. Mesh aims to fix this inconvenience by conglomerating the different rewards programs into a cohesive platform where users can earn, spend, and even exchange points from a single account and mobile application.

SERVICES

Visual Identity

UX Design

UI Design

Brand Identity

SOFTWARE

Adobe XD

Adobe Photoshop

Adobe Illustrator

Mobile phone screen showing a shopping app with a sidebar menu open, displaying options like Home, Rewards, Accounts, My Information, Settings, and Help. The profile picture shows a cartoon avatar of a man with a beard and wearing a green beanie, labeled Blake Birch.
Screenshot of a mobile app displaying a list of connected retailer and service provider icons, including Dufti, Target, Jimmy John's, Chipotle, Starbucks, Uber, Lululemon, Nike, H&M, DoorDash, Instacart, McDonald's, Adidas, GoPuff, Walmart, Dairy Queen, BestBuy, Michael's, Wendy's, Fabletics, SHEIN, Etsy, Chick-fil-A, and Handle, with menu icons at the bottom labeled Home, Rewards, Shop, and My Account.
Smartphone displaying an online shopping app with soda cans, shoes, a lamp, and shorts.
Blue abstract geometric logo with layered shapes and sharp angles.

VISUAL IDENTITY

The name “Mesh” was chosen to enforce the idea of one account being usable across many different retailers on a single platform. The logomark further emphasizes this concept, depicting intertwining threads. Gaining consumers’ trust is important for any fintech company, and thus a bright blue was chosen as the company color to symbolize trust and reliability, as well as give a friendly feeling to the company. This is complemented by soft, rounded edges and comfortable spacing within the logomark, as well as throughout the mobile application.

Color palette featuring four squares labeled MESH BLUE, SECONDARY #1, SECONDARY #2, and BLACK with corresponding HEX, RGB, CMYK, and PMS color codes.
Infographic about typography, featuring Proxima Nova font and size hierarchy with headings from H1 to H3 and paragraphs P1 and P2.
Diagram illustrating different cosplay wig hairstyles and their respective popular styles.
A smartphone screen displaying a mobile shopping app with user profile, recently browsed stores, challenges, surveys, and recommended products.

UI DESIGN

The user interface for the application is meant to feel exciting and fun to use, while maintaining a high level of familiarity. Thorough use of color invokes a feeling of playfulness, while rounded edges and generous spacing ease any visual stress, especially for new users.

Mobile app interface showing user Blake with 1,207 points, recently browsed stores like Target and Starbucks, and sections for Challenges, Surveys, and Recommendations. Navigation icons at bottom include Home, Rewards, Shop, and My Account.

UX DESIGN

The mobile application was designed with ease-of-use at the forefront. Standard practices were adopted from other well-established mobile applications with similar functionality. As an iOS-first application, Apple’s Human Interface Guidelines were referenced to ensure maximum usability, such as for hit target sizing. Color is strategically used to draw users’ attention to key features of the application.