Skip to case study
All work Miguel Clavel Senior Product Designer

601 Miami restaurant and events website

One destination. Three reasons to visit.

I helped shape 601 Miami into a clearer digital destination for dinner, game day, and private events. The work combined content design, seasonal publishing, brand alignment, SEO structure, and simpler paths to the actions guests needed most.

  • Role: Web content, UX, and product design
  • Company: Miami HEAT and Kaseya Center
  • Focus: Menus, events, and game day dining
  • Experience: Responsive hospitality website
The 601 Miami homepage open on a laptop resting on a worn wooden table, showing the full width food photograph and the 601 navigation.
The 601 Miami homepage brought food, event hosting, and arena dining into one focused experience.

02 · Overview

A hospitality site connected to a live event calendar

601 Miami needed to feel like a destination of its own while remaining connected to the energy and schedule of the arena. The website had to move easily between appetite, occasion, and event planning.

I focused on the moments when visitors needed confidence. What is on the menu. Can I host my event here. How does dining work on game day. Each question became a clear path through the page.

Primary journeys
Menus, private events, and upcoming events
Content rhythm
Seasonal food and event updates
Brand relationship
601 Miami first, HEAT connection second
Operational need
Reusable content that stays easy to update

03 · The challenge

Beautiful photography was only useful if guests could act on it

The restaurant had strong visual material and a compelling location, but the site needed clearer priorities. Menu browsers, ticket holders, and event planners arrived with different questions. If every message had the same weight, the page became slower to understand.

Seasonal changes created a second challenge. New dishes, drinks, events, and availability had to be published without rebuilding the experience or creating inconsistent pages.

Dining discovery

Guests needed a faster path from a food image to the current menu.

Event confidence

Planners needed to understand the experience and reach an inquiry action without hunting.

Content upkeep

Editors needed reliable patterns for changing menus and event content throughout the season.

04 · Product thinking

Organize the experience around appetite, occasion, and action

Appetite

What can I eat or drink?

Content

Food photography, menu categories, signature items, and View Menus.

Occasion

Is this right for my game day or private event?

Content

Event spaces, atmosphere, waterfront setting, arena access, and upcoming dates.

Action

What should I do next?

Content

View Menus, View Event Spaces, View Upcoming Events, Contact, and inquiry paths.

This model kept the page focused on real visitor decisions. The imagery created desire, the content answered practical questions, and the call to action moved the guest forward.

05 · Visitor journeys

Three visitors, three clear routes

The game day guest

Find a place to eat before or after the event.

Path

  1. Homepage
  2. Game day dining
  3. View Menus
  4. Upcoming Event
  5. Visit

Important information

Ticket holder access, opening timing, menu, and location.

The menu browser

See what feels worth the visit.

Path

  1. Food story
  2. Menu categories
  3. Featured dishes and drinks
  4. Visit details

Important information

Clear categories, readable item names, and current seasonal content.

The event planner

Understand the spaces and start an inquiry.

Path

  1. Event story
  2. Spaces
  3. Setting and amenities
  4. Contact or inquiry

Important information

Event type fit, strong photography, useful details, and a visible next step.

06 · Structure

Give every major intent a dependable home

  • Home
  • Menus

    • Menu overview
    • Food categories
    • Drinks and cocktails
    • Seasonal updates
  • Special Events

    • Event spaces
    • Experience and setting
    • Inquiry path
  • Calendar or Upcoming Events
  • Contact and visit information

The navigation stayed short because the photographs and page content carried the story. The menu labels used the same words guests were already looking for.

07 · Content operations

Make seasonal updates feel routine, not risky

Image led hero

Fields

Image, alt text, focal point, optional link, display order.

Story split

Fields

Eyebrow, heading, short copy, image, and one primary action.

Menu section

Fields

Category, item name, description, dietary note when provided, and availability.

Event space feature

Fields

Space name, photography, best use, verified details, and inquiry action.

Upcoming event card

Fields

Event name, date, timing, dining relevance, and link.

Visit information

Fields

Address, phone, event day access, and verified opening information.

Update flow

  1. Content request
  2. Draft
  3. Review
  4. Publish
  5. Verify

The goal was not to remove editorial judgment. It was to give editors a predictable structure so each update stayed readable, accurate, and on brand.

Crop of the 601 Miami homepage showing the private events section, with celebration photography beside the event spaces copy.

09 · Event inquiries

Turn atmosphere into a confident next step

  1. Step one

    Inspire

    Use the view, atmosphere, dining rooms, and Cabana spaces to help guests imagine the occasion.

  2. Step two

    Qualify

    Explain what kinds of events the venue supports using only verified content.

  3. Step three

    Inform

    Present practical details in a consistent and scannable format.

  4. Step four

    Inquire

    Keep View Event Spaces and Contact visible and specific.

