Escape Ordinary
Escape Ordinary
30k
visits
100
visible
£5k
revenue
View my projects
View my projects
Escape Ordinary
Blog & Ecommerce
View live Site
View live Site
30k

visits

100

visible

£5k

revenue

40%

engagement

Project Overview

Escape Ordinary had no clear direction with their website and they were struggling to express what the company stands for. The website had a lot of content and they didn't know how to properly guide a user through the journey. Our task was to completely revamp the user journey, utilise the pathways in the companies branding as well as make sure everything was following best practises for user experience, SEO and page speed.

The Problem ⚠️

Escape Ordinary's previous website failed to effectively communicate the essence of their brand. It lacked a cohesive user journey and failed to convey the unique values and identity of the company. Recognising the importance of a seamless and engaging user experience, Escape Ordinary sought to overhaul their online presence to make it more intuitive and user-friendly.

The Solution ✅

In response, our solution involved a strategic approach aimed at refining the website's user experience. We implemented a design strategy that utilised Escape Ordinary's brand colours to distinctly delineate the various core values and sections of the site. Additionally, we streamlined and optimised the navigation, ensuring a more straightforward and intuitive journey for users. Each component and layout element underwent enhancement to elevate the overall user experience, facilitating smoother interactions and engagement. Furthermore, we prioritised improvements in page speed and interactivity, complemented by captivating animations, thus ensuring a seamless and visually compelling browsing experience for visitors.

The Process

Discovery Call - Introducing myself to the client and finding out their wants and desires for this project. Discussing budgets, timelines and other details specific to project.
Competitor & General Research - Building a case for the project to understand likes and dislikes. Researching trends in the industry as well as UX.
Start Wireframes - Building wireframes for website layout. Making sure the page follows optimal conversion rate optimisation [CRO] as well as User Experience [UX] best practises.
Designing - Adding all brand colours as well as content into designs to bring the concepts to life. This is where the client will give feedback and ultimately approve designs before development.
Development - Building the site in the chosen CMS, integrating content, setting up plugins, AB testing and more.
Training and further support - After the project was launched, we sent the client reports as well as trained them up to be able to use their easy to edit website.

Take a look at the before & after.

Take a look at the site.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Daniel Memoji with Laptop
Hey! This is Raccoon, drop us a message below and we will get back to you asap 👋
Full Face Raccoon Illustration
Thank you! We have received your message. We are looking into this as we speak and will get back to you as soon as possible.
Oops! Something went wrong while submitting the form.