🟢 Available for work

Clockwork Dreams

Clockwork Dreams; taking the headache out of your webcasting project. Clockwork Dreams promises industry-leading standards in webcasting to the North East

project icon 1

Responsibilities

  • Project lead
  • Logo design
  • Brand Design
  • Technical Support
  • User Research
  • WPML
  • WordPress Multisite
  • Site maintenance

Highlights

  • Research
  • Bootstrap
  • npm
  • JavaScript
  • API
  • Wireframes
  • Style guide
  • Responsive design
  • WordPress
  • TailwindCSS

Company

Clockwork Dreams

Project overview

Josh came to me with the ambition to rebrand and redesign his company website. Clockwork dreams was an established business but Josh felt that the branding and website felt dated. I introduced him to Gemma (branding specialist), and together with Mell (content writer) we worked to create a whole new brand, look and feel as well as a bespoke WordPress website.

Josh also wanted to reposition Clockwork Dreams and update their service offerings.

The Problem

At a basic level, the 2 core problems were;

  1. An unprofessional website and brand (including logo, colours, typography, web design).
  2. An out of date business positioning and definitive list of services that Clockwork Dreams offered.

Ultimately the website and branding did not reflect Clockwork Dreams positioning andpurpose.

The Solution

To begin with Gemma and Mell ran exercises with Josh to get into his preferences and the businesses objectives to create a logo and complimentary brandbook.

I then used this to create a digital style guide for Clockwork Dreams to use going forward.

A site map and wireframes were created to confirm site hierarchy and content structure before progressing to concept design, full design and web development.

The process

1. Logo design & brandbook

Logo design & brandbook created by Gemma Watson, brandbook copy written by Mell Black.

The process

2. Infrastructure

Once I understood the requirements for the new site through discussions with Josh, I was able to create a site structure to confirm hierarchy going forward.

He’s not about just building a website, but making sure it fulfils its purpose.

When I needed a new website to help with my freelance work and grow my own brand, Carl came highly recommended and he didn’t disappoint. He’s not about just building a website, but making sure it fulfils its purpose. He’s communicative and straight-forward, and has always been happy to answer whatever questions I have for him. I will be retaining his services for some time to come, and I don’t hesitate recommending him to anyone I know who needs help with their website and user experiences.

Joshua Robinson – Director @ Clockwork Dreams
The process

3. Wireframes

The wireframe stages acts as a low-fidelity prototype and list of proposed elements before design begins.

The process

4. Concepts

I worked through a few variations before proposing to Josh. Taking on feedback, we were ready to progress to full design stage.

The process

5. Full design

Now with an agreed structure (wireframes) and art direction (concepts) I was able to design the full site. At this stage I kept Josh up to date as I progressed, so to gather feedback on the fly.

The process

5. Build and test

This stage had the least client input save for the pre-launch checks. The site launched without any issues and the client was over the moon 🚀

April 14th

2026
✍️ Blog AI

AI and Human Creativity: My Conflicted Thoughts on Artificial Intelligence

A personal reflection on artificial intelligence, creativity, and work—exploring fear, ethics, and why the human journey behind art still matters in the age of A.I.

Read more ->
AI and Human Creativity: My Conflicted Thoughts on Artificial Intelligence

March 31st

2026
✍️ Blog Development Pipeline

Why You Should Never Commit Compiled CSS and JS to Git

Learn why committing compiled CSS and JavaScript to Git creates merge conflicts, deployment risk, and unreliable builds — and how to manage build artifacts safely with CI/CD.

Read more ->
Why You Should Never Commit Compiled CSS and JS to Git

March 24th

2026
✍️ Blog Development

How better CI/CD pipelines reduce client risk

Most deployment problems aren’t caused by code — they’re caused by the pipeline. Learn how better CI/CD pipelines reduce risk and create predictable, stable releases.

Read more ->
How better CI/CD pipelines reduce client risk
See more moments ->
© 1985-2026 Carl Lister