barney-casestudy-buzzline-hero-bg

ABOUT THE PROJECT

Buzzline Web

I was contacted by the Buzzline team to help them design and prototype a landing page for the Buzzline marketing team. The main goal of the landing page was to drive potential users to download the app from the site and know about the app.

I decided to design the visual of the Homepage creating rings just like the logo which meant “to buzz”.

ROLE

User Experience
Visual Designer

CLIENT

Buzzline

DATE

Jan 2022

barney-casestudy-buzzline-landing

01

Visual Identity

Freehand on brand identity and
design system

I tried to innovate in terms of concept and animation & in so doing created buzz rings (just circles in their colours) for the homepage and made sure it wasn't too distracting to reduce loss of information for potential customers.

barney-casestudy-buzzline-img

TYPOGRAPHY

Mulish

Aa123

Mulish

Aa123

COLORS

#5859C8

#1A1B34

#8687F8

#FFFFFF

#212121

barney-casestudy-buzzline-tc

02

Visual Design

The main visual challenge

The goal was to design a landing page that clearly communicated the purpose of the app. I understood that the target audience was elderly people who were seeking ways to increase their income, and so, we made a conscious effort to keep the page uncluttered and easy to understand.
To achieve this, I decided to make the rings, a key visual element, subtle and positioned them on the side of the page. This ensured that they didn't distract the customers and helped emphasize the app's core functionality

barney-casestudy-buzzline-visual design

03

Prototyping

We didn't make things move to help the client

Prototyping opened a world of possibilities for me, as it equipped me with new tools to unleash my creativity. I was eager to explore all the ideas swirling in my head, but my mission was straightforward - to create a prototype that was focused on linking all the pages together seamlessly for an efficient handoff process. Despite these constraints, I was able to showcase my design skills by adding subtle touches, such as the beautiful rings at the newsletter panel and FAQ section. Finally, I added some gentle interactions at the reference part of the homepage, which added an extra layer of polish to the overall design

barney-casestudy-buzzline-prototype

04

What Did I Learn?

Being even more collaborative

As a fledgling product designer, I was thrilled to land my first major professional job. My client was based in the United States, and I was eager to showcase my skills. However, I soon realized that working remotely would pose unique challenges that I was not prepared for. Despite these challenges, I was able to turn them into a valuable learning experience. Through the creative process, I discovered the significance of collaboration when working from a distance. By embracing a more collaborative approach, I was able to produce work that not only had technical excellence but also carried deeper significance and purpose.

Respect the design guidelines
of the brand

As a freelance designer, I often find myself tasked with creating a new visual identity for my clients. This particular project was no exception, but I made sure to stay true to Buzzline's existing design system by incorporating their established colors and fonts.

Every detail matters

When handling a major client, every aspect is crucial. The arrangement of visual elements, the tiniest piece of written content, the tone conveyed throughout the website, and the sequence of elements all require careful consideration and concise communication.

barney-companies-indotani

Juwon Ishola-Osobu

Founder & Product Manager

Barnabas is an exceptional designer who possesses a remarkable talent for comprehending project requirements thoroughly. He is highly adaptable, readily incorporating feedback and deftly navigating shifting expectations. He played a pivotal role in the development of our first app and website.


DESIGN & PROTOTYPING

Barnabas Inyangsam

DEVELOPMENT & COPYWRITING

Bayo & Juwon