Lavii Website and Application Design

Turning complex pickup logistics into a simple, seamless experience
for
restaurants and their customers.

Project Summary

Lavii was on a mission to revolutionize food pickup by solving a quiet problem that frustrates thousands of customers and restaurants daily: broken handoffs, confusing or no tech, safety concerns, and long wait times. I led the end-to-end product design and web experience that transformed their offering from a good idea to a seamless, smart solution.

Additionally, I led the design and development efforts of the company website which was created using WebFlow an emerging Content Management System (CMS).

UX Design
UI Design
Brand Development
Design Strategy
Website Development

Project Details

  • Role: Product Strategist and Experience Architect
  • Duration: November 2019 - December 2021
  • Scope: Mobile App, Customer Dashboard, Admin Panel, Website
  • Website: Visit website

The Challenge

Overwhelmed Staff

Restaurant teams were stretched thin, constantly stopping to answer questions or hand off orders while managing dine-in, takeout, and delivery, all without a dedicated system for pickups.

Frustrated Customers

Customers arriving for pickup were often left waiting or unsure of where to go, creating tension and confusion during what should be a seamless moment.

A Process That Couldn’t Keep Up

Orders were placed on open shelves, creating security concerns, delivery mix-ups, and bottlenecks, especially as order volume and delivery app usage continued to grow.

Solution Image
Before we touched a pixel, I asked one thing:
“ What problems are we solving?"

Our work with Lavii was rooted in research that focused on the real needs of restaurant staff and customers. Through interviews, testing, and market analysis, we uncovered key insights that shaped every design decision, making the experience faster, clearer, and built for real-world use. Here's what we learned:

Users expected to manage everything from their phones.

Pickup had to be seamless, fast, and distraction-free.

Both customers and staff valued speed but only if they felt confident about each step.

Open shelving created uncertainty. People wanted to feel confident their order was safe, private, and only accessible to them.

Restaurant workers didn’t want one more system to manage. It had to fit into their flow, not disrupt it.

Every second mattered. The design needed to eliminate steps, reduce guesswork, and move fast, especially during rush hours.

People didn’t want to read instructions. Icons, animations, and layout hierarchy guided the experience better than long labels.

Conception To Design

Here’s where insight becomes interface. Every decision was driven by what we learned, tested, and saw firsthand. We didn’t guess. We designed with purpose, and it shows.

User Personas

By crafting detailed personas rooted in real-world insights, we gained invaluable perspectives that shaped the seamless integration of technology and order pick-up convenience in the project.

Concept Image
Concept Image

Customer/User Journey Maps and Flows

Our journey maps and flows were like detailed roadmaps, showing us every step users take when interacting with our smart food lockers from both the restaurant and customer journey. These visual guides helped us understand where users encounter issues or moments of satisfaction. By studying these maps, we gained valuable insights into what users need and how we can make their experience better.

Wireframes

These simplified blueprints serve as the roadmap for our design journey, allowing us to visualize and refine key features before moving forward with development of the User Interface for restaurants and customers.

Concept Image
Concept Image

Mockups

In the next phase of our design journey, we transform wireframes into vibrant mockups for the User Interfaces. These detailed representations provide a tangible glimpse into the final products, allowing for thorough exploration and refinement of visual elements, layout, and user interface components.

Prototypes

These dynamic simulations offer a hands-on preview of the user experience, allowing for rigorous testing and refinement before final implementation. The prototypes were used to validate our design choices, ensuring seamless functionality and user satisfaction in the user interfaces.

Concept Image

Key Decisions

Every decision was intentional, shaped by research, business goals, and real-world constraints. These are the moves that helped turn a smart locker system into a seamless experience for everyone involved.

QR-Based Pickup Flows

We replaced friction-heavy pickup methods with a simple scan-and-go system using QR codes. It made food retrieval faster, minimized errors, and reduced confusion for both staff and customers during busy hours.

Simple Interface for Everyone

We designed with clarity and speed in mind. Whether it was a customer checking locker status or a restaurant employee assigning orders, every interaction was streamlined to work under pressure, even for first-time users.

Strategic Integrations

To keep restaurant operations flowing, we designed with the POS system in mind. Strategic integration points allowed orders to move seamlessly from kitchen to locker, without disrupting the existing workflow.

Results

Impact

  • Reduced wait times and created a less than 20-second pickup experience for customers
  • Enabled restaurant staff to complete order handoff in three simple steps, with minimal training
  • Built a fully interactive prototype and marketing site that supported Lavii’s investor and partnership pitches
  • Established a scalable design foundation that supported both customer and admin flows from day one

User Feedback

“That was honestly the smoothest pickup I’ve ever had. I scanned the code, the locker popped open, and I was out in seconds.”

- Chris, Restaurant Customer
"Customers love it and the staff say it's very easy to use"

- Shakira, Restaurant Manager

What I Learned

This project was a reminder that startups move fast, but clarity matters more than speed. I had to balance the goals of the business with the needs of real users, making sure we didn’t add friction where there was already pressure. When you’re introducing a new process into a fast-paced environment, every detail matters. You don’t design to impress—you design to remove complexity. And as always, simplicity wins.

Have a project?

Let’s uncover what your users really need

Message Me

© 2025 James Bagley. All rights reserved.

Designed with purpose and empathy by James Bagley.