Hum

Hum is an association management platform designed for the modern association. As the head designer, I designed the company logo, design system, and product UI.

view solution
CONTEXT
Student Project
DATE
Oct - Dec 2020
TOOLS
Figma, Framer, Adobe Photoshop, Adobe Dimension, Cinema4D
Team
Sara Smokrovich, Jason Colliton
role
UX/UI Designer, Experiential Designer, Strategist
skills
Strategy, UX/UI, Prototyping, Experiential Marketing, Product Development
background

Designed for the modern association.

text goes here

Challenge

How do we create a lively, memorable brand?

opportunity

Put the "hum" in human.

core campaign line

Designed for the modern association

part one

Design System

Repackaging original recipes from Maggi's global products into US-friendly versions

jump to section

part two

Product Design

Discover recipes from all of Maggi's global locations, new products, and more

jump to section

Joy and happiness

Trying new cuisines can be hard when you don't know where to start. The Maggi app is the gateway into the world of Maggi and curates recipes popular and relevant to a user's country of origin, preferred cuisines, and cooking level.

Maggi home page
A mobile food app home page showing a selection of recommended recipes
See curated recipe lists
global features
A food mobile app showing a list of special featured recipes
Read special exclusives from Maggi and featured guests
cuisine guide
A food mobile app showing a list of cuisine categories (Asian, Latin American, European, Caribbean)
Search by preferred cuisine

Guided recipes for every level

Maggi currently hosts a library of recipes on its website. With the Maggi app, users can access those same recipes on their mobile device with added features like ingredient checklist, step-by-step instructions, quick shop to featured products, and community tips.

recipe details
A recipe guide on mobile for slow cooker chicken tacos
View and manage serving sizes
instructions
Ingredients and instructions for slow cooker chicken tacos
Check off ingredients and mark steps as "complete"
Additional info
Bottom page of a food recipe on mobile app showing community tips and suggested recipes
Shop products, discover similar dishes, and get tips

Shop products and more

Shop products and find them in a store close to you. Using image recognition, hold up your product to your camera to pull up product info and popular recipes using that ingredient.

shop products
A list of products on a food mobile app
Shop and find in store
image recognition search
A spice bottle
Hold your phone to let the app find your product
image recognition results
A pop-up box for an image recognition sequence showing the product name
View exact product info and suggested recipes

Introducing the Maggi Café

The Maggi Café is a concept restaurant featuring Maggi recipes from around the world. Piloting at JFK International in Terminal 4, the Maggi Café would cater to traffic coming from the brand's most loyal markets such as India. JFK was a top choice because of the breadth of international traffic it covers from every corner of the globe -- from Europe to Latin America to Asia.

Maggi Café interior
The Maggi Café would be situated in Terminal 4, the Star Alliance hub. The interior of the restaurant features spacious seating area to allow for leisurely eating.
List of Star Alliance airlines

In partnership with Star Alliance

We chose a partnership with the Star Alliance of airlines because many of the national airlines belong to countries with a strong Maggi brand loyalty, such as Air India/India. It is also home to Swiss Air, Switzerland being the birthplace of Maggi.

International menu featuring local favorites
The menu features a balanced selection of popular recipes from Maggi's main regions in South/Southeast Asia, Latin America, and Europe.
Maggi Express: Grab to go
On a tight schedule? Grab a pre-packaged meal or Maggi cup noodle from the Express bar.
Sample menu items
Featured menu items and dish ingredients pulled from Maggi's official properties in Egypt, Turkey, and India.
Maggi x Swiss Air
Re-designed vintage Swiss air poster w/ Maggi seasoning sauce
Maggi x Lufthansa
Re-designed vintage Lufthansa poster w/ Maggi seasoning sauce
target
Young adults, ages 18-35, income $45K+
regions
United States
Interests
Food, travel, culture, Trader Joe's, Publix

key points

Emphasizing authenticity.

Several restaurants and store chains over the last few years have been lambasted for "culturally appropriating" international cuisines to fit the American palette, or what some would call the "white-washing" of food. We wanted to combat this trend by emphasizing the characteristic that has made Maggi successful worldwide -- authenticity and respect for local cuisine.

Attract new customers without alienating existing base.

In addition to talking to individuals unfamiliar with Maggi, we also checked in with Maggi loyalists, many of whom are international students living in the United States or second-generation Americans. The Maggi brand carries a lot of love and nostalgia for many immigrant groups that now reside in the United States. In creating our new solution, we sought to capture a new audience while ensuring the brand remained recognizable to the people who made it successful in the first place.

Research, synthesis, and ideation
We conducted an initial survey with over 50 people to get a general understanding of food inclination. We also delved deep into Maggi's brand to understand the breadth of the business, compiling a list of existing YouTube channels, websites, and recipes. After this, we synthesized our findings to narrow in on a few solution options.
Mapping an experience that meets your needs
In creating the mobile app, we explored onboarding flows that asked specific questions of new users to understand their top priorities — e.g. preferred cuisines, ingredient types, average time they spend in the kitchen. It was this initial phase of sketching flows that also inspired the building out of the additional product sections in the application.
Creating the Café
Creating the café was my favorite part of the process. I first wrote down all the key features the restaurant needed to address and created rough sketches of where different objects would be placed. I created several moodboards for interior decor, lighting, furniture, and machinery, working between both C4D and Adobe Dimension to create the final look. Airline posters were composited in Photoshop.
Testing our designs
We ran several rounds of testing with design mentors and our target user base. From the feedback given, we found that overall functionality of the application was well-liked, but subtle changes were made to design elements to improve accessibility and brand authenticity.
Bringing everything to life
After incorporating feedback, we went through several additional rounds of iteration in Figma, Framer, and Dimension to complete our final designs.

Bridging gaps through love of food and discovery.

I grew up with Maggi in my household. Many of my friends who came from immigrant households also remember having a Maggi product in their home. But my team members had never heard of Maggi before we started this project. When we discussed the food we ate growing up, our experiences could not have been more different. However, it was this diversity that helped us find a solution that could cater to both of our upbringings — one that would give people like myself an opportunity to see Maggi in a different light and one that would encourage people like my teammates to try something new.

credits

Sara Smokrovich, Art Director
Jason Colliton, Copywriter

Google Creative Campus
view project
Cisco Webex
view project
3.1 Phillip Lim
view project
overviewsolutionStrategyprocessreflection