Enjoy the best offers
MEX

MEX is a mobile community engagement app tailored to campuses and workspaces. We completely redesigned the original interface to enhance the user experience (UX) and support more features.

Mobile app screen showing a greeting to Ryan, navigation tabs for Posts, Events, Connect, and upcoming Business Head Meeting events on July 18 at 12 pm in EcoWorld.

Mobile app screen showing partners section with search bar, category icons, and top offers including Uber Eats 25% off and Zara 2019 10% off.

Features

Redesigning 100+ Screens

Like most of our projects, we focused on MEX’s content hierachy first to create a seamless experience. This helped us implement features like access to services, live campus feeds, real-time traffic updates, and much more.

Multiple angled views of a mobile app interface showing tabs for Feed, Services, Partners, and Activity, with screens displaying user greeting, partner listings like Uber, Licious, and Swiggy, and community join prompts.

Engaging

Animation & Motion

We prototyped many different animations and motion effects to elevate the user experience, make the navigation seamless, and create delightful moments for users.

Onboarding

Screens

We streamlined the onboarding process as it’s one of the most critical parts of a successful app. This helped maximize conversions and reduced drop-off.

Brand guidelines

Design system

We love building design systems that are robust. We are always making sure to create reusable components in order to create predictable user experience and make it easier for our clients to create new screens after the project.

Typograhy

Avenir Roman

AaBbCcDdEeFfEeGgHhIiJjKkLlMm
NnOoPpQqRrSsTtUuVvWwXxYyZz

0123456789
!@#$%^&*/)

Avenir Heavy

AaBbCcDdEeFfEeGgHhIiJjKkLlMm
NnOoPpQqRrSsTtUuVvWwXxYyZz

0123456789
!@#$%^&*/)

Primary colors

Blue circular ring with hashtag #2C98F0 below it.

Red circular shape with a central cutout on a red textured background with hex color code #E32C4D below it.

Color swatch showing hexadecimal code #000000 representing solid black.

Secondary colors

Dark gray circular ring with a central hole on a light textured background.

Circular chart with three segments in shades of gray and a hex color code #9AA0AC below it.

White circular ring with a shadow on a light gray background.

Components

App interface showing Uber Eats 25% off with pancakes and blueberries, empty shuttle bus seats, Uber car with order prompt, holiday cookies, blood donation call, food order question, and salad with lunch order prompt.

Mobile app interface showing navigation bars, followers and following stats, a post with timestamp and location, and a follow button for Book Lovers group.

Social media post by William Connor asking how often users attend a pain event on New Year's Eve, with options Every Year, Every Few Years, and Never, plus interaction icons and form fields below.

Have a project for us?

Let’s talk!

Get support with a large platform, flesh out your first MVP, go from concept to investment, or take your startup to the next level. We’re here to support your unique business needs.