Where design meets innovation.

We design and build the technology the problem calls for.

Creative technology and automation agency Concept studies · 2026 lumera@lumeracreative.com
A matcha latte in a clear cup printed with rōk, overflowing onto moss above misty tea hills. Concept image

2026Independent concept studyMatcha · four cafés in Los Angeles

rōk

01
A red walk-up window counter with a tray of birria tacos, a cup of esquite, a kebab bowl with hummus and a pink agua fresca. Concept image

2026Independent concept studyMexican street food and Mediterranean grill · Los Angeles

Tirzahs

02
A crusty round loaf with a cross-shaped score. Concept image

2026Independent concept studyBakery, coffee & tea · Los Angeles

BB's Bakery

03
See the studies

Projects

Selected concepts(06)

  1. 01rōk coffee and teaIndependent concept study
  2. 02Tirzahs Mexi-Terranean GrillIndependent concept study
  3. 03BB's BakeryIndependent concept study
  4. 04Lenny's CasitaIndependent concept study
  5. 05Stagger CoffeeIndependent concept study
  6. 06MotiqIndependent concept study

Six independent concept studies from 2026, three of them featured below. Each is for a real Los Angeles business, designed and built end to end by Lumera Creative LLC. None was commissioned, and none is an official website.

01 / 03

rōk coffee and tea

Independent concept study2026

Starting questionCan the signature drink be the first thing you feel, before you read a word?

Project overview

An independent digital concept for rōk, designed to translate the ritual of a pour into a focused interactive experience. The site uses motion to create a memorable product moment while keeping the customer journey clear across desktop and mobile.

The whole site on a laptop and a phone: the pour, the four cafés, an independent Fellow Carter Move Mug concept in 3D, press and the FAQ.
Scroll to pour. A recording of the live study, scrubbed by your scroll the same way the site is.

Objective

Give rōk a digital expression that feels as considered as the physical experience. The concept needed to create distinction and hold attention without letting animation compete with the information visitors need.

Lumera's response

We built a scroll-controlled pour that fills as visitors move forward and drains as they return. The interaction anchors the page and turns a familiar product ritual into a recognizable digital signature for the brand.

Project scope

Strategy · Creative Direction · UX/UI Design · Motion Design · Responsive Development

Project context

Independent concept study by Lumera Creative LLC. Experience strategy, original photography, interface design, motion, responsive development, product visualization, and supporting concept material were created by Lumera Creative LLC. Business names, product designs, and identifying marks remain the property of their respective owners.

Fellow product concept. Independent product concept featuring the Fellow Carter Move Mug, created by Lumera Creative LLC. It was not commissioned, sponsored, or endorsed by Fellow or by rōk. Fellow's product designs, name, and identifying marks remain the property of Fellow.

How we built it

The pour is built as a reversible scroll sequence, so the page responds to the visitor instead of playing as a passive video. Phones receive a cropped version of the sequence that decodes faster, and the desktop and mobile compositions were tuned separately for clarity, pacing and performance.

The effect works in any window size. With reduced motion turned on, a still image replaces the sequence and no video is downloaded. A pinned locations story draws a route between the four cafés and becomes a plain list on short screens or with reduced motion. Reviewed across representative desktop, tablet, mobile, and resized-browser layouts.

View live concept

02 / 03

Tirzahs Mexi-Terranean Grill

Independent concept study2026

Starting questionCan one walk-up window show two kitchens at once?

Project overview

An independent digital concept for Tirzahs Mexi-Terranean Grill, built around the walk-up window where Mexican street food and Mediterranean grill meet. The experience turns that idea into a clear, scroll-led visit: an opening film that walks up to the window, a split view of the two kitchens, and a menu that stays easy to scan on every screen.

Queso birria tacos in a paper-lined tray beside a cup of esquite, on a red counter.Mexican kitchen
A kebab bowl with rice, hummus, cucumber salad and pink pickled onions, on a red counter.Mediterranean kitchen
Concept images The two kitchens that share one window, as they appear in the study.

Objective

Make the restaurant's pairing the first thing a visitor understands. The concept needed to show two cooking traditions coming out of one window, then keep the menu and the way to order easy to reach without competing with the imagery.

Lumera's response

We built a scroll-led walk-up that ends at the window and then splits it into two kitchens. Visitors drag the window frame, or use the arrow keys, to move between the Mexican and Mediterranean sides and the dishes where the two meet. The menu below is organized by category, so a long board stays readable on a phone.

Project scope

Experience Strategy · Creative Direction · UX/UI Design · Motion Design · Responsive Development

Project context

Independent concept study by Lumera Creative LLC. Experience strategy, interface design, motion, responsive development, original photography, video, and supporting concept material were created by Lumera Creative LLC. The concept was not commissioned by, reviewed by, approved by, or produced in partnership with Tirzahs Mexi-Terranean Grill.

How we built it

