Mexican Restaurant Website Example: Casa Nopal

Guests pick a Mexican kitchen on heat, corn and smoke, so the page has to settle those three before anyone thinks about booking. Casa Nopal, the invented business in this sample, opens on tortillas puffing on the comal while a shop scale settles on half a kilo of arrachera. Six tacos follow in a plain table, each row naming the filling, the heat as it arrives, the allergens it contains and the price of a plate of three. Grill boards come next, priced by raw weight so a table of four can work out what to order before it sits down. Six salsas are then shown as stone bowls, mildest first, because the kitchen keeps the chile on the side wherever it can. A taqueria website that answers the heat question this early stops the guest who fears a burning plate from leaving for somewhere blander.

Further down, the page explains the work that guests cannot see from the table. A section on masa describes corn simmered with lime, ground in the morning and pressed during service, which is why the tortillas taste of corn. Three moles follow with their heat and their nuts, seeds and bread written beside each plate, since those sauces cannot be made milder to order. A dark band lists five mezcals by agave and growing style, with the pour size and a line on the legal drinking age. Photographs, three example reviews and six answers about gluten, heat, beans, groups, walk ins and children lead to the form. Good Mexican restaurant website design puts the allergens and the booking within the same few scrolls, so the careful guest and the hungry one both reach the table.

Casa Nopal's page, from the tortilla press to the green door

Casa Nopal fits on one long page, ordered the way a guest decides: what is hot, what is in it, how much to order, then when to come. The rows below follow that order from the top.

Page	What it opens with	Its sections
Opening view	Tortillas off the press, meat off the coals	Book a table · See the tacos · Corn only, six salsas, charcoal · 500 g of arrachera on the scale
Tacos	Tacos from the comal	Six tacos, three to a plate · Heat on every row · Contains column · Corn tortillas and the shared fryer
Grill boards	Off the charcoal, sold by weight	Arrachera, 500 g · Pollo al carbón, a whole bird · Costillas en adobo, 1 kg · Weights taken raw
Salsas	Six salsas, mildest first	Guacamole taquero · Pico de gallo · Salsa verde cruda · Salsa roja de árbol · Salsa macha · Habanero and burnt onion
The masa	Corn cooked with lime, ground, then pressed at the pass	Corn soaked overnight · Ground twice a day · Blue corn at weekends
Moles	Three moles, two days each on the stove	Mole negro with charcoal chicken · Mole verde with roasted squash · Coloradito with braised beef cheek
Mezcal	Mezcal by the 30 ml pour	Five agaves · Wild or cultivated · Drinking age and identification
Photographs	An evening between the comal and the coals	Carne asada · Skirt steak on the grill · Mole negro · The salsas · A pour of tobalá · The long table
Reviews	From the long table	Three example reviews
Questions	Asked at the door most nights	Gluten and the tortillas · Turning the heat down · Beans without lard · Taquiza for groups · Walk ins · Children
Table form	Ask for a table	What you are booking · Day and time · Guests · Name, email and phone · Allergies and heat
Finding the kitchen	Finding Casa Nopal	Call or write · When the grill is lit · Before you come

Chile, corn, nuts, weight and agave: what a Mexican kitchen owes its guests in writing

Heat written on the dish, salsa kept in its own bowl

Heat is the first worry of a guest new to Mexican food, so every dish on the page carries a plain word for it. The sample writes Mild, Medium, Hot or Very hot beside each taco, mole and grill board instead of a row of chilli drawings that a screen reader cannot speak. It explains that the tacos carry little chile of their own because the salsas arrive on the side, ranked from guacamole to habanero. It also names the two exceptions, the moles and the adobo ribs, where the chile is cooked into the sauce and cannot be taken out. Any website for Mexican restaurants that sorts heat this clearly lets a cautious diner and a chile lover book the same table.

Corn tortillas, gluten and the fryer they share

Guests avoiding gluten often choose a Mexican kitchen for its corn tortillas, so the page must say exactly what that choice covers. Casa Nopal states that its tortillas hold corn, water and lime and nothing else, which means no wheat. It then admits the catch, that battered fish shares a fryer with the tortilla chips, and asks anyone with coeliac disease to say so when booking. Three dishes are marked as containing gluten, and the coloradito names toasted bread as the reason. Allergen rules and labels differ from one country to the next, so a real kitchen should check what applies where it trades and change the page whenever a recipe changes.

Peanut, almond and sesame inside the moles and the macha

Mole and salsa macha are where nuts and seeds hide in a Mexican kitchen, so their allergens sit beside the dish rather than in a footnote. The sample lists sesame, almond, peanut and gluten under the mole negro, and peanut and sesame under the salsa macha. Its note on the moles points a guest with a nut or sesame problem to the mole verde first, which is a practical answer instead of a warning. One of the example reviews shows that exchange happening at the table, which tells a nervous reader the staff know the menu. No kitchen should tell a guest with a severe allergy that a plate carries no risk unless it can guarantee that at every service.

Grill boards priced by raw weight and by mouths to feed

Meat sold by weight confuses a table unless the page says how much a board feeds and how the weight is measured. Casa Nopal prices arrachera by 500 g, a whole chicken as one bird and adobo ribs by the kilo, each with a line on how many people it suits. A note says the weights are taken raw and that meat loses some of that weight over the coals, which heads off an argument at the table. Each board has a button that opens the form with the grill table already chosen, so the kitchen knows to save the right seats. Clear weights and clear portions make a large order feel planned rather than risky.

Mezcal listed by agave, with the drinking age stated plainly

A mezcal list is easier to trust when it explains the plant rather than relying on labels that most guests have never heard of. The sample names five agaves, says whether each was cultivated or gathered wild, and gives the taste and the price of a 30 ml pour. It warns that wild agave can take many years to mature, so bottles come and go and the list changes with them. A short note says mezcal is poured only for adults who meet the drinking age set by local law, and that staff may ask for identification. Written this way, the bar section reads as hospitality and keeps the house on the right side of the rules.

Late night taco searches and where Casa Nopal stands in them

Hungry people search for tacos al carbón, a mole they remember, a taqueria website with tonight's hours or a mezcal bar within walking distance, almost always on a phone. When the tacos, salsas, moles and agaves are written as text with their heat and allergens, as on this page, each of those searches has real words to match instead of a photographed menu board.

Put your own taqueria's site through a search audit

Related sample websites

Each of these is a separate sample, written for its own fictional business in a trade close to this one, so the layouts can be compared side by side.