01 / ABOUT

Working with UX research and design to lead 54BIIT’s web design and rebrand to address the evolving needs of the client and their customer base. Through a blend of strategic planning, user-centric design principles and analysis, their user experience was elevated and combined with a refreshed brand identity.

02.1 / QUANTITATIVE ANALYSIS

Collecting data using Google Analytics to analyse and recognise computational algorithms. The objective is to identify patterns, trends, relationships, or correlations within the data to make predictions, solve problems, or gain insights into a particular behaviours that can be applied to design development.

02.2 / QUALITATIVE ANALYSIS

Collecting data using Google Analytics to analyse and recognise computational algorithms. The objective is to identify patterns, trends, relationships, or correlations within the data to make predictions, solve problems, or gain insights into a particular behaviours that can be applied to design development.

What would you use 54BIT’s website for?

How often would you use 54BITs website?

Please share your recent experience of retrieving the desired information from 54BITs website

What are the difficulties and challenges you encountered when using the website?

Were you able to obtain all the desired information from the website?

02.3 / CUSTOMER PROFILE

02.4 / USER JOURNEY

02.5 / COMPETITOR ANALYSIS

02.6 / MOOD BOARDING

02.7 / PAIN POINTS

02.8 / NEXT STEPS

03.1 / LOGO

A bright and bold styling ensures the brand differentiates from competitors by showcasing its unique personality and values by providing an opportunity to carve out a distinct identity in the market.

03.2 / GRAPHIC ELEMENTS

We were keen to add the illustrations to the overall branding as they play a significant role in enhancing the overall storytelling, personality and emotional connection with the user. The visual content tends to attract more attention and engagement than text alone so by adding the illustrations will attempt to increase audience engagement, shares, and ultimately, conversions.

03.3 / TYPE

The contrast between bold, simple type and detailed illustrations creates visual interest and balance. The bold typography serves as a strong focal point, drawing attention to key messages, while the illustrations provide depth and context, enriching the visual experience. The strong visual impact of this combination leaves a lasting impression on audiences, increasing brand recall and differentiation.

03.4 / SOCIAL

By incorporating the bold type and illustrations into the social media assets ensures brand consistency combined with the storytelling capabilities. By leveraging these elements effectively the content resonates with the audience and strengthens your brand presence on social media.

03.5 / COLOUR

The bold colours bring the energy, and memorability helping convey brand attributes such as confidence and playfulness Combined with the type and illustrations the colour ensures coherence and reinforces recognition across site and social.

04 / LAYOUT GRID

04.1 / SKETCHING

04.2 / USABILITY TESTING

For the purpose of testing the lo-fi designs to help facilitate rapid iterations of solutions to the pain points of which we could begin to test and explore layout options and gather feedback for the developed design solutions.

TASKS SET