01
The business challenge
Za Cafe was a brand-new pizzeria opening in a small plaza on Derry Road East, with no online presence yet. It needed people to find it, trust it and order from day one: a clear, complete menu with its halal certification up front, and a way to take pickup orders directly, not only through delivery apps.
02
What MapleHex did
MapleHex took Za Cafe from opening day to online. We designed and built the website and structured the full menu (pizzas, pastas, salads, za'atar breads, desserts and café drinks) for the web and for the restaurant's in-store menu screens. We also set up a Square online store for commission-free pickup, and handled the domain, hosting, business email and Google Business Profile.
- Website design
- Web development
- Menu design
- In-store menu screens
- Square online ordering
- Domain, hosting & email
- Google Business Profile
03
Key design & technical decisions
- 01
Italian trattoria voice and identity: section titles in Italian, a tricolore accent stripe, and an orange-to-red palette on black, with “100% Halal Certified” shown in the hero and on the menu.
- 02
A filterable menu of 55+ items in seven categories, with Regular and Large prices on every item and combos up front.
- 03
Order direct first: “Order Now” goes to the Square pickup store, and Uber Eats, SkipTheDishes and DoorDash are offered for delivery rather than as the default.
- 04
A single, fast page built with Next.js and Tailwind and exported as static files, so it runs on simple hosting with no server to maintain.
04
The finished experience
Visitors land on a warm, dark hero with the promise “Crafted with Passion. Served with Love.” and two clear paths: order pickup or pick a delivery app. The page then follows a visit: the kitchen's story, a scrolling gallery of dishes, the full menu, five-star reviews from local diners, and hours, phone and Google Maps directions. In the restaurant, the menu screens carry the same menu.


05
Outcomes
100
Lighthouse accessibility score
Source: Lighthouse 12.8, mobile, 3 runs, Oct 2026
100
Lighthouse SEO score
Source: Lighthouse 12.8, mobile, 3 runs, Oct 2026
96
Lighthouse best-practices score
Source: Lighthouse 12.8, mobile, 3 runs, Oct 2026






