All projects

CLICKS CREATORS – WEBSITE REDESIGN

One site for five offers: AI, marketing, software, creators and content.

Client
Clicks Creators
Service provided
Website redesign – Agency marketing site
Duration
2 weeks
Year
2026
Tools
Figma, Framer
Platform
Responsive web
Visit website
Clicks Creators – Website redesign: one site for AI, marketing, software, creators and content

BACKGROUND & CONTEXT

  • Clicks Creators is a Birmingham agency that sells five kinds of work: AI development, digital marketing, software development, talent and creator management, and content creation. It also places technical talent with clients.
  • That is a wide offer for one homepage. Each buyer arrives with one problem and has to find the part that answers it quickly.
  • The site has to make the breadth read as one business, back it with proof, and end in a single conversation.

TARGET USERS

  • Business owners and teams looking to automate work with AI: deciding whether the agency can find where AI fits and build it

  • Marketing leads: deciding whether the agency can bring leads and sales through SEO, paid ads and automation

  • Brands working with creators: deciding whether the agency can find creators, run campaigns and track results

  • Companies hiring technical talent: deciding whether to hire developers and specialists through the agency

THE GOAL

Explain five service areas and a hiring offer in one scroll, back them with numbers, and send every visitor to the same next step: a strategy call.

MY PROCESS

  1. Content structure
  2. Service taxonomy
  3. Information architecture
  4. UI design
  5. Motion
  6. Framer build

KEY DECISIONS

  1. A hero that rotates through the offer: the typed headline pairs a service with an outcome ('AI Development For Productivity', 'Digital Marketing For Growth'), and the proof chip below changes with it (+23% team productivity growth, +65% marketing growth)
  2. Every service area gets the same card with three named services, so all five pillars read the same way
  3. The five pillars sit in one horizontal, scroll-driven row instead of five long sections, so the whole offer fits in one stop
  4. Hiring is its own section, 'Hire From Us', with the roles as moving tags instead of a long list
  5. One call to action: 'Book a Strategy Call' leads to a short form whose first choice is the same call

THE SOLUTION

  • Hero: 'Humans behind AI', a typed headline that cycles through the services, a one-line promise, 'Get started' and a proof chip.
  • AI for your business: 'Scale Your Business With AI, Marketing & Software', with Digital Marketing and AI Development as the two lead offers.
  • Our Services: AI Development, Digital Marketing, Software Development, Talent/Creator Management and Content Creation, three services each, from an AI Readiness Audit to creator and UGC content.
  • Hire From Us: 17 roles, from website development and mobile engineering to data governance and test automation.
  • The New Era of AI Integration: three stacked cards for Strategic Thinking, Technical Expertise and Long-Term Partnerships, each with a one-line promise ('We don't sell one-size-fits-all solutions').
  • Numbers That Speak and the close: four stats, then 'Your Next Growth Opportunity Starts Here' with the Birmingham office, email and phone.
  • Contact: name, email, phone, a contact reason (strategy call, general enquiry, partnership or other) and a message.

KEY FEATURES

  1. Typed hero that cycles through the services
  2. 5-pillar, 15-service catalogue
  3. Scroll-driven services row
  4. Hire-from-us role tags
  5. Statistics band
  6. One strategy-call CTA and a short contact form

DESIGN SYSTEM & ACCESSIBILITY

  • A dark navy and teal base with a single cyan accent: the accent marks the second half of each heading ("Our Services", "Hire From Us") and the typed outcome in the hero.
  • One glass card pattern carries the services, differentiators, stats and contact details, with prism and circuit art for depth.
  • Small pill labels ("Humans behind AI", "AI for your business", "Statistics") introduce each section.
  • The footer links a Privacy Policy and an Accessibility Statement.
View gallery (9 images)Hide gallery
Laptop showing the Clicks Creators hero: Humans behind AI, AI Development For Productivity, a Get started button and a +23% team productivity growth chip(opens full size in a new tab)
The hero types through the services and swaps its proof chip to match.
Laptop showing AI Development and Digital Marketing cards either side of the line: Helping businesses grow through intelligent automation, high-performance marketing, and custom digital solutions(opens full size in a new tab)
The two lead offers, each in one sentence.
Two browser windows of the Our Services row: AI Development, Digital Marketing and Software Development, then Software Development, Talent/Creator Management and Content Creation, each listing three services(opens full size in a new tab)
Five pillars, three services each, in one row that moves as you scroll.
Laptop showing Hire From Us with two rows of role tags, above the heading The New Era of AI Integration(opens full size in a new tab)
Hiring talent gets its own section: 17 roles as moving tags.
Three browser windows of The New Era of AI Integration, highlighting Strategic Thinking, Technical Expertise and Long-Term Partnerships in turn(opens full size in a new tab)
Three reasons to choose the agency, revealed one at a time as you scroll.
Laptop showing Numbers That Speak: +23% team productivity growth, +65% marketing growth, 100% brands boosted and 75+ campaigns launched(opens full size in a new tab)
Four numbers before the ask.
Laptop showing Your Next Growth Opportunity Starts Here with a Book a Strategy Call button beside chrome prism art(opens full size in a new tab)
The close: one button, one promise.
Laptop showing phone, email and Birmingham office cards beside the closing call to action, above the footer(opens full size in a new tab)
Phone, email and a real address, right under the button.
Laptop showing the Contact Us form with name, email, phone, contact reason and message fields and a Submit button(opens full size in a new tab)
Five fields, and the strategy call is the first reason on the list.

BY THE NUMBERS

From design to a live site
2 weeks
Call to action: book a strategy call
1
Scroll to see every service
1

OUTCOME

  • The live site explains five service areas and a hiring offer in one scroll.
  • Every service is named and described, and every path ends at the same strategy call.
  • The same layout works on phones: the pillars show one card at a time and the stats stack.

What I learned

A broad offer reads as one business when every part follows the same pattern. Five pillars with three services each is easier to scan than fifteen separate pitches.

Visit website