Case Study - Mark Mitchell

A digital strategy & transformation consultant, who needed a website that matched the strength of his client work.

Project Summary

Mark Mitchell is a leading consultant in his area of specialism. His personal brand is part of his appeal and has seen him work with global businesses across multiple sectors. He needed a website where his knowledge and wisdom could be presented in an engaging way to share his past successes and generate interest in new projects. We helped Mark with UX Design, Content Mapping, Website Design and Art Direction to create a strong online presence.
Services:
  • Web Design
  • Site-mapping
  • Wireframing
  • Content Design
  • UI Design
Mark Mitchell case study

The Challenge

This project was about brand positioning and making a statement.

Mark Mitchell case study
Number 1

We needed to cut through the noise

There are tonnes of consultants shouting for attention. Mark’s true value will cut through that (if positioned well).

Number 2

Create a tone of voice with some bite

This isn’t dry, stuffy consultancy. There’s a bold attitude to the messaging that needs to be considered.

Number 3

Mix the personal with technical

Personality wins the work, but sound technical knowledge delivers the results. It’s important to balance these.

Narrative & Storytelling

Mark has a straightforward, no-nonsense approach to business that’s backed up by a wealth of technical and digital marketing knowledge. He’s helped global brands achieve impressive results and has a confident, considered process. He’s the kind of guy you can go for a pint with and expect to hear some killer advice on your brand strategy. We wanted to get that across on his website.

Brand Personality

Mark’s personal brand is a big part of his offering. We made this a strong element of the website’s visual identity, drawing inspiration from his recent brand development.

Visual Strategy

We used bold striking imagery to grab the user's attention, before navigating them down a path to learn about Mark’s process.

Mark Mitchell Visual Strategy

Storytelling

Information about Mark’s offering is backed up by testimonials from past success stories. This gives the reader confidence in his ability.

Mark Mitchell Storytelling Mark Mitchell Storytelling
Speech

Working with a very select group of big name brands, it was great that Userism knew exactly how to speak their language.

Mark | Managing Director, Mark Mitchell

Content Architecture

We plan content architecture so that important information is easily found. For new users we want key items to be discoverable with a few surprises along the way. Once we have a clear understanding of all content requirements, we’ll put together a sitemap and low fidelity wireframes to plan the page layouts for maximum perceptual value.

Mark Mitchell clients

Clients Front & Centre

With an impressive client roster, we can easily show social proof that will immediately add weight to the related content.

Subject Matter Articles

A space for insightful articles shows proof of knowledge and helps drive traffic to the website from search engines.

Subject Matter Articles

Showcasing Process

Mark’s methods are his superpower. We created a space to offer insight into his process that provides a launchpad for conversations.

Mark Mitchell Process

User Interface Design

The User Interface (UI) is how someone controls and navigates their way around a website. In Website Design, we typically take inspiration from the underlying brand image to create a UI that is aesthetically pleasing but on point with the rest of the business marketing collateral. UI Design decides how colours, fonts, imagery and other visual elements are used on a page.

Colour Usage

Mark provided us with a strong brand colour palette to use as primary colours. We added some secondary shades of grey for subtle highlighting.

Colour #05050A
Colour #FF771F
Colour #1E1E23
Colour #F7FAFF
Colour #FFFFFF

Fonts & Typography

We chose Roboto Sans for this project which has become a popular web font due to its strong visual characteristics and high legibility.

Heading 1

Roboto Sans Serif Bold

Primary Body

Roboto Sans Serif Medium

Secondary Body

Roboto Sans Serif Light

Dark Mode

Dark theming has become popular in recent web design trends which was ideal for this project. It suits Marks’ brand and is a plus for the environment!

Mark Mitchell Dark Mode

Playing With Scale

We used scale to highlight and give hierarchy to certain elements. This helped us frame key content to give it more impact.

Mark Mitchell Scale Mark Mitchell Speech

Composition & Layout

Through all this, we created a bold and striking layout that compliments Mark’s personality and frames his content for maximum impact.

Mark Mitchell Composition & Layout

The Final Result

This project was great to work on. The client is happy and the final website design is something we’re really proud of. A personal space, that supports a specific brand identity. A human-centred user experience. And a well presented content architecture that supports informed discovery around the primary focus of the site.

User Engagement

An engaging space for users to build confidence in Mark’s abilities before reaching out to start a conversation.

User Engagement

Intuitive User Journey

A clear path to follow for interested parties to be informed, educated and entertained as they learn about the service offering.

User Journey User Journey User Journey

Attractive Aesthetic

Visually appealing designs are more intuitive and usable, we created a UI that positions content in a visually pleasing way whilst supporting a strong brand identity and ultimately delivering a better experience.

Attractive Aesthetic

The End Product

A website that works well across mobile, tablet and desktop that supports a clear narrative around informed service discovery and social proof. Somewhere Mark can point clients to be proud to call his home on the web.

Laptop Tablet Mobile
Speech

Working with a very select group of big name brands, it was great that Userism knew exactly how to speak their language.

Mark | Managing Director, Mark Mitchell