Portfolio website case study · May 2025

SketchSets

A bold creator-agency website built to explain SketchSets’ flexible support and guide creators towards a custom plan.

  • Creator Agency
  • Creative Services
  • Portfolio
  • Lead Generation
View the live site
SketchSets website homepage on desktop

Overview

SketchSets is a creator agency focused on helping creators build sustainable businesses through strategic growth, creative excellence and industry expertise. They needed a site that could make a broad, personalised offer easy to understand: support that adapts to different formats, publishing rhythms and channel goals. We designed and built a focused website that leads with this creator-first message, then gives visitors clear reasons to work with the agency through service principles, trusted-platform signals and creator feedback. Dedicated About and Work pages add space for the agency’s story and examples, while prominent calls to action guide prospective clients towards a custom quote or introductory call.

What we did

1

Website Design

Designed a dark, high-contrast agency site that uses lime accents and direct messaging to give SketchSets a distinctive creator-focused presence.

2

Content Architecture

Structured the site around the agency’s promise, support principles, testimonials, FAQs and custom-plan offer so visitors can understand the service before getting in touch.

3

Website Development

Built a responsive Next.js website with dedicated About and Work pages, animated content components and accessible accordion-based FAQs.

SketchSets and support that fits the creator

SketchSets supports creators with content strategy, brand development and business growth. Its central proposition is deliberately broader than a fixed production package: personalised support that can work around a creator’s format, schedule, goals and budget. The website sets out to make that promise immediately legible.

Creators who want support without losing control of their work are addressed directly in the opening message. Two buttons, one to work with SketchSets and one to view its work, let visitors either begin an enquiry or explore the agency further. A concise navigation then connects the key decision-making areas, including the agency’s approach, testimonials, contact details and frequently asked questions.

What makes SketchSets different

The agency’s offer takes shape in its “What Makes SketchSets Different” section. Instead of general claims, it explains how adaptable support, built-in strategy, style-true execution, momentum and direct communication fit together. Prospective clients come away understanding that the work is meant to preserve their voice while providing practical creative backup.

A trusted-by area spans the platforms creators use and sits alongside feedback from Exodus Ablaze and Zinky Pinky. Both add context around the kind of creator work SketchSets is positioned to support. For visitors who want to learn more before making contact, dedicated About and Work pages offer room beyond the homepage.

Lime accents on midnight navy

A near-black navy base carries pale text, slate supporting tones and an electric-lime accent. That contrast gives calls to action, links and small interface details a sharp presence, yet the copy remains the focus, and General Sans keeps headings and information clean and contemporary.

Rather than reading like a dense brochure, the page runs as a sequence of focused sections. Logo and testimonial carousels bring movement to social-proof content, while imagery and featured-work components support the agency’s portfolio-led message. Subtle motion from Framer Motion adds polish as visitors move through the page.

Custom quotes instead of fixed packages

SketchSets does not present one-size-fits-all packages. Its custom-solutions section explains the value of tailored plans, scalable support and direct communication, then invites visitors to request a custom quote or schedule a call. Creators whose needs vary by channel, audience and output know exactly how to begin.

The visual language stays consistent across the site thanks to Tailwind CSS, and accessible accordion components make the FAQ content compact and quick to browse. Throughout, the website stays confident and keeps each creator’s needs, style and ambitions at the centre of the conversation.

Built with

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • Framer Motion
  • Radix UI

Design details

Colour palette

Typography: generalSans

Headings

Large heading

Section heading

Subheading

Body text

The quick brown fox jumps over the lazy dog. Body copy is set in this typeface across the site, from service descriptions to contact forms.

Screenshots

SketchSets website homepage on desktop

1 / 3

Want a portfolio like this?

Tell us what you need and get a fixed quote within 24 hours. Portfolio sites from £1k.

About portfolio websites

Rather talk it through? Book a free call