Explore
Need help with your project?
This field is required
Incorrect phone number
Incorrect Email
This field is required
Please fill in all fields
Next
Далее
Your role in the project
Services
Budget
Please select one option in each category
Submit
Submit
several colorful figures
Request sent
Our manager will contact you shortly.
Oops! Something went wrong while submitting the form.
Think your design is good? Grab your free interface checklist to be sure
Quickly assess how effective your design is and see if there’s anything worth improving.
This field is required
Incorrect Email
Please fill in all fields
Done! Check your email to view the checklist
Oops! Something went wrong while submitting the form.
Reading time:
10
mins

When the Interface Itself Is a Gift: Design Concept for a Flower Delivery App

Sergey Nikonenko
COO at Purrweb
Published
April 15, 2026
Updated
April 23, 2026
case study tags
case study facts and figures

How do you create an app that turns ordering into real magic? Our task was to design a mobile service that looks like a gift: vibrant, alive, intuitive, and memorable.

In this case study, we'll show how we developed a visual metaphor, gathered references, made flowers come to life, and created a concept in which every screen brings a smile.

Research and inspiration

We developed the concept for a large online flower delivery store — with a real task, business context, and target audience.

Before starting, we studied the market, competitor interfaces, the client's visual style, and user scenarios. We quickly realized: most apps look alike. Lots of filters, minimalist product cards, and neutral colors.

Competitor products
A typical flower service interface: a catalog with filters and neutral palette, no emotional impact

We decided to take a different path: inspire rather than overwhelm. This led to a mood board combining three accents:

✨ magic — the sense of wonder you want to give;

💖 emotions — mood instead of a catalog of items;

🆕 modernity — bold colors, trendy illustrations, and a touch of edge.

The mood board established the foundation for the app's entire visual style: from color palette and characters to the overall interface structure.
Mood board with visual references: magic, emotions, modern style, bold colors and illustrations
Want your service interface to come alive and evoke emotions too?
At Purrweb, we create meaningful and visual concepts that make products stand out and become beloved.
Let's discuss your project
Let's discuss your project

Concept and metaphor

To make the app stand out and immediately evoke emotions, we developed a concise metaphor — "Share magic today." It became the unifying principle for the entire design.

Screen describing the "Share magic today" metaphor — the key idea unifying the entire app design

The meanings we embedded in these three words:

  • "Share" — a gentle call to action. It encourages action through care.
  • "Magic" — that very feeling when someone gives you flowers.
  • "Today" — emphasis on fast delivery: not later, not within two days, but right now. Highlights the service's competitive advantage.
We used vibrant visual imagery and a specific tone of voice to embed the metaphor into the interface. Instead of the dull "Your order is being processed," we used the phrase "Crafting a floral spell." Take a look at the app screens.
Screens demonstrating how the "Share magic today" metaphor shaped the interface's visual and textual language

Color, typography, and mood

We chose bright, rich yet balanced shades to convey the right emotions to users:

  • pink — associated with lightness, care, and joy,
  • green — reminds us of freshness and floristry,
  • blue — adds calmness and visual space,
  • black — used for primary buttons and looks contrasting and modern.

No pastels, faded tones, or beige aesthetics: if flowers are a celebration, then the interface should be too!

Project color palette: vibrant pink, fresh green, calm blue, and accent black for buttons
This combination makes the interface lively and energetic without being overwhelming. A proper accent balances the brightness.

For typography, we used Gilroy — it was already in the brand's identity. The font is highly readable and maintains its structure well on any screen.

Typography

The main characters: flower mascots

We wanted our "magic" metaphor to translate into bright, memorable, and relatable imagery. When developing the visual style, we drew inspiration from fairy tales and cartoons — like “Beauty and the Beast,” where objects come alive and help the protagonists.

Reference from the cartoon
In the cartoon, objects were magical helpers, setting the story's mood and becoming characters themselves

We borrowed this personification technique and gave our characters a voice. Each character has their own personality and role, and they all seem eager to tell you a bit about themselves 🙂

Cards with mascot explaining their role in the interface: how characters help users navigate and create emotion
Cards with mascot explaining their role in the interface: how characters help users navigate and create emotion
Cards with mascot explaining their role in the interface: how characters help users navigate and create emotion
All mascots together
The mascots are easily scalable: they can be animated, incorporated into patterns, used in marketing and communications. The visual style becomes flexible and recognizable.

