Coffeemania
Websites for the Coffeemania restaurant group: concept and section landings inside coffeemania.ru, plus two standalone sites — the Zhazhda Krovy steak restaurant and the Bez Tarelok grab-and-go brand.
Outcome
- 8
- landings and sections inside coffeemania.ru
- 5
- inner landings in the Sustainability section
- 2
- standalone sites: Zhazhda Krovy and Bez Tarelok
Product screens
The Coffeemania Chef’s landing: the concept story switches between the About, Kitchen and Interior tabs over a photo of the room — no reload and no separate pages.
The Sustainability section is a hub that opens five inner landings. Cards and captions come from the CMS, so a new programme is added without a release.
The Zero Waste inner landing: hero, breadcrumbs back to the section root, and text-plus-photo blocks the marketing team assembles itself.
The airport pre-order landing: the guest path from installing the app to picking the order up in the terminal.
Above the fold on Zhazhda Krovy: background video from the open kitchen, with table booking and the menu on top. The header carries the RU/EN switch.
The Bez Tarelok home page: the hero slider and its text arrive from the headless CMS as separate collections, and the link leads into a blog post.
The “How to find Bez Tarelok” block: map pins and cards with address, phone and opening hours are edited from the admin panel — eight locations on one page.
The mobile build: the same page is served by a separate template, with table booking pinned to the bottom of the screen.
The business problem
The group launches new concepts faster than the main site can describe them: the Coffeemania Chef’s restaurant on Patriarch Ponds, pre-ordering in the Moscow airport restaurants, a Sustainability section reporting on the environmental programmes, and the separate Zhazhda Krovy and Bez Tarelok brands. Every launch needed its own page on a marketing deadline — inside the shared navigation, with one header and footer, with copy the marketing team edits, and without losing speed on a phone, since most traffic arrives from mobile.
My role
Frontend Engineer: built the landings and the standalone sites — markup, scroll animations, responsive layout, wiring blocks to the CMS, and integrations with reservations, delivery and maps. Kept new pages inside the group’s existing site structure so each launch didn’t turn into a separate project with its own markup and its own header.
The solution
The Coffeemania landings live inside the coffeemania.ru Next.js app: pages are served from getServerSideProps, so CMS content lands in the markup and gets indexed. The site has a separate mobile build — the template is chosen on the server rather than hidden behind media queries. Sustainability is a hub with five inner landings: strategy, eco packaging, ecological projects, social care and waste management. Zhazhda Krovy is a standalone site for the steak restaurant: video above the fold, a 360° krpano tour of the dry-ageing room, reservation and delivery pop-ups, RU and EN versions, and Schema.org Restaurant markup for search. Bez Tarelok is Next.js on top of a headless CMS: the slider, the categorised blog, the brand values and the location map arrive as separate collections and are edited from the admin panel.