End-to-end product & brand redesign for a cycling tour platform

Role: Product & Web Designer (end-to-end)
Scope: UX, UI, Brand, Development
Platform: Tilda
Timeline: 6 weeks

Cyklus Trails responsive website UI mockup on tablet and mobile

Cyklus Trails is a cycling travel service offering self-guided bike tours across Czechia

2. CONTEXT

The platform combines:

route planning
bike rental
logistics & support
bike & luggage delivery
enabling independent travel without friction

Content overload and poor scanability

Long, unstructured text blocks
No grouping or content hierarchy
Hard to scan → requires full reading
Important information gets lost

Unclear entry point and weak information structure

Visual noise and decorative elements distract from the core offer
No clear user path to explore tours
Navigation does not support decision-making
Key information (route, duration, difficulty) is not immediately visible
No clear hierarchy → users don’t know where to focus
Layout forces exploration instead of guiding it
Weak connection between visual and content

Pricing is hard to understand

Dense table with low readability
No clear difference between packages
No visual prioritization → difficult to compare
High cognitive load during decision-making

before

The platform didn’t match the quality of the service

3. PROBLEM

Confusing structure → users couldn’t understand the offer
Weak UX → hard to choose a tour
Not mobile-first → poor real usage scenario
Outdated visuals → low trust
Content overload → cognitive fatigue

Old sitemap 🔴 BEFORE →

/are-panniers-provided-some-us-could-bring-our-own-if-necessary
/are-there-atms-czech-republic-and-are-credit-cards-accepted
/can-i-take-bikes-train
/what-do-i-do-if-bikes-get-broken
/what-should-i-bring-my-trip
/blog/biking-along-elbe-river-melnik-litomerice
/blog/cycling-trip-cesky-krumlov
/bike-tours-one-multi-days-easy-challenging/...
/bike-tours-one-multi-days-easy-challenging/greenway-...
/bike-tours-one-multi-days-easy-challenging/elbe-river-...

No clear hierarchy
FAQ as separate pages
Extremely long and inconsistent URLs
Mixed blog, services, and product pages
Poor SEO structure

New sitemap 🟢 AFTER →

/ (Homepage)
/tours
/prague-dresden-bike-ride
/prague-cesky-krumlov-bike-ride
/prague-lednice-vienna-bike-ride
/about-us
/faq
/our-bikes-and-equipment
/cycling-levels-and-ride-styles
/navigation-and-directions
/additional-services

Clear product structure
Simplified navigation
SEO-friendly URLs
Logical grouping of content
Scalable system for future growth

70+ fragmented pages

consolidated into a structured system of core pages, guided flows, and service components

Result→

From chaos to a structured product system

4. Information Architecture

Simplified navigation and created a clear user flow for tour selection

5. UX & Navigation

Reduced content density to improve scanning
Introduced tabs & accordions to manage complexity
Shifted focus from information → decision-making

Transformed large volumes of content into a structured, scannable system

5. Content System

Developed a fresh visual identity aligned with the product positioning

6. Visual Identity

old logo

new logo

6. Visual Identity

Built a flexible UI system ensuring consistency across 20+ pages

6. ui design

Cyklus Trails scalable UI system across multiple pages

+ bullets:

Zero Block
custom components
forms & flows

Implemented the full product on Tilda using custom layouts and system logic

7. Build & Tech

Cyklus Trails product implementation built in Tilda with custom layouts

👉 RESULTS

Delivered a fully redesigned website with a clearer user journey, improved information structure, and a scalable visual system for future growth.

Following launch and indexing, the website started gaining organic visibility across multiple pages, with tour pages becoming an important entry point for visitors.