IDA: HELLO FELLOW App

In a small team of 3 we rehauled the entire interface of the Hello Fellow app in only 3 months, creating a user centered experience for students to engage with. Through simple design patterns the number of components were cut in more than half, creating a cleaner backend to maintain.

Problem

The Danish Society of Engineers, IDA is one of the largest unions in the country. Their student branch, Hello Fellow primarily interacts with it's members through their mobile platform. The app needed a facelift and an increased focus on usability. The app suffered from inconsistent design patterns: typography, components, graphics and use of color were inconsistently used.

Solution

Creating simple scalable components, ensures visual and structural consistency, resulting in more efficient design both for the user and for developers. Doubling down on the bright pink Hello Fellow brand color allowed it to get the breathing room a color of that nature needs.

Deliverables & Disciplines

Digital Product Design / UI / Interaction Design / Mobile / Art Direction / Graphic Design / Illustration / Animated Icons / Branding

Onboarding

Like the rest of the Hello Fellow app, the on-boarding flow lacked consistency. Three new graphics were produced to create a consistently branded and evocative experience.

Home & Event search

Discovering exciting events, hosted by IDA, is at the core of the Hello Fellow app's value proposition. A cleaner event card was created to allow for faster scanning and comparison. A condensed card-layout, for saved events, was built to enable the user to quickly create an overview of IDA's large event offering.

Event page & commerce flow

Grouping of related content and consistent design patterns helped create a more efficient event overview and checkout experience.

Benefits

Various benefit programs were developed to engage the young audience with tangible gains. New graphics were created to match the new and more consistently branded app experience.

Benefits:
insurance & consultancy

The large amount of copy is chunked into manageable portions in order to prevent information overload. Animated gifs are used to break up the long pages and make the content more engaging.

My Tickets

Anthropomorphism helps make the digital experience feel real to the user. Having a physical ticket is a thing of the past, but the experiences that are unlocked through the platform are just as real as in the old days.

My Profile

The profile screens do a lot of heavy lifting on the backend. The students data is tied to a complex CRM system in the organisation. Simplicity of design lightens the process of data-storage and maintenance.

Component & Icon overview

Here, an overview of the new components created for the redesign, is shown. I designed a new icon library for the Hello Fellow app in order to create consistency throughout the app and with the rest of the organisation.