Selected work

Elle's Cafe & Ice Cream Website + cake request flow

One counter.Eight clear paths.One counter.Eight clearpaths.

Collins Creative designed and built a website for Elle's, a soft-serve and ice-cream-cake shop in Regina: a separate page for each part of the menu, a four-step cake request that ends in a ready-to-send text, and a phone layout that keeps calling, directions, and cake ordering one tap away.

The Elle's Cafe homepage: a scrolling ticker, the navigation with Order a cake and an open-now badge, and the headline It's a beautiful day for soft serve with See the menu and Build a custom cake buttons
ClientElle's Cafe & Ice Cream
LocationRegina, Saskatchewan
ProjectWebsite · cake request flow
Our roleStrategy, art direction, UX/UI design, front-end development

The website, interactive

Walk up
to the window.

Move between the menu pages, open the FAQ, and build a cake request on desktop or on a phone.

This is a copy of the finished site. Calling and texting the shop are switched off here, so no request ever reaches the cafe.

The challenge

A small shop with a lot to explain.

Elle's sells soft serve, galaxy and dirty sodas, milkshakes, merch, and custom ice-cream cakes. Visitors also want the hours, the address, and a way to order a cake without a back-and-forth.

We gave each of those its own page in the navigation, and turned the cake order, the most involved request, into a short guided builder.

Eight destinationsGuided cake requestVisit details on every page
Build your cake on desktop at step three, soft serve flavour, with Cotton Candy selected and a Your cake summary listing the design, size, flavour, and a CAD$68.99 estimate
The cake builder. The steps sit in a row above the choices, and a summary card fills in with each pick, ending in a running estimate.

The cake request

Four choices,
then one text.

A customer picks a design, a size, a flavour, and a pickup date. The site checks that each step is complete before Next is enabled and keeps pickup at least two days out.

There is no checkout. The finished request becomes a pre-written text message to the shop, and the page says plainly that the order is confirmed only after the cafe replies.

  1. DesignNine cake designs, each with a price range
  2. SizeMini to two-tier, with how many each feeds
  3. FlavourSix soft serve flavours
  4. DetailsPickup date, cake message, name, and number
Desktop

The request, ready to send.

Your cake request is ready, with the chosen cake and pickup day, the estimate, a note that the order is confirmed only after the cafe replies, and Text request to Elle's, Call instead, and Start over buttons
The last screen restates the cake and pickup day, then offers three exits: text the request, call instead, or start over.
Phone

Same steps, one column.

Step two on a phone: Mini, 6 inch round, 8 inch round, and two-tier size cards stacked, each with how many it feeds and its price
The finished cake request on a phone with Text request to Elle's, Call instead, and Start over, above the Call, Directions, and Order a cake bar
Size cards stack into one column on a phone, and the finished request hands off to the phone's own messages app.

About these screens Captured from a local copy of the site with a made-up name and number. No text was sent and no cake was ordered.

At the window

The visit stays
one tap away.

On a phone the homepage gets its own composition, and a bar along the bottom keeps Call, Directions, and Order a cake on every page.

The menu takes over the screen and ends with a card for today: whether the shop is open, today's hours, the address, and buttons for directions and calling. The open badge is worked out from the posted hours, so it changes through the day.

The Elle's homepage on a phone with an open-now badge, the headline, See the menu, and a bottom bar with Call, Directions, and Order a cake
Actions pinned to the bottom.
The full-screen phone menu listing eight pages, with a card showing open status, today's hours, the address, Get directions, and Call the shop
Today's hours in the menu.

The story page

Every claim
has a link.

Elle's has had a lot of attention online and in the news. Instead of retelling it as slogans, the story page walks through it in order and ends with cards that link each part to the original post or article.

The posts and reporting behind the story: seven source cards, each with a label, a title, the outlet and date, and a link, above a Come say it in person panel with directions and the menu
Sources, not boasts. Each card names the outlet and date and opens the original, then the page hands off to directions and the menu.

What we made

The shop,
page by page.

  1. Menu pages

    Separate pages for ice cream and for drinks, each grouped by the way the counter sells them.

  2. Cake request builder

    Four guided steps with a live summary and estimate, ending in a pre-written text to the shop instead of a payment.

  3. Visit details

    Hours, address, directions, and a call button in the footer, the contact page, and the phone menu, with an open badge driven by the posted hours.

  4. Story, FAQ, and merch

    A sourced story page, an FAQ for allergies, parking, and cake lead times, and a merch page.

Every question gets a page.
Every order ends in a text.
Brendan Collins

Project lead

Brendan Collins

Brendan led the strategy, art direction, UX/UI design, and front-end build, from the eight-page structure to the cake request flow and the phone action bar.

The key judgment was keeping a custom cake a conversation: the builder ends in a pre-written text the cafe confirms, not a checkout the shop would have to run.

Meet the studio

Your next chapter

Taking orders
by DM?

If custom orders arrive in pieces across messages and calls, we can design a short request that collects everything before it reaches you.

Start a project
The Elle's cake size step on a phone