Cinnamon logo
Cinnamon logo
Cinnamon logo
Close

Home

Projects

Services

About Us

Careers

Blog

Contact Us

Close

Hello Bear:
A community that cares

Hello Bear is an app that provides a safe environment for individuals who share problems and support each other. Using thoughtful design and clever functionality, Cinnamon created a space that’s both comforting and subtly playful.

product design

mobile development

quality assurance

placeholderthumbnail-large.png

It’s hard not to get personal with the app since the Bear, the central mascot, spreads positive vibes with encouraging words and inspirational quotes. The users don’t have to be anxious to be identified while sharing their personal issues and burdens, as the app is completely anonymous.

Scope of work

Strategy
PROJECT PLANNING
USER PERSONAS
COMPETITOR ANALYSIS
UX Design
INFORMATION ARCHITECTURE
WIREFRAMING
PROTOTYPING
UI Design
VISUAL DESIGN
ILLUSTRATIONS
INTERACTION DESIGN
DESIGN SYSTEMS
Flutter Development
ANDROID
iOS
BLOC ARCHITECTURE
DART
placeholderintro-image.png

Balancing playfulness and gravity

The challenge was to find a functional solution that kept things anonymous enough, so the app wouldn’t become another insincere social media platform. The core intention of HelloBear is to provide a secure virtual space where people can freely share their problems and feelings. Considering the specific nature of the project, we had to approach the design in a delicate and subtle way.

placeholderchallenge-image.jpg

Building an iOS and Android design solution from the ground up

thumbnail-large.png
Delicate approach

Balancing the right elements to spark different emotions which translate to each user.

thumbnail-large.png
Interactivity

Using annotations and interactive elements to provide a smooth user flow.

thumbnail-large.png
Distinction

Not just another pen-pal app, but a calm and safe community for all age ranges.

thumbnail-large.png
Animation

Visual effects that keep users calm and cherished, while also enhancing their engagement.

Logically structured
user flow

Once we collected all the relevant data, the next step was to conceptualize the sitemap, which encompasses a hierarchy of the user flow. The focus was on creating an intuitive, simple, and logical outline.

placeholderuser-flow.png

Basic contours of the app to be

Setting up low fidelity wireframes, as a starting point of the creative process, that will be transformed into high fidelity wireframes. In this phase, the beautification process is still on pause.

placeholderlo-fi-desktop (1).png

Beautification of the mockups

The fusion of fun and serious elements is the ultimate goal in keeping the user’s sanity intact, reparing hurt feelings, and helping them grow.

placeholderhigh-fi-desktop (1).png

Lightening up the mood while staying incognito

placeholderui-highlight-desktop2 (1).png

Interactive backgrounds and the Bear draw in the user to say “Hello”

Task: Give the app a beautiful and alluring appeal, perfectly balanced in terms of playfulness and importance, complimenting each other through the app's serious content and lovely illustrations. Done! Clickable animations of the paper plane surrounded by clouds turned out to be a fun way for users to engage without things feeling tedious. Making them feel comfortable about their interactions.

placeholderflying-planes.gif

Create an account with the Bear, a friend who’s fun to be around

An elegant and simple Login / Sign up page, with a hint of fun, catches the users’ attention and grants them a true journey of an experience. Visual effects enhance the users’ engagement and motivates them to create an account while keeping them calm and cherished.

placeholderLogin-1500.gif

You are not alone - the core message behind the app

Cinnamon was assigned to create a very simple user flow for replying, while providing easy navigation regardless of one’s age or technical ability. Lastly, we included a success screen “Thank you for replying”, which makes people feel they have achieved something. And not to be forgotten, we incorporated stickers to despatch emotions and actions.

placeholderLet-me-know-1500.gif

Keeping things fun, yet functional

The practice of using nicknames instead of real names adds a little extra to the mystery. Although there is no public info, the journey feels personal. All the while, functioning nicely and neatly on meticulously arranged and sorted out cards.

placeholderfun-yet-functional-desktop (1).png

Styleguide

placeholdertypography-desktop.png
placeholdercolors-desktop.png

An insight into the app and what we’ve picked up

We are proud to say that Cinnamon played an important role in finding a way to help a wide range of troubled people to share and confront their problems. Who would have thought that a friendly bear can make people so calm and appreciated? Brainstorming unique solutions which aim to solve different needs for different age ranges, understanding their habits and frustrations was essential for crafting the most befitting outcome for this app. Designing for a delicate audience can be challenging, but a learning experience as well.

In order to apply the best UX practices, we combined various elements from other apps, such as the card swipe on the Homescreen, just as Tinder does it. By this merge of adjusted components, especially enhancing things with visual effects, we found a way to trigger the user’s emotions based on our solutions. And that’s the experience we came for!

Similar projects

placeholderbarnahus-thumbnail.png

product design

web development

Barnahus:
Protecting Europe’s children

Barnahus, the child protection hub offers accommodation and safety to the victims and witnesses of child abuse. Cinnamon designed, developed, and is now maintaining the website funded by the European Union and carries out vital work for the kids.

arrow right

See all projects

Job application illustration

Have a project in mind?

Let's work together.