← WEB PRODUCT WORK

Cafe / Visit / Pre-order

Copper Kettle Coffee Bar

WEB-07

A sample site for a coffee cart in the Shorts House at Bellevue Botanical Garden. The cart’s own domain had expired, and Square online ordering broke with it. Visit info and menu prices come from the cart’s own sources, with no Garden branding.

Focus
Wayfinding, menu prices, pre-order
Contribution
Web design and development
Status
Sample redesign / draft preview
Copper Kettle Coffee Bar draft preview homepage with a garden coffee hero and visit details.

The experience at a glance

Help someone find the cart, then the drink.

The page leads with where the cart sits, how to call or text, and a path into the menu. It stays independent of Bellevue Botanical Garden.

Visit the preview ↗

This case study describes a draft pitch preview and the design decisions visible in that preview. It is not the business’s official site, and it does not claim the business hired this work or published it on their domain.

01 / Problem

The product challenge

With the cart’s domain expired, people looking for it lost both the site and Square ordering. They still needed the Shorts House location, hours, prices, and a way to reach the cart.

02 / Design intent

The experience goal

A visit-first page: find the cart, read the menu, then call, text, or pre-order. The page does not borrow Garden logos or present itself as a Garden site.

03 / Key decisions

How the interface supports the goal

  • The preview says it is a draft and is not affiliated with Bellevue Botanical Garden.
  • Visit facts sit under the hero: inside the Shorts House, west of the main entrance, up the ramp at the entry breezeway.
  • October hours are shown and marked for the owner to verify.
  • Menu prices are taken from the cart’s own sources.
  • Pre-order, call or text, and how to find the cart are separate actions.
  • No Garden logo or Garden brand system is used.

04 / Interaction & usability

Helping users move through the product

Menu, Visit, and Pre-order are separate header destinations, so a garden visitor can jump to directions or the drink list. The phone number stays in the header.

05 / Tools & skills

What this work demonstrates

Wayfinding, content hierarchy, cafe menu layout, responsive design, and front-end implementation.

06 / What I’d improve next

Next iteration

  • Replace the October hours once the owner confirms the schedule.
  • Explain what pre-order does before someone taps it, since Square ordering had stopped working.
  • Keep Garden wayfinding factual and free of Garden marks.
  • Test call-or-text on a phone.

Thinking beyond this preview

If ordering comes back, the same visit-first page can point at a working pre-order step without turning the cart into a Garden brand.

Open the preview ↗

Next project / Let’s work together

Let’s make something
clear and useful.

Start a conversation ↗