How radical simplification, mobile-first design, and accessibility-first thinking won a pitch—and set a new Swiss standard for inclusive digital publishing.
Role
Lead UX/UI Designer
Timeline
7-day pitch sprint, January 2019
Client
ZEITLUPE Magazine (Pro Senectute Switzerland)
Platform
Responsive web—tablet-first
The shift
ZEITLUPE's print magazine had just been redesigned. The online version? A cluttered relic that didn't meet accessibility standards. By 2027, 2.2 million Swiss retirees would be online—many with impairments. I redesigned the experience with WCAG AAA contrast, streamlined navigation, and mobile-first layouts. We won the pitch. The client said: "We want to win an award in accessibility." We gave them the roadmap.
How we solved problems
Navigation confused users—hover on desktop, tap on mobile, different behaviors everywhere
Problem: The existing navigation required hover on desktop to reveal submenus—but tapping opened the page directly. On mobile, the same menu behaved differently. 15% of users in analytics never left the homepage because they couldn't figure out where content lived.
Investigation: Heuristic analysis revealed inconsistent interaction patterns across devices. Usability research with retirees (via Pro Senectute focus groups) confirmed: "I click and something happens, but I don't know what."
Solution: Unified navigation behavior—tap-to-expand submenus on all devices, with clear visual states (collapsed/expanded). Added persistent breadcrumbs and landmark navigation to reinforce orientation. Designed a sticky submenu for quick jumps within sections.
Impact: Eliminated device-specific confusion. Navigation became predictable. Users could explore without fear of "breaking" something—critical for older audiences who often doubt their tech skills.
Punchline: Consistency isn't boring—it's liberating.
Reading online felt exhausting—walls of text, poor contrast, no breathing room
Problem: The existing site mirrored print layout density—long paragraphs, small type (14px body), gray-on-white contrast that barely passed WCAG AA. Session duration on articles averaged 1min 12s—users were skimming, not reading.
Investigation: Competitor audit of accessible news sites (BBC, Guardian) and desktop research into senior reading patterns revealed key barriers: small text, low contrast, cramped line spacing, lack of visual hierarchy.
Solution: Rebuilt typography system—18px base text, 1.6 line-height, max 70 characters per line. Implemented WCAG AAA contrast (7:1 ratio). Added generous whitespace, frequent subheadings, and varied content blocks (pull quotes, images, lists). Created light/dark mode toggle and dynamic font scaling.
Impact: Projected increase in session duration and reduction in bounce rate (pitch metrics, not post-launch—client chose not to disclose actual results). Client feedback: "This feels like we're respecting our readers' time and eyesight."
Punchline: Readability isn't about dumbing down—it's about welcoming everyone in.
Business model required paywall—but it couldn't feel punitive or confusing
Problem: ZEITLUPE had free articles and premium (paid) content. The existing design used inconsistent visual cues—sometimes a lock icon, sometimes red text, sometimes nothing until you clicked. Users felt tricked. Subscription conversion was low.
Investigation: Analyzed business requirements and user expectations. Interviewed internal stakeholders about conversion goals. Studied paywall patterns from NYT, Medium, and German news sites.
Solution: Created a clear visual language—black for free content, red for premium. Free articles showed full access. Premium articles displayed a red "Premium" badge, a teaser excerpt, and a friendly CTA: "Subscribe to read more." No bait-and-switch. Navigation clearly separated free vs. premium sections.
Impact: Pitch feedback from decision-makers: "This is honest. It doesn't hide the business model—it makes it part of the experience." Client approved the approach.
Punchline: Transparency builds trust. Trust drives subscriptions.
Key Learnings
Designing for 15% accessibility gains means 100% better usability.
When we optimized for vision impairments, motor limitations, and cognitive load, everyone benefited. Larger touch targets helped all mobile users. Higher contrast improved readability in sunlight. Simplified navigation reduced confusion across all age groups.
Pitch constraints force clarity—7 days, no user testing, high stakes.
I couldn't test prototypes with real users during the pitch sprint. I relied on heuristics, competitor analysis, and accessibility guidelines. The discipline of research-backed decisions (even without live users) won the client's confidence.
Accessibility isn't a checklist—it's a philosophy.
WCAG compliance was the baseline, not the goal. The real work was asking: "Does this respect the reader's time, ability, and dignity?" That question shaped every decision—from font size to paywall honesty.
Why this still matters
By 2027, over 2.2 million Swiss retirees will be online—a 142% growth from 2019. Most are digitally savvy. Many have impairments. Ignoring accessibility isn't just unethical—it's leaving money and trust on the table.
This project proved that inclusive design wins pitches, satisfies business goals, and serves users with dignity. The principles—consistency, readability, transparency—apply far beyond seniors. They're universal.
ZEITLUPE wanted to "set a new standard in Switzerland for accessibility." We gave them the blueprint.