P & D Cuisine / Catering.
Bringing Haitian cuisine online through a more thoughtful digital experience.
A website for P & D Cuisine / Catering, a Haitian caterer in Brockton, Massachusetts. It turns a priced menu and a range of event services into two simple paths: build a tray order, or request a catering quote.
- Live site
- Tray order builder
- 4-step quote
- 4 languages
- Role
- Design, development & inquiry UX
- Delivered
- 2026 rebuild
- Industry
- Food / Catering
- Location
- Brockton, MA
- Status
- Live
The Context
P & D Cuisine / Catering serves Haitian food for graduations, weddings, showers, birthdays, and corporate and community events across Massachusetts. Customers range from someone ordering a few trays for a family gathering to someone planning a fully staffed wedding.
The website brings the menu, prices, catering services, and inquiry process together in one place, so customers can understand what is available and start an order without a long back-and-forth.
The Challenge
A caterer's website has to support two very different customers, and serve the cuisine and the community it comes from.
Present a wide menu (18 hot entrées alone, plus rice platters, salads, and appetizers) clearly, with tray sizes and prices that are easy to compare.
Separate quick tray orders from full event planning so neither customer has to wade through the other's process.
Reduce the steps between browsing the menu and contacting the business.
Work on phones, where most of these orders are planned.
Reflect a Haitian culinary identity honestly, including for customers who are new to the food.
Serve customers in Haitian Creole, French, and Spanish as well as English.
Strategy & Structure
The structure is built around the two ways people buy catering. Everything on the site leads to one of them.
- Two entry points
- Every page offers the same pair of actions: Request a Catering Quote for events, and Build a Tray Order for menu items. The homepage explains in one line each which one fits.
- The menu is the order form
- On Menu & Prices, each dish shows Small (serves 10) and Large (serves 20+) prices and can be added to a request directly. Browsing and ordering happen in the same place.
- Events by occasion
- Event Catering is organized by celebration type and service style, from delivered trays to event planning and décor, so customers can find their situation quickly.
- Confirmation, not checkout
- Requests take no payment. The business confirms every total, date, and delivery personally, which suits how catering is actually arranged and is stated clearly up front.
Experience & Design
A menu customers can act on
Prices are visible, tray sizes are expressed as how many people they feed, and dishes that may be unfamiliar carry a short explanation, such as griot: pork seasoned with onion, garlic, scallion, thyme, and sour orange, then fried.
That small detail helps new customers order with confidence and treats the cuisine with care rather than as a list of names.
A guided quote in four steps
The catering quote is split into four short steps (event, service, contact, review) with a progress indicator. The first step asks only what the business needs to respond: the occasion, the date, the town, and an approximate guest count.
Visitors without JavaScript get a clear fallback with the phone number, and calling is offered alongside the form throughout.
Bold, food-first brand presentation
Tall condensed type, a red accent drawn from the brand, and large photographs of real trays give the site a confident, celebratory tone that matches the occasions it serves.
On phones, the name, the short pitch, and both order buttons stay together at the top, and the phone number remains a tap away.
Technical Implementation
The current site is a 2026 rebuild: a fast, static implementation focused on the menu and requests, replacing the earlier WordPress site. These details reflect what is live in production today.
- Hosting
- Deployed on Netlify on the business's own domain, served over HTTPS.
- Ordering UX
- A tray order builder linked to the menu, plus a multi-step catering quote with validation, a spam honeypot field, and a no-JavaScript fallback.
- Languages
- A language switcher offering English, Haitian Creole, French, and Spanish.
- Local SEO
- Unique page titles and descriptions, an XML sitemap, and FoodEstablishment structured data with address and opening hours.
- Security
- A strict Content Security Policy that limits scripts and connections to the specific sources the site needs.
Launch & Quality Assurance
Checks completed on the live site:
- 01
Production domain serving over HTTPS.
- 02
Menu, event catering, about, contact, and quote pages all reachable from the main navigation.
- 03
Tray selections carried from the menu into the request.
- 04
Quote steps, required fields, and the no-JavaScript fallback verified.
- 05
Language switcher available on every page.
- 06
Layouts and order paths checked across phone and desktop.
What Was Delivered
P & D Cuisine now has a website where customers can see the full menu with prices, put together a tray order, or request a quote for an event, in their preferred language and on any device.
No order, booking, or sales figures are reported here because none have been measured for this case study.
Reflection
Small businesses rarely need more features. They need their real way of working translated clearly onto the web. Here that meant designing around how catering is actually sold, by tray or by event and always confirmed personally, rather than forcing it into a generic online shop.
This is the kind of work I value most: understanding how a business operates and building something practical around it.
- Static site
- Netlify
- Multi-step forms
- Multilingual
- Structured data
- XML sitemap
- Content Security Policy
- Responsive design