Property marketing site: Responsive design+AI-assistedProgramming
Figma → VSCode → GPT Code interpreter → Vercel hosting
Challenge & AI-involvement (Not exactly vibecoding)
I got curious about Real estate, and this is what I imagined a property walkthrough experience might feel like
This website is the where the prospects (buyers & investors) from Instagram & Facebook ads land. I started experimenting in figma, and development is more of using GPT's code summarizer/interpreter to troubleshoot and refine code as opposed to vibecoding the whole thing. Also pushing directly to GitHub, and hosting the site on Vercel. The outcome for me here was staying sharp with Frontend design while picking up best practices.
Elevating my vanilla HTML/CSS/JS skills with the best practices, by having AI refine my code.
UX artefacts - Information architecture
IA map & State diagram
Landing page
Sections
Design process