UX Design · Front-End Development · Marketing Operations

Aventura
Menu Studio

From approved menu data to a searchable team resource.

I designed and developed a responsive internal web resource that centralizes more than 744 approved menu items for Aventura’s Marketing, Sales, Culinary, and Design teams. The Menu Studio makes it faster and easier to locate approved descriptions, dietary labels, and allergen information for menus, buffet cards, proposals, and digital signage.

Explore the live Menu Studio
My role
Designer & developer
Created for
Aventura Catering / Aramark
Deliverables
Responsive web app · Search & filters · Menu-data workflow
Aventura Menu Studio on a laptop and phone, showing dietary, meal-type, and sorting controls
Desktop and mobile views of the Menu Studio. Search, dietary filters, and meal-type controls help teams locate relevant menu information. Select the image for a closer look.
Approved menu items
744+
Teams supported
4
Responsive experience
Desktop + mobile

01 / The problem

Menu information.
Multiple uses.

Menu content supports many different tasks, from sales proposals to buffet cards and digital displays. I brought approved menu descriptions, dietary labels, and allergen information into one searchable interface for the people creating those materials.

The solution

One place to search.
Ready to use.

The interface combines search with dietary and meal-type filters so users can narrow the catalog to the items relevant to their work.

The same resource adapts to desktop and mobile, keeping menu information accessible across devices.

02 / My contribution

I designed the experience.
And built the working resource.

My responsibilities spanned UX, interface design, front-end development, testing, and deployment. The work connected the way teams find menu content with the way that content is structured and published.

Design

Make the information usable.

Created the responsive layout and a hierarchy for menu names, dietary labels, and allergen information across desktop and mobile.

Develop

Build the interactions.

Used HTML, CSS, JavaScript, and JSON to turn structured menu records into a searchable, filterable web experience.

Connect

Support content operations.

Connected the menu-data workflow with version control and deployment, using SharePoint, Power Apps / automation, GitHub, and Vercel.

03 / The interface

Menu details.
Made for mobile.

I optimized the Menu Studio and search-results experience for smaller screens, giving item names, dietary labels, and allergen information a clear hierarchy.

  • Readable results — distinct item names and dietary labels.
  • Visible allergen information — dedicated panels with a shared-facility disclaimer.
  • Practical controls — favorites and a Copy Card action alongside each result.
Mobile Menu Studio results with dietary labels, allergen panels, favorites, and Copy Card buttons
Mobile optimization for Menu Studio and the search-results page creates a consistent, user-friendly experience across devices.

04 / Technology & development

The interface and the system behind it.

Built using HTML/CSS, JavaScript, and JSON to create a searchable, responsive Menu Studio, supported by a menu-data workflow and version-controlled deployments.

TechnologyHow I used it
HTML/CSSWebsite structure, responsive layout, and styling.
JavaScriptSearch, filtering, and interactive features.
JSONStructured menu data for the website.
SharePointSource database for 744+ approved menu items.
Power Apps / automationMenu and allergen updates within the publishing workflow.
GitHubCode development and version control.
VercelWebsite hosting and live deployments.

05 / The publishing workflow

From approved data to a usable resource.

The publishing workflow connects the source menu information with the searchable website.

  1. 01 / SourceSharePoint database

    Approved menu records.

  2. 02 / UpdatePower Apps / automation

    Menu and allergen updates.

  3. 03 / StructureJSON data

    Menu content organized for the site.

  4. 04 / VersionGitHub

    Code and data version control.

  5. 05 / DeployVercel

    Hosting and live deployments.

  6. 06 / UseLive Menu Studio

    Searchable access for the teams.

Created as part of my role with Aventura Catering / Aramark at Phoenix Convention Center.

The result

Creative design meets everyday operations.

A central resource for 744+ approved menu items, built for four teams and accessible on desktop and mobile. The project brings interface design, front-end development, and workflow automation together to support the people preparing proposals, buffet cards, menus, and digital signage.

Explore the live Menu Studio