Web Design: Pace Züri by Sophie Kondratenko — Graphics Design

Sophie Kondratenko crafts an energetic web design for Pace Züri, pairing a modular Swiss grid with dynamic running telemetry.

Modern athletic communities require digital interfaces that balance logistical precision with physical momentum. For Pace Züri, a contemporary running club based in Zurich, digital designer Sophie Kondratenko created a comprehensive web design and digital experience that translates the cadence of street running into a structured interactive layout. Drawing inspiration from Swiss graphic design traditions and modern sports culture, the interface transforms urban running from an individual training routine into a cohesive, design-driven collective ritual.

Modular Grid Architecture and Athletic Telemetry in Web Design

The visual framework is anchored in a disciplined six-column modular grid spanning a 1920-pixel desktop canvas with generous 80-pixel side margins. At the structural core sits a geometric monogram inspired by stadium architecture and running track curves: a continuous ribbon path mapped across an eight-pixel grid with hairline construction guides and sharp orange focal nodes. Kondratenko pairs this identity mark with an uncompromising typographic hierarchy. The clean geometric grotesque Inter drives body copy and navigation while scaling up to monumental 384-pixel headline displays, counterbalanced by condensed Bebas Neue for technical metrics and tracking badges.

Chromatic choices reinforce this kinetic energy through a high-contrast quartet: deep charcoal black (#000000), crisp white (#FFFFFF), neutral grey (#9A9898), and an electric athletic orange (#FE4602) inspired by synthetic track surfaces. Interactive route cards for the Lake loop, City loop, and Züri hills integrate continuous vector path overlays that trace exact distances, average pacing, and run durations across candid photography. A central typographic banner cuts the phrase “RUN THE CITY” directly with a white street route vector, turning spatial navigation into expressive editorial art.

The responsive design adapts this architecture directly to mobile viewports. Horizontal swipe-friendly cards organize community pacers—from easy social recovery runs to fast competitive tempo sessions—alongside weekly schedules and interactive FAQs, maintaining immediate functional clarity on every screen.

See the complete project by Sophie Kondratenko on Behance.

Overhead view of runners rounding a curved red running track with bold Pace Züri logotype and Swiss typography Brand concept presentation and geometric logotype metric construction diagram on an eight-pixel grid with orange focal nodes Full desktop website layout and responsive mobile design screens displaying weekly run schedules and community membership cards Desktop layout grid blueprint illustrating 1920-pixel container with 80-pixel side margins and six-column modular framework Typography and color specifications displaying Inter and Bebas Neue type scales alongside White, Grey, Black, and Orange swatches Route selection cards with vector running telemetry overlays and monumental Run The City headline typography bisected by a path line Mobile responsive design screens featuring horizontal swipe carousels for pacer profiles, route cards, FAQ accordions, and footer layout

Web Design: Pace Züri by Sophie Kondratenko