← All work

Brand, web & app design · In-house

Alejandra's Kitchen

Brand, website, printable menu and customer app for a homestyle meal-delivery service.

Year
Aug 2024 – Mar 2025
Role
Frontend Developer & UI Designer
Team
Backend developer built the server and app
Skills
Figma · UI Design · HTML · CSS · JavaScript
Alejandra's Kitchen — marketing website design for a meal-delivery service

01 / Challenge

A new food business with nothing in place

Dutrow LLC, a US company running several local service brands, was launching a homestyle meal-delivery business called Alejandra's Kitchen. I worked there full-time as Frontend Developer & UI Designer.

It needed to launch with a complete customer experience: a site to explain the service, a menu customers could scan or print, and an app to schedule deliveries and order meals.

02 / Approach

One visual system, applied three times

I designed the visual system first and settled it before building anything — dark UI, a hot-pink accent, and food photography shot on dark plates.

Then I applied it across all three touchpoints, so the brand feels the same wherever a customer meets it: on the website, on a printed menu, or in the app.

03 / Website

Marketing website

The site explains the service and points people at ordering. A hero with a clear call to action, then how it works in four steps: select a day, create a meal, customise it, add items.

Below that sits the weekly menu in tabs — Daily Specials, Sides, Drinks, Dessert — followed by testimonials, an FAQ and a contact form. I designed it in Figma and built it in HTML, CSS and JavaScript.

04 / Print

Two-page printable menu

A two-page layout split into Entree, Extra, Drinks and Dessert, with sale pricing shown alongside the standard prices.

Dietary icons run through it — sugar-free, contains sugar, vegan, keto, spicy, not spicy — so a customer can read one row and know what they are ordering. A scan-to-order QR code sits next to a promo for daily notifications. I built this in code as well.

05 / App

Customer app

I designed the app in Figma. A backend developer on the team built the server and the web app itself.

It opens on a calendar for choosing delivery days. From there customers browse meals by category and open a meal detail with a description, nutrition facts and price. The order summary carries subtotal, tax and discount, with promo cards for the Family Plan and a combo offer.

The account area covers saved addresses and saved cards, including the empty states for a customer with no address or no card saved yet.

06 / Reflection

What I took from it

Designing one system for web, print and mobile made me settle it properly up front — a hot-pink accent that reads well on a dark screen behaves differently in print, and a layout that breathes on a page has to survive a fixed sheet size.

Working alongside a backend developer also changed how I handed work over: the screens mattered less than the states between them, and designing the empty cases explicitly saved a lot of back-and-forth. The business has since closed, so this is design and frontend work rather than a live product.