The Challenge
Dear Hearts was a newly established business without an existing digital presence.
The goal was simple: create a warm, trustworthy and professional website that could communicate the brand, explain the service and give prospective clients a clear way to get in touch.
The Approach
I combined UI/UX design with AI-assisted development to rapidly take the landing page from concept to implementation.
The interface was designed around the brand's personality, with a focus on:
- Warm and approachable visual design
- Clear information hierarchy
- Strong calls to action
- Responsive layouts
- Simple conversion paths
The website was developed in Lovable, allowing the design and implementation to evolve together through rapid iteration.
From AI Build to Production
Rather than leaving the project inside the AI development environment, I took the generated application through a production-ready workflow.
The project was:
Designed → Built in Lovable → Refined & Tested → Exported → Built with Vite → Deployed
The exported React/Vite project was built into a production-ready dist package containing the required HTML, CSS, JavaScript and assets, which could then be deployed to the client's hosting environment.
This allowed the AI-assisted build to become a real, independently hosted website rather than simply an AI-generated prototype.
Outcome
A complete, responsive landing page delivered rapidly for a new business, providing Dear Hearts with a professional digital presence from day one.
The project demonstrates how AI-assisted development can accelerate the journey from design concept to production, while still requiring thoughtful UX, visual direction, iteration and implementation.
Services Delivered
UI/UX Design · Visual Direction · AI-Assisted Development · Responsive Development · Deployment
Tools
Figma · Lovable.dev
