Sports
Fitness
Corporate Website
Lead Gen
JitsuJoin project screenshot showing analytics and dashboard UI

Dream Art

Dream Art

A multi-page, bilingual site designed to attract new members and support advertising campaigns. Dream Art wanted to strengthen its online presence across different cities in Germany. I delivered a full redesign in Figma and Webflow with pages for programmes, instructors and contact. The site supports two languages and ties into automated marketing flows.

Fitness / martial arts
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

The work centered on rethinking the main website as a stronger long-term foundation rather than just a single landing page.

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 site provides a professional, cohesive online presence for the academy. It supports multiple campaigns and languages, helping the business attract more members.

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 EUR
%

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 · from $25/hr · Remote-friendly
08 // 08