Lumei Dashboard

Project reference for design, strategy, and status

Creative Ideas

Hand-drawn animations

Patterns and text that draw themselves on scroll. Stands out from stock immediately. Click for details

Patterns and text that draw or write themselves in real-time on scroll. Simple, elegant, and stands out immediately from stock imagery. Could be used for section dividers, product callouts, or ingredient illustrations.

Click to flip back

Custom illustration

Custom art that defines the brand identity. Needs a clear style direction and references. Click for details

Commissioning custom illustration can define the entire brand visual identity. Wide range of styles possible, from minimal line art to full color. Needs a clear style direction and reference photos before commissioning.

Click to flip back

Interactive quiz

Interest gauging, not product-matching. Gathers preference data for future calibration. Click for details

Not product-matching (only 1 product at launch). Instead: interest gauging that gathers data on preferred products, surfaces 3 close matches for ranking + optional freeform input. Builds calibration data for future matching.

Click to flip back

Video sections

Alternating left-right, large landscape. Scroll-animated with color shifts per viewport. Click for details

Left-right alternating, landscape, large format. Text on opposite side, telling a morning-to-night arc. Each viewport feels slightly different -color shifts, texture changes -to sustain attention through 4+ videos. Scroll-animated with opacity fade-in.

Click to flip back

Morning-to-night theming

Ambient palette transitions on scroll. Sunrise warmth shifts to cool evening hues. Click for details

Demonstrated in mockup 4. Ambient palette transitions with scroll position -warm sunrise tones shift to cool evening hues. Could structure video content and product narrative around the full day arc.

Click to flip back

Subliminal life arc

Embed a timeline without it reading like a story. Familiar top, product middle, aspirational bottom. Click for details

Learned from Arrae: embed a timeline into the page without it reading like a story. Top = familiar/relatable (leveraging cravings as branding), middle = product integration, bottom = aspirational future. The narrative is felt, not read.

Click to flip back

Resources & Links