Design archive

Illimity · 2022

Growmate - A New Way to Learn Business

A quiz platform customized to your knowledge, backed by illimity Bank

Role: UX / Product DesignerDuration: 2021 – 2022

A new way to learn business for independent professionals who have difficulty managing the economic and bureaucratic aspects of their sector.

Powered by illimity Bank

A new way to learn business

How might we assist and advise the entrepreneur in his investments and in the economic/bureaucratic management, to stay updated on the news and in touch with the network of his business?

Growmate scheme

Target: Italian Small Companies Managers

Useful rewards for your bank account

Personas

Designed for self-employed people who would like to acquire advice and strategies to improve their business, looking for support from others.

The personas is the result of internal research and small company owners' interviews. This process highlighted the needs of customers that guided the ideation process.

Personas Template

Personas

Concept

Growmate is a quiz platform customized to your knowledge, updated with the latest trends. It allows you to learn what you need to best manage your industry and connect with other professionals. An app that connects through your illimity bank account.

Customer Journey

Starting from the concept, a customer journey was developed following the ideal process of the user during the service, enlightening the touchpoints with the company to reflect on the critical points of the designed experience.

Jobs to Be Done

After defining the personas and its customer journey, it was important to think about the Jobs to Be Done — some of the tasks needed to ensure a valuable user experience:

  • "When I take a quiz I want to see right away what I did wrong so next time I don't make a mistake, and I learn it"
  • "When I finish a quiz I want to keep my real identity hidden so I don't have to be ashamed if I score low"
  • "When I finish a quiz I want to see only the bests, so I see directly who can help me"
  • "When I search for a user I want to see his level in that skill so I can search directly for the required level"
  • "When I see the best users I want to be able to click on their profile to understand their skills"

User Flow

A technical representation of the interactions from the login page to the end of the experience, focusing on actions and giving an overall idea of the skeleton of the application. From this schema, it's easier to design an architecture of pages that will become the prototype.

Architecture

The architecture has three main functions at its first level: learn, share and you. Learn lets you access different learning categories, each composed of an arguments section with lessons and related quizzes, and a leaderboard that organizes users by score.

Information Architecture

The You section contains personal information and achievements over time, while Share is reserved for contact between users and with the bank itself.

Wireframe

The architecture was initially laid out through wireframes, where the main functions of testing and contact between users were designed in functional detail before undergoing the finalizing process of developing the UI and brand identity of Growmate.

Wireframe of the Growmate Application

Wireframe of the Growmate Application

Branding

Moodboard

Moodboard

Communication Pillars

Light and informal tone of voice to ensure more effective management of one's social network and easier connection with other users. Illustrations generate greater empathy.

Communication pillars

Engaging Phrase

The engaging phrase is "A New way to learn business" — representing the central idea of Growmate, to allow everyone to learn and share everything about business through gamification and the continuous exchange of ideas between users.

To match this tone of voice, a saturated and vibrant palette was chosen. The palette consists of five basic colours. The typeface is ITC Avant Garde Gothic Std for flexibility and hierarchy, and IBM Plex Sans for more readable text.

Font and colour palette

Illustrations

Illustrations

User Interface

Illustrations

With all the elements set, the application can be finalized in its design. The User Interface includes all the studies of needs, flow, experience and look to ensure a consistent output for the target chosen.

Atomic Design

A strong and consistent brand identity enabled the development of an equally effective User Interface, developed according to the logic of a design system. In Atomic Design, every single page is composed of elements that can be broken down — from icons and other elements, to molecules, to organisms.

Two of the main parts of the developed application are shown below.

Learn Section

Learn is the section dedicated to quiz completion, filtered by user profiling and providing continuous feedback to help them learn from their mistakes. Included are rewards that can be activated on the bank's app.

Share Section

The sharing section is reflected in the leaderboards. From here, you can see who the top users are and those who are close to you. Profiles also have timelines on completed quizzes.

User Testing

A first user test showed that users were generally satisfied with the app, having given on average the following ratings: adequate style 9.6/10, 8.6/10 the likelihood of trying the app, and the average price about 3.7€.

User tests were conducted through Maze.com and involved 12 persons.

User testing results

Promo video

Let's work together

I'm open to new projects and opportunities. Let's start a conversation.

We use cookies to improve your experience and analyse site traffic. Learn more