Welcome screen: magic at first glance

First impressions matter most, so we created an animated scene for the loading screen: a flower from the bouquet comes to life and starts living in the recipient's home.

The animation loops — you can watch it endlessly or proceed to the interface immediately. We tested the scene with users and colleagues — and received great feedback. People said the character inspires trust, and the approach itself creates a feeling that the app was made with care.

Home screen: simple, vibrant, yet concise

The home screen serves as the main entry point and selection scenario. We made it light, visual, and action-oriented:

  • the cart appears only when something is added;
  • product cards have no backgrounds — maximum space and focus on the bouquets;
  • flower mascots draw attention to deals and special offers;
  • the black CTA button stands out even against the bright background.
Home screen design: bouquet in focus, mascots next to promotions, the "Buy" button contrasting and noticeable
We left space for seasonal banners, loyalty programs, and quick search — so everything important is within the user's view.

Product card: clear and convenient

The product card is simply structured: full-screen bouquet photo, clear options, and two choice scenarios — "Buy now" or "Add to cart."

Product card: large bouquet photo, option selection, and two buttons — "Buy now" and "Add to cart"

This addresses both needs:

  • for those in a hurry — quick purchase in a couple of taps,
  • for those who want to thoughtfully assemble a bouquet or add a gift — detailed configuration via the cart.

Here's what the character from the product card has to say: they know exactly how this app works inside — after all, they live in it! 😀

Mascot explains the product card: how designers made buttons convenient, scrolling intuitive, and the interface clean and readable
If you, like us, believe that even a "Buy" button can be beautiful and friendly — let's create an interface that people will want to return to.
Get a free project estimate
Get a free project estimate

When a user places an order, they should feel like everything is under control. So we made the order screen as transparent as possible — all information visible: where the order is going, the expected delivery time, and the contents of the order.

We added:

  • clear delivery statuses without overload,
  • a character that accompanies the order and visually "communicates" with the user,
  • a warm tone of voice in UX texts — no dry "Ordered," only "Crafting a floral spell" with a brief explanatory tag nearby.
Mascot accompanies the order: visual character, warm message tone, and clear statuses without overload
This screen is an especially powerful example of the metaphor: an order is an action and magic all at once. All that's left is waiting for the order to reach the recipient!

In conclusion

We developed a visual concept for a mobile app for a flower delivery service. It features:

  • clear structure and easy navigation,
  • vibrant colors and expressive typography,
  • characters that add emotion,
  • a metaphor that works on all levels — from slogan to every action.

The concept is warm, modern, and flexible. It can be implemented piece by piece, developed, scaled… and it's definitely unforgettable ❤️

magic flower mascots

➡️ Looking for a team that will create something special? We're here! For over 10 years, the Purrweb team has been launching clear and beautiful digital products.

We develop visual metaphors, capture the right mood, and design interfaces that speak the user's language — all within reasonable timelines and with clear communication.

<a class="blog-modal_opener">Tell us about your project,</a> and we'll estimate timelines, budget, and a work plan.

Why Purrweb

Design expertise

Our portfolio includes over 550 projects, ranging from educational platforms to marketplaces, IoT, and dating apps. We know how to adapt designs for different tasks and audiences.

Work as one team

We integrate seamlessly into processes, collaborate with your developers, product managers, and marketers. No bureaucracy, with respect for your pace.

We turn ideas into products

We don't need a detailed brief or a 10-page technical specification. An idea is enough — we'll help formulate it, clarify details, and suggest creative solutions.

Содержание
Looking for a development team?
We can help with design and development of apps for businesses and startups
10 years on the market
550+ projects

Similar posts

Unexpected Outcome of the App Redesign. Trueflutter case
How to Make a Video Chat App in 2026?
IoT Asset Tracking: a Smart Solution for Your Business
App engagement: best strategies to retain your audience
No items found.
{{wf {"path":"published-on","type":"DateTime","format":"YYYY-MM-DD"} }}{{wf {"path":"updated-on","type":"DateTime","format":"YYYY-MM-DD"} }}
{{wf {"path":"published-on","type":"DateTime","format":"YYYY-MM-DD"} }}{{wf {"path":"updated-on","type":"DateTime","format":"YYYY-MM-DD"} }}