Morning Brewskis

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

Alex S on Behance — wide style range, can define the entire brand identity. Click for details

Alex S on Behance (behance.net/alexs822). Wide range of styles — can do anything short of animated art. Needs a clear style direction and reference photos before commissioning. Could define the entire brand visual identity.

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