A website for a social-first creative agency
- Client
- Clockwise Agency
- Industry
- Marketing & agencies
- Services
- Website design, Web development, UI/UX design
- Website
- clockwiseagency.com
The project
Clockwise is a social-first creative agency in London, offering social media marketing, branding and identity, video production and motion graphics, SEO and digital marketing, website development and graphic design.
An agency's own website is the first piece of its work a client sees. Clockwise needed one with the energy of its social content: one that explains six services, shows the brands it works with, and turns interest into a brief.
Vebryx designed and built a custom website on Next.js, with a dark, cinematic design, a page for each service, a filterable portfolio, the team, pricing and a blog, and a contact form that sends every enquiry straight to the agency.
The challenge
What stood in the way.
- 01
Proof in the first scroll
A creative agency is judged on its own site within seconds. The opening had to feel as considered as the work it sells.
- 02
Six services, one clear story
Social, branding, video, SEO, websites and design each needed room of their own, without the site feeling scattered.
- 03
From interest to a brief
Visitors needed an easy way to see the work, check prices and start a project, all in a few clicks.
Our solution
What we built.
A site built to be as hard to scroll past as the work it sells.
- 01
An opening that stops the scroll
"We make brands impossible to scroll past.", with clear routes to see the work or start a project.
- 02
A page for every service
Each of the six services has its own page, with the agency's process from first brief to measurable growth: discover, strategise, create, then launch and grow.
- 03
Work you can filter
A projects page that filters the brands by industry, from food and fitness to technology and retail.
- 04
Prices, people and a blog
A pricing page, the team behind the work, and a blog that keeps the site fresh and easier to find.
- 05
Enquiries straight to the team
A contact form that emails every brief to the agency through Resend, with a clear confirmation for the sender.
Inside the product
A look at the platform.
Implementation
The technology behind it.
Tech stack
- Next.jsThe framework, with pages rendered ahead of time so they load fast
- ReactThe interface
- TypeScriptType-safe code throughout
- Tailwind CSSStyling
- MotionEntrance and scroll animation
- LenisSmooth scrolling
- ResendContact form emails
- VercelHosting
Ready to start step one?
Book a free 30-minute call and we'll map out your journey together.
- 30 minutes, no obligation
- Scope and price agreed up front
- You own everything we build
- 4.3 on Trustpilot