Willicher Apotheken – Pharmacy Brand Site & App
What It Is
Willicher Apotheken is the shared digital front door for two pharmacies in Willich — Hirsch Apotheke and Engel Apotheke. The site is a German-language single-page experience: hero brand lockup, a kinetic #Gesundheit. Will.Ich. manifesto, an app section covering eRezept / ordering / same-day electric delivery, and a Standorte block with both pharmacy cards plus an in-app map mockup. Built with React 19, Vite, Tailwind CSS 4, GSAP, and Framer Motion; deployed to Firebase Hosting.
Features
Single-page marketing site with Hero, TextBreak, App, Locations, and Footer sections
Brand system in deep red (#b71918) with Montserrat and Hirsch/Engel iconography
GSAP hero entrance + idle animations; Framer Motion for section reveals and mobile nav
App showcase: eRezept, ordering, same-day electric delivery, pickup at both locations
Standorte cards for Hirsch Apotheke and Engel Apotheke with hours, phone, and website links
JSON-LD Pharmacy entities, sitemap, and Open Graph for local SEO
Cookie consent with localStorage preferences and footer reopen event
Technical Highlights
Brand-faithful motion
Hero icons and type start hidden and reveal via GSAP autoAlpha; infinite idle spins use contextSafe cleanup so reduced-motion and unmount stay safe.
Shared pharmacy data
Names, addresses, phones, hours, and logos live in a typed constants module consumed by Locations, Header, and structured data — one source of truth for both pharmacies.
Vite + Tailwind 4 tokens
CSS @theme tokens (red-primary, gray-primary, off-white, blue-accent) drive the entire UI; grain and subtle-dot utilities add texture without asset requests.
Firebase production deploy
Built with tsc + Vite, hosted on Firebase with immutable static-asset caching and preview channels for review.
Key Features
PROJECT TYPE: Marketing / brand website + app showcase
CLIENT: Hirsch Apotheke & Engel Apotheke (Willich, DE)
STACK: React 19, Vite 7, TypeScript, Tailwind CSS 4, GSAP, Framer Motion
DEPLOY: Firebase Hosting — willicher-apotheken.de
LANGUAGE: German
STATUS: Live
Results
Shipped a live brand site that unifies two pharmacies under one digital identity.
Connected the marketing narrative to the real Willicher Apotheken app (eRezept, order, delivery).
Delivered GSAP + Framer Motion storytelling while keeping prefers-reduced-motion support.
Structured local SEO with dual Pharmacy JSON-LD entities and geo/opening-hours data.
Gallery
