I collaborated with an architecture firm that needed to create a lead generating website that showcases their expertise, and converts visitors into potential clients. Keep reading to know how we worked together to create the perfect website for his business.
This project delivered a complete digital presence from concept to launch in just 3 weeks.
The Goal: Build a high converting landing page that effectively generates qualified leads for new architecture projects while establishing strong brand credibility.
Desktop and mobile view of the hero section of the landing page. Ideal responsive design.
Design process (1 week)
I first looked for visual inspiration + references. The idea was to present the client with 3 options for his website, and also create a design system that's easy to use and implement during the coding phase of the project.
Design Development:
Created a cohesive design system with typography, color palette, and reusable components.
Developed three distinct layout concepts in Figma for the client to choose from.
Provided real-time design access for continuous client collaboration.
Delivered approved final design with minimal revisions needed.
Design for the projects and services section of the website.
Development phase (2 weeks)
Technology Stack: NextJS with TypeScript for optimal performance, type safety and SEO, and TailwindCSS for styling the website.
Key features implemented:
Fully responsive design optimized for all devices.
Comprehensive business showcase with portfolio integration.
Interactive image carousels with smooth parallax scroll effects.
Lead capture contact form with direct client communication.
Complete social media and contact integration.
Optimized loading speed and SEO meta data.
Contact form section + social media links and alternative contact methods.
Project Results and Delivery
Final Delivery: Fully deployed website on Vercel with comprehensive documentation. This way, the client had a fully working website for his business.
✅ 3-week turnaround - From initial designs to live website.
✅ 90 Days Free Support - Helped the client with small changes and bug fixes after project delivery.
✅ Complete ownership - Full code transfer, documentation, and deployment access.
(Please note that the website is in Spanish, and the images in this post are because I took the time to translate the design to English).
Need a developer who can handle both design and development while delivering measurable business results? Let's discuss how I can help grow your business online.