The opening is a scroll-controlled film: scrolling walks the visitor up to the window, and scrolling back walks away. Phones receive a lighter version of the film so it plays smoothly.

The window frame can be dragged or moved with the arrow keys, and the menu categories work by keyboard and by touch. With reduced motion turned on, the page shows a still opening and the same content, without the scroll-controlled film.

View live concept
Concept images The opening film down to the walk-up window, then the two kitchens, on a laptop and a phone, in one scroll.

03 / 03

BB's Bakery

Independent concept study2026

Starting questionCan a small bakery's site feel handmade, like the bread?

Project overview

An independent digital concept for BB's Bakery, built around the pen-and-pencil character already present in the bakery's identity. The experience carries that visual language into a clear mobile-first journey for exploring the products, understanding the bakery's personality, and finding practical information before visiting.

Pencil outline of a round scored loaf. The same loaf as a photograph: a crusty round with a cross-shaped score.
Concept images Inside the frame, the photograph. Outside it, the pencil sketch it started from. Both come from the study.

Objective

Preserve the bakery's distinctive personality while making everyday customer decisions easier. The concept needed to balance expressive illustration with clear access to the products and the practical information a visitor needs.

Lumera's response

We designed the experience like a sketchbook in motion. Product drawings transition into photographic scenes as visitors scroll, while a small illustrated guide creates continuity throughout the page. The interaction encourages discovery without letting the visual concept interfere with navigation or essential information.

Project scope

Experience Strategy · Creative Direction · UX/UI Design · Illustration Direction · Motion Design · Responsive Development

Project context

Independent concept study by Lumera Creative LLC. The experience was inspired by the pen-and-pencil character visible in BB's public-facing signage. Experience strategy, interface design, illustration direction, motion, responsive development, original photography, video, and supporting concept material were created by Lumera Creative LLC. The concept was not commissioned by or produced in partnership with BB's Bakery.

How we built it

The central transition connects line-drawn product states with matching photographic states. Scroll controls the transformation while the layout, typography and navigation stay put.

On phones the timing is simplified, interactions are touch-safe, and a dedicated composition replaces the desktop one, so nothing depends on hover or desktop screen dimensions. Motion follows the reduced-motion setting, and the site is prerendered so it still works without JavaScript.

View live concept
Concept images The whole site on a laptop and a phone: the loaf, six breads going from pencil to photograph, the story and a visit.

Our approach

We don't start with a deliverable. We start with the problem.

Start a project
Steps, every project
  1. 01

    Understand what's in the way.

    Before anything is designed, we find the actual obstacle: what people can't find, can't feel, or can't do.

  2. 02

    Find where technology helps.

    Sometimes it's a website. Sometimes it's a tool, an automation, or less software than you expected.

  3. 03

    Design the system that fits.

    Structure, interaction and look are designed together, for the people who will use it.

  4. 04

    Build it, and test it properly.

    Desktop, tablet and mobile layouts, resized windows, keyboards and reduced motion. Then we measure and fix.

What we build

01

Interactive web

  • Websites
  • Interactive experiences
  • Website restructuring
  • Digital product interfaces
See the work

02

Systems and automation

  • Lead intake and routing systems
  • Customer follow-up workflows
  • Internal process automation
  • Carefully scoped intelligent systems
Talk to us

One inquiry, from first contact to a recorded next step. See the capability demonstration.

03

Custom systems

  • Custom business tools
  • Integrations between approved platforms
Talk to us

Built around the way a business already works, and connected only to the platforms it approves.

Systems & automation

A website creates the point of contact. The systems behind it determine what happens next. Lumera designs connected workflows that capture information, organize requests, route work, and help businesses respond consistently.

Lumera capability demonstration

From inquiry to action

A scripted example with fictional sample data. It isn't connected to a real customer, inbox, CRM or production system, and it isn't client work.

  1. 01

    Capture

    The inquiry arrives through the website and its details are stored in one place.

  2. 02

    Qualify

    The request is checked for the information needed and sorted by type of work.

  3. 03

    Route

    It is assigned to the workflow that handles that type of request.

  4. 04

    Notify

    The people involved, and the customer, are told what happens next.

  5. 05

    Record

    The request is logged in the pipeline with its status and next step.

Sample inquiry (fictional)

Status
Recorded in the pipeline
From
Alex Morgan
Business
Example Home Services
Request
Estimate for a kitchen remodel
Category
Kitchen remodel, estimate request
Details
Complete
Workflow
Residential estimates
Assigned to
Estimates team
Customer
Acknowledgement prepared
Team
New-request alert prepared
Pipeline
New
Next step
Site visit

Event log

  1. New estimate request received
  2. Contact details captured
  3. Request categorized
  4. Assigned to the appropriate workflow
  5. Follow-up notification prepared
  6. Record added to the business pipeline

What's getting in the way?

Tell us what isn't working.

Start a project

lumera@lumeracreative.com