The event path needed to do more than look premium. It had to reduce uncertainty. I organized the information so planners could understand the offer, assess fit, and know how to continue.

View Event Spaces Contact

Case study illustration of the action pair. Not a working form.

10 · Arena experience

Make dinner part of the event plan

  1. 01

    Find the arena event

  2. 02

    Discover 601 Miami

  3. 03

    Review the menu

  4. 04

    Arrive before the event

  5. 05

    Dine, then continue into the venue

The official 601 Miami site says the restaurant opens to ticket holders 90 minutes before event start times.

Public operating context, not measured project impact.

The website connected dining to the event without making the restaurant feel like a generic arena concession. Timing, access, and location helped make the experience practical. Photography and voice helped it remain distinctly 601 Miami.

11 · Visual direction

Connected to the HEAT, confident as 601 Miami

  • Black creates an evening hospitality tone and a natural link to arena energy.

  • Deep red connects the experience to Miami HEAT without turning every section into team branding.

  • Warm white gives food photography and editorial copy room to breathe.

  • Large image blocks make the space and menu feel tangible.

Type specimen

Dinner, game day, events

Lede, 600 weight available for emphasis.

Body copy at 16 pixels, weights 400, 600, and 700 only.

Palette

Night
#0D0D0E
601 red
#C8102E
Canvas
#F8F6F2
Brass detail
#B58B4A
601miami.com
Full length screenshot of the 601 Miami homepage, alternating between food photography, a private events section, and a game day dining section.

The production page used an alternating image and copy rhythm to move between dining, private events, and game day.

12 · SEO and content structure

Help people and search engines understand the same page

Page structure

  • One descriptive H1 for the main page purpose.
  • Clear H2 headings for menus, private events, and game day information.
  • Descriptive page titles and meta descriptions.
  • Unique event titles, dates, locations, and links.
  • Useful alt text that describes the food or space without keyword stuffing.

Structured data

  • Restaurant for the venue identity and address.
  • Menu, MenuSection, and MenuItem for published menu content.
  • Event for verified public events.
  • PostalAddress for location details.
  • OpeningHoursSpecification only when the hours are accurate and maintained.

Structured data should reflect visible, verified content. Never add values only for search engines, and never publish hours or event details that the content team cannot keep current.

13 · Quality

Hospitality should feel easy on every screen

Responsive behavior

  • Stack image and copy panels into one clear reading order.
  • Keep primary actions visible without making them sticky over content.
  • Preserve useful image crops with an intentional focal point.
  • Keep menu categories easy to scan with one hand.

Accessibility

  • Use semantic headings and landmarks.
  • Keep visible keyboard focus and 44 pixel minimum targets.
  • Maintain strong contrast over black, red, and photography.
  • Give carousel controls readable labels and keyboard support.
  • Never put essential text inside an image.

Performance

  • Use responsive image sources and modern formats.
  • Load the hero image with the correct dimensions to prevent layout shift.
  • Lazy load images below the first viewport.
  • Avoid autoplay video and heavy parallax.
  • Keep motion light enough for a content rich hospitality page.

14 · Outcome

A clearer path from interest to visit or inquiry

I worked across copy, imagery, page structure, publishing, and quality assurance. Seasonal changes were reviewed in context, then checked after publishing on desktop and mobile. Event links, menu content, headings, metadata, and visible calls to action were part of the same release check.

  • Created a clearer path to current menus and game day dining information.
  • Made private event discovery and inquiry actions easier to find.
  • Kept the restaurant connected to the Miami HEAT and arena experience while protecting its own identity.
  • Improved the maintainability of seasonal menu and event content.
  • Added a stronger semantic foundation for menu and event search visibility.

The best hospitality sites answer practical questions without losing the feeling of the place

This project reinforced that content operations are part of the guest experience. A beautiful page loses value when the menu is old, the event path is unclear, or mobile visitors cannot find the next step. The strongest solution combined visual appetite with dependable information and a publishing structure the team could keep current.

Good hospitality begins before the guest arrives.

Miguel Clavel · Web Content Editor, UX Designer, and Product Designer · Miami HEAT and Kaseya Center

601 Miami restaurant and private events website

Miguel Clavel

Senior Product Designer · Insurance & financial services UX, product strategy, design systems

2miguelclavel@gmail.com Resume LinkedIn Behance Back to work

Shown for portfolio purposes only. This work was produced during my employment or engagement with the company named, and all trademarks, brand marks, and assets remain the property of their respective owners. It is not an official communication of, or endorsed by, that company. Confidential material has been omitted or altered and figures are approximate.