Sports & Fitness
Multi-page Website
Lead Generation
JitsuJoin project screenshot showing analytics and dashboard UI

Dream Art

Dream Art

Bilingual multi-page website for a Brazilian Jiu-Jitsu academy, designed to support trial sign-ups and campaign traffic.

Sports & Fitness
Featured
2024
01 // 08

02 // The Challenge

The Challenge

Bilingual BJJ academy website built for growth

  • Bilingual structure: Full support for German and English audiences in a single coherent site.
  • Class navigation: Clear listing of programmes and schedules so visitors can find the right class.
  • Community and culture: Emphasis on the academy's history, community, and training philosophy.
  • Mobile optimisation: All pages fully responsive for busy members checking schedules on mobile.

Multilingual Rollout

Managing content across German and English without a CMS led to inconsistencies.

Complex Class Structure

Visitors struggled to find the right class type, time, or instructor.

No Community Storytelling

The academy's culture and heritage weren't communicated — a key trust driver.

Poor Mobile UX

Members booking and checking schedules on mobile faced a broken experience.

02 // 08

04 // The Process

Execution & Strategy

Dream Art needed a stronger online presence across multiple locations and audiences. I delivered a full redesign in Figma and Webflow, built a bilingual multi-page structure, and created a clearer user journey to support trial bookings and campaign traffic.

01

Project discovery

Aligned on core business goals and target audience needs.

  • Discovery & content mapping
  • Bilingual information architecture
  • Figma design & prototyping
  • Webflow development
  • Quality assurance
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

No Community Storytelling

The academy's culture and heritage weren't communicated — a key trust driver.

  • 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

The website created a stronger multilingual foundation for the academy and a clearer path toward trial sign-ups. Related kids and adults pages work best as campaign extensions inside the broader Dream Art case.

Strategic Iterations & Business Impact

Global Accessibility

Flawless multilingual content management for all users.

Unified Ecosystem

All individual programs now branch perfectly from one hub.

Empowered Staff

The CMS allows front-desk staff to edit classes live.

Energetic Brand Identity

The custom Webflow animations reflect physical gym energy.

The result after

Measurable movement across the metrics that mattered.

Native Bilingual CMS

Central hub links cleanly to Adults, Kids, Competition, and Events — cross-traffic up 25%.

Program Hub Architecture

Central hub links cleanly to Adults, Kids, Competition, and Events — cross-traffic up 25%.

Staff Self-Service CMS

Timetables, bios, and news posts managed by the front-desk team — zero dev spend post-launch.

Custom GSAP Brand Motion

Entrance animations, hover states, and scroll reveals reflect the energy of the physical gym.

35

Monthly Leads

Lead volume moved into the 35-50/month range after launch.

90

Days to Volume

The funnel generated 230+ inquiries in the first 90 days.

0,80

Cost per Visitor

Cost per visitor optimised to ~0,80 EUR across paid campaigns.

2
%

Languages Supported

Bilingual structure supports both local German and English-speaking audiences.

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

ML

Multilingual Tool

Localization

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 · Remote-friendly
08 // 08