LOU.

Work

Web

About

Blog

Contact us

LOU.

Work

Web

About

Blog

Contact

Good Vibes,
Well-Coded
Good Vibes,
Well-Coded
Good Vibes,
Well-Coded
A vibe-coded holiday greeting card generator exploring generative design, UX, and modern web tools.

Try it out here

Holiday greeting card generator interface showing a “Create Your Holiday Greeting” header, a text input for a custom message or random generation, and options to select a holiday scene.
An interior designer
Holiday greeting card generator interface showing a “Create Your Holiday Greeting” header, a text input for a custom message or random generation, and options to select a holiday scene.

Project Overview

A playful web experiment I built using vibe coding principles, designed to expand my approach to building interactive web experiences that are fast, intuitive, and design-led. The Holiday Greeting Card Generator lets users create a custom message, pair it with a themed scene, and share it as a digital greeting.

  • Custom greeting message generation

  • Holiday scene selection with modular components

  • CSS-based animations + interactive motion

  • Live Christmas countdown ticker

  • Shareable link-based output

  • PNG + JPG export options

  • Deployed, browser-based web application

Exported holiday postcard featuring a winter wonderland scene with sledding penguins, ice-skating polar bears, snowy landscapes, and a festive illustrated style.
Exported holiday postcard featuring a winter wonderland scene with sledding penguins, ice-skating polar bears, snowy landscapes, and a festive illustrated style.
Exported holiday postcard featuring a winter wonderland scene with sledding penguins, ice-skating polar bears, snowy landscapes, and a festive illustrated style.
Screenshot of the CSS components library displaying reusable visual elements from each holiday postcard scene, including typography, illustrations, and decorative UI components.
Screenshot of the CSS components library displaying reusable visual elements from each holiday postcard scene, including typography, illustrations, and decorative UI components.
Screenshot of the CSS components library displaying reusable visual elements from each holiday postcard scene, including typography, illustrations, and decorative UI components.

How it Was Built

Built as a standalone web application using modern front-end tools and AI-assisted development. The focus of this project was on speed, iteration, and maintaining full creative and technical control throughout the process.

This project reflects the same design principles behind Studio Lou’s interior work: intention, flow, and experience, applied in a digital format.

(Built using the tools below.)

Vibe coding & rapid prototyping

UX and interaction design

Generative content logic

Front-end implementation

AI-assisted development workflows

End-to-end project execution