Back to selected work

Brand retail / e-commerceNov 2025–Now

Floraffeine

Flowers, coffee, and the freedom to make it personal.

Role
Brand designer & frontend developer
Contribution
Brand identity, UX, and end-to-end frontend delivery across the website, PWA, customer accounts, staff administration, and store operations.
  • Brand identity
  • Laravel
  • Vite
  • Bootstrap
  • Sass
  • PWA
  • E-commerce UX
  • Checkout flows
  • Loyalty & rewards
  • Admin dashboards
  • Inventory tools
  • GSAP
Floraffeine film showing a bouquet, personalized wrapping, and a handwritten message.

Designed around choice.

I designed the identity and delivered the complete frontend for the Floraffeine website and PWA. The work covers floral commerce, product configuration, checkout and subscriptions, customer accounts created online or in-store, loyalty, cashback and gifts interfaces, staff administration, tablet-based coffee-shop inventory interfaces, dashboards, boutique pages, and QR-menu interfaces. The frontend connects shared customer, purchase, and inventory records across desktop and employee tablets. I integrated GSAP animations and transitions across the website.

01 / Three ways in

A personal choice. A clear starting point.

An occasion, a particular flower, or simply a feeling. Guided suggestions, a bouquet builder, and a ready-made collection give each starting point a place, with boutique pages and QR-menu interfaces extending the same experience beyond the main storefront.

Floraffeine portfolio presentation connecting the floral assistant, bouquet builder, and bouquet collection under one brand.

02 / Guided discovery

Begin with the person.

The floral assistant organizes the search around the recipient, occasion, feeling, preferred colors, and budget. A personal intention becomes a useful set of preferences, without requiring someone to know every flower first.

Floraffeine floral-assistant presentation showing recipient, color, occasion, feeling, and budget preferences.

03 / Bouquet building

Make it your own, stem by stem.

For people who already have something in mind, the builder makes the details tangible. Flowers, wrapping, accessories, and a personal message come together with quantities, a running total, and a clear path into checkout.

Floraffeine bouquet-builder presentation showing available flowers, selected stems, wrapping, accessories, a personal message, and the bouquet total.

04 / Coffee & collection

A small ritual, on your schedule.

Coffee belongs to the same experience. A pickup time and an optional message connect the digital choice with the moment someone walks into the store, while tablet-based inventory interfaces support the coffee-shop operation behind it.

Floraffeine coffee-order presentation pairing a cappuccino with a pickup-time selector and an optional message.

05 / Subscriptions

Give the everyday a rhythm.

A recurring order keeps room for individual routines. Frequency, duration, preferred day, and delivery or store pickup can be considered together through customer accounts, making repetition a deliberate choice.

Floraffeine subscription presentation with frequency, duration, preferred day, address delivery, and store-pickup choices.

06 / One connected experience

Many ways to choose. One Floraffeine.

Guided discovery, hands-on creation, coffee, subscriptions, staff administration, and operational dashboard interfaces share one brand experience. Each journey has its own purpose, while familiar details connect the whole from storefront to store tools.

Floraffeine Couture portfolio overview connecting the floral assistant, manual bouquet builder, coffee, and subscriptions, dated 2025 to present.

The details make it personal.