E-commerce · Food and catering

Tipo Foods

An online store for a North Vancouver Mediterranean food and catering business, with fresh sandwiches, charcuterie boxes and platters ordered for pickup, and a private events page for corporate catering.

Industry: Food and catering
Location: North Vancouver, BC
What we did: E-commerce website, Online ordering, SEO, Hosting

Visit tipofoods.ca Start a project like this

Order onlinefor pickup, from any page
Mobile-firstbuilt for phone orders
Cateringenquiries from one page

Objectives

What Tipo Foods needed from this e-commerce project, and what we built for it.

The goal
Sell fresh food online for pickup
What we built
A store with the full menu: sandwiches, salads, bowls, charcuterie boxes and pantry items, each with a Shop now button and pickup at checkout.
The goal
Make the charcuterie box the hero
What we built
The signature grazing box leads the home page and has its own product page, because it is what people search for.
The goal
Bring in corporate and event catering
What we built
A private events and corporate page with its own enquiry path.
The goal
Work on a phone first
What we built
Big product photography, short descriptions and a cart that is always one tap away.
The goal
Be found for Italian food and catering in Vancouver
What we built
Page titles and descriptions written for those searches, with location and hours on the home page.

Prototyping

Tipo Foods, page by page, before colour and photos.

The home page and the main inner pages as greyscale wireframes, for desktop and for phones. With colour and photography taken out, what is left is the structure: where the navigation, headings, images and calls to action sit on each page.

Tipo Foods wireframe: Private events — Private events

Tipo Foods wireframe: Home, phone — Home, phone

Tipo Foods wireframe: Shop, phone — Shop, phone

Colour and style

The look of Tipo Foods.

Deep greens and stone on a warm white, a soft rounded serif for headings and large food photography, so the store feels like a deli counter rather than a catalogue.

Headings

Recoleta

Body text

Larsseit

Content

What the site says, and where.

The home page opens on the charcuterie box and the most ordered items, then shows location and hours. The shop carries the full menu, and the events page explains catering for offices and private gatherings.

Home

Shop
Charcuterie and grazing box
Private events and corporate
Contact us

The build

How the Tipo Foods website was built.

Tipo Foods needed an online store that sells fresh food for pickup from a phone, puts the charcuterie box first and brings in catering enquiries. This is what went into it.

Online store
A store with the full menu, product photography, pickup at checkout and card payments, managed from one dashboard alongside in-store sales.
Catering enquiries
A private events and corporate page with its own enquiry form, so catering requests arrive separately from pickup orders.
Search foundation
Page titles and descriptions for Italian food and catering searches in Vancouver, location and hours on the home page, and LocalBusiness schema.
Speed and Core Web Vitals
Images compressed, critical CSS, caching and a CDN, tuned for phones first.
Mobile-first design
Large photography, short descriptions and a cart that stays one tap away on a phone.
Hosted on WebCrafters Cloud
North American hosting on Nginx and PHP-FPM with Redis caching, an edge CDN, WAF and DDoS protection, daily off-site backups and uptime monitoring.