Hiking-Adventure.ch · Internal Preview

Website Design Process

Redesign of the hiking & snowshoe tour site of certified guide Sebastian Epp — calm, emotional, modern, and effortless to maintain.

Stage 01 · Active

Prototype

Autumn homepage wireframe (EN) with the seasonal palette system — one layout, four colour worlds. Switch seasons with the palette control at the bottom right.

Open
Planned

Design Concept

Visual direction on one–two key screens — calm, emotional, modern. Starts once the prototype is approved.

Soon
Reference

Current Site

Live WordPress / Beaver Builder site being replaced — EN on hiking-adventure.ch, DE on wander-erlebnis.ch.

Visit
Working doc

Workflow Plan

Every task from kickoff to launch with its current status — audit, SEO, validation, security, accessibility, launch. Status is kept current as work lands, so what is done and what is left is always visible.

Open
Decision

Stack Analysis

Four platform options weighed against what the client actually asked for — arguments for and against each, a side-by-side table, the exact plugin list, and a recommendation.

Open
Foundations

UI Kit

Visual source of truth — tokens, type scale, components, states, motion. Edit shared/tokens.css or shared/components.css and every page picks it up.

Open

Resources

Figma file hiking-website-design — main design file Repository chife-mod/hiking-adventure-preview · private Project brief scope, direction, milestones Current-site audit what we found, what it means Current site — DE wander-erlebnis.ch

Project stages

  1. 01
    Prototype
    In progress · 60%
  2. 02
    Concept
    Pending
  3. 03
    Full design
    Pending
  4. 04
    Front-end
    Pending
  5. 05
    Back-end
    Pending
  6. 06
    Launch
    Pending
Stack
WordPress · custom theme · 2 free plugins · Vite (proposed — under review)
Production target
hiking-adventure.ch · wander-erlebnis.ch