Web Design & DevelopmentCase study

The Strive Agency

A playful, hand-drawn one-page website for a marketing and design agency.

ClientConfidential client
The Strive Agency screenshot
Overview

From the brief to the build.

The Challenge

Agency websites tend to look alike, and a brand that tells its visitors boring brands get skipped can't sit in a standard template. The brief was a website for a marketing and design agency with a casual, hand-drawn voice, on a single page that still had to cover six services, a selected work section, a process and a way to get in touch.

The Solution

We designed and built the site from scratch. The page opens on a hero with a "See our work" button and a scrolling marquee of service tags, then runs through About, Services, Selected work, Process, a set of working commitments, an FAQ and Contact, with the navigation jumping between sections. The selected work section is a set of cards labelled by type of work, and the page ends in a project inquiry form and a footer with a newsletter signup.

Project at a glance
Client
Confidential client
Category
Web Design & Development
Services provided
  • Web design
  • Front-end development
Related service
Tech stack
Next.jsReactTypeScriptFramer MotionVercel
What we delivered

The pieces that made it work.

The Strive Agency: Six services as tilted cards

Six services as tilted cards

Branding, social media, ad campaigns, content creation, web design and strategy each get a numbered card with an icon and a one-line description, set at slight angles to keep the hand-drawn feel.

The Strive Agency: Swipeable process section

Swipeable process section

The four-step process (Discover, Sketch & strategize, Design & build, Launch & iterate) is laid out as cards that visitors swipe through, instead of a static list.

The Strive Agency: FAQ and project inquiry form

FAQ and project inquiry form

An FAQ accordion answers six common questions. Below it, the contact form asks for a name, email and message, with dropdowns for the project type and a budget range.

Your project next

Got something like this in mind? Let's build it.

Tell us what you're building — we'll show you how we'd approach it.