Expand Me Website


Expand Me is a B2B marketing agency that helps businesses to expand their audience interactions with their brand.

Client

Expand Me

Type

Product design

Year

2022

Process

Objective

To build a website that presents 'Expand Me' as a legitimate B2B marketing agency capable of competing with its competitors in the market.

Process

Competitive Audits

I performed competitive audits on 20 direct competitors and thoroughly studied them. The competitive audits covered various topics, including:

  • Website
  • Brands and visual identity
  • Messaging
  • Location
  • Services
  • Hero message
  • Hero visual
  • The industry trends
  • Must haves
  • Design audit
  • Social Media presence
Competitive audit

Competitive Audits Findings

The outcome of the audit provided us with valuable insights on what we should include on the website, as well as the opportunities for the company to differentiate itself in the market.

Competitive audit analysis

Structure

Information Architecture

Based on the findings from the competitive audit and considering the target audience of 'Expand Me', I defined the information architecture of the website to obtain a high-level overview of the site. This also allowed me to seek feedback from stakeholders during the early stages of the project.

Website structure

Page objectives and primary Call-to-Actions (CTAs)

Using the information architecture, I identified the main pages of the website. Next, I defined the purpose of each page, along with their primary call-to-actions (CTAs). This ensured alignment with the client's vision for each page and guided the design direction.

Page purposes and CTAs

Design

Paper wireframe

After identifying the essential elements for the home page of the website, I engaged in design ideation, created wireframes, and crafted the overall structure of the home page, including both desktop and mobile versions.

Sketched wireframes

Digital wireframe

After identifying must-haves on the home page of the website, I performed some design ideation, sketched wireframes and shaped the overall structure of the home page of the site. I drew the desktop version as well as the mobile version.

Digital wireframe

After identifying the necessary elements for the home page of the website, I engaged in design ideation, sketched wireframes, and shaped the overall structure of the home page for both desktop and mobile versions.

Design Explorations

I conducted multiple design explorations to define the overall look and feel of the website. The challenge was to create a design that is scalable, modern, and user-friendly.

Design exploration

Hero

The value proposition of the brand is to 'Expand your audience'. I explored various approaches to visually communicate this through the hero section of the website, including ideas such as 'Eyes on the brand' and 'Design process'. The goal was to convey the value proposition to users as soon as they load the website. The use of simplicity in the design makes the message easy to understand. The background image conveys the concept of 'expanding' and has the potential to be animated.

Hero ideation

Final Design + Prototypes

After designing, prototyping, and extensively testing the design, I was able to achieve the final polished look.

Final design direction

Link to the laptop prototype
Link to the mobile prototype
Link to the mobile landscape prototype

Outcome

Stats in the production process

Expand Me website has a scalable design. Expand Me Agency is young and its website will expand in future. Currently, this website is in the development phase.

Other work

Want to create something awesome? Drop me an email.

→ Hi@katanomatic.com