Landing Page Website for Proyectos Mara

Esteban Santiago

Design and Web Development for Proyectos Mara

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.
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.
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.
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.
You can see this project live by yourself by visiting: https://www.proyectosmara.com
(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.
Like this project

Posted Jul 19, 2025

Designed and developed a lead generating landing page for an architecture firm in 3 weeks.

Web Design and Development for The Best Level
Web Design and Development for The Best Level
Social Media Web-App Development for THSpian
Social Media Web-App Development for THSpian

Join 50k+ companies and 1M+ independents

Contra Logo

© 2025 Contra.Work Inc