Tavla

Tavla is a website for consulting and advisory firms, built as a bento of soft panels. On the first screen your selected cases stack like a deck of cards: every few seconds the front card drops away and the next one comes up, with the client, the service and the result in one number.

Every case gets its own page from the CMS. The card opens to full width, then come the situation in two tones, one order followed day by day before and after the work, the plan on a strip of months, the steps, the numbers before and after with their bars, a client quote, a gallery and the team on the case.

What's inside

• Home page: the bento hero with the case deck, client logos, the firm in one sentence, three key numbers, four services with drawn diagrams, cases and articles from the CMS, three steps, a client quote, the partners and a contact section

• Case page fed by the CMS: 3 cases written in full, each with its own days, plan, steps, numbers, quote and photos, and a link to the next case

• Article page: a table of contents that follows the reading, a pull quote and a numbers box you can drop into any article, related notes and a newsletter form

• Work and Insights pages that list every case and every article

• Desktop, tablet and phone layouts

Good to know

• Fonts: Geist and Instrument Sans, free

• The days, the plan and the numbers of a case are plain lines of text in the CMS; the squares and bars are drawn from them

• The case deck does not turn by itself for visitors who turn off animations

• Sample cases, names and photos are for preview only: replace them with your own

Questions or issues: contact@atypikal.ma