Sports
Landing Page
Campaign
JitsuJoin project screenshot showing analytics and dashboard UI

Dream Art

Dream Art Kids

A focused landing page for Dream Art’s kids programme, designed to convert ad traffic into sign-ups. This page distils the benefits of martial arts for children into a compelling narrative. It features playful graphics, clear programme details and a simplified registration form. Campaigns drive traffic here, resulting in more enquiries for the kids’ classes.

Fitness / martial arts
Standard
2024
01 // 08

02 // The Challenge

The Challenge

Empowering kids through martial arts

  • Parental trust: The site speaks to parents, explaining BJJ benefits for child development.
  • Playful visuals: Colours and graphics reflect the energy and joy of kids' training sessions.
  • Clear benefits: Discipline, confidence, and fitness gains highlighted for concerned parents.
  • Simple sign-up: Landing page leads directly to a trial class booking form without friction.

Parent Messaging

The copy didn't speak directly to the concerns and aspirations of parents.

Generic Visual Tone

The design lacked the playful, energetic feel that attracts families.

Unclear Programme Benefits

Parents couldn't quickly understand what their child would gain from joining.

Complex Sign-Up Flow

The trial booking process had too many steps, causing drop-off before completion.

02 // 08

04 // The Process

Execution & Strategy

The page was built as a campaign support asset, so clarity and speed of understanding mattered more than content depth.

01

Project discovery

Aligned on core business goals and target audience needs.

  • Design & Content
  • Webflow build
Days 1-2
02

Information architecture

Designed a scalable structure for future growth.

  • Creating user flow diagrams and wireframes
  • Developing the visual identity and UI design system
  • Prototyping key interactions and animations
  • Client feedback loops and final design approval
Day 3
03

Unclear Programme Benefits

Parents couldn't quickly understand what their child would gain from joining.

  • Setting up scalable Webflow project architecture
  • Building responsive, accessible HTML/CSS structures
  • Integrating custom JavaScript and CMS collections
  • Implementing SEO best practices natively
Day 4
04

Webflow implementation

Developed a custom, CMS-driven website.

  • Cross-browser and multi-device responsive testing
  • Performance optimization and speed auditing
  • CMS content population and dummy data checks
  • Accessibility compliance verification
Days 5-8
05

Quality assurance

Building a performant, responsive website with clean code.

  • Domain configuration and SSL setup
  • Final client walkthrough and CMS training
  • Go-live deployment and post-launch monitoring
  • Handover of assets and documentation
Days 9-10
04 // 08

05 // The Impact

Results & Outcomes

  • Increased inquiries specifically to the kids program.

Strategic Iterations & Business Impact

Safety & Trust Focus

The design reassures parents immediately about gym safety.

Streamlined Layout

All distracting gym programs were stripped away.

Instant Answers

Pricing and schedules are immediately visible.

Irresistible CTA

The trial offer is framed as a risk-free necessity.

The result after

Measurable movement across the metrics that mattered.

Parent Reassurance Section

Navigation stripped to one goal: booking the free kids trial.

Single-Program Focus

Navigation stripped to one goal: booking the free kids trial.

Above-Fold Schedule & Pricing

Both schedule and pricing are visible without scrolling — parents get answers instantly.

Risk-Free Trial Framing

CTA reads "Book a Free Week — No Commitment" — removing the last barrier to sign-up.

-
40
%

Trial Signups

The kids-focused page improved free-trial signup intent among parents.

-
30
%

Navigation Friction

Removed unnecessary steps and distractions in the sign-up flow.

-
25
%

Parent Engagement

More parents explored class details, trainer bios, and program information.

2
%

Conversion Efficiency

Converted more efficiently than the broader site's generic flow.

05 // 08

06 // Technology

Tech Stack

The stack stayed practical: the right tools to make the site editable, measurable and scalable without unnecessary complexity.

W

Webflow

Platform

F

Figma

Design

Performance

Optimized images, restrained scripts and semantic structure keep the experience fast and resilient.

SEO & Accessibility

Semantic HTML, readable contrast, alt text and clean page structure make the site easier to index and easier to use.

06 // 08

07 // Next Steps

Ready to Transform Your Website?

Let’s talk through your current bottlenecks and the fastest path to a sharper Webflow experience. Available now, remote-friendly, and focused on outcome-driven builds.

Available now · from $25/hr · Remote-friendly
08 // 08