3Way
3Way is a customer acquisition business that employs the power of omnichannel lead generation to grow some of the most influential consumer-facing brands in South Africa and across the continent.
The brief
Branding & UI Redesign
Pepperplane was tasked with actioning a full rebrand and UI redesign that ranged from standard branding items like colour and typography, stationery and custom illustrations to their desktop and mobile experience.
the Execution
UI Design
From their homepage to their solutions and case studies, we designed their UI to speak to their core offering.
the brand
Logo Design
Starting with their logo, 3Way needed something that was fresh and exciting. We turned this into a simple and effective logomark by combining the elements of the number 3, the letter W and the concept of movement that’s used extensively in the new pattern style.
the brand
Colours
After experimenting with various colour palettes, we decided that a combination of primary colours would keep the brand visually engaging and playful simultaneously. This afforded us the opportunity to create an identity that would speak to honesty, clarity and action.
the brand
Typography
To build on this clarity, we chose to work exclusively with Outfit, a commonly useful open source typeface. We employed two complementary weights in this font to base our typographic hierarchy on to create structure and legibility.
the brand
Patterns & Stationery
As part of 3Way’s new brand identity, we designed a series of bold line-style patterns that would be featured in various places across their website and peripheral branding materials; all of which stem from their new logo as inspiration.
We also developed a series of business card and letterhead layouts in their new identity.
Then to round it off, we designed a series of desktop wallpapers, like this one, because who doesn’t love a branded workspace?
Behind the scenes
UX System and Flow
We always start our UI projects by exploring the underlying UX first, so we can better understand the nature of the online experience and any limitations and opportunities that are reliant on that experience.
So, naturally, we developed a series of wireframes to build this understanding and make sure we explored as many options as possible.
This helped us not only to understand the underlying information architecture, but where we could improve it.
Behind the scenes
Tools Used
3Way’s brand was built using industry standard tools from various design suites. We used Figma to build out their UX & UI, as well as their stationery designs. Then for all the finer touches, where necessary, we used Adobe Illustrator’s powerful vector-drawing tools.
Figma
UX / UI Design
Adobe Illustrator
Illustrations
Unsplash
Stock Photography
clickup
Project Management & Tracking
