Landing page - UX/UI Design for a Responsive Roofing Website

Valentina Guerrero

Verified

<p><strong>Project Type:</strong> Landing Page Design / UX/UI Design / Figma / Responsive Design</p>

Landing Page UX/UI Design for Enhance Metal Roofing

Overview

Enhance Metal Roofing is a U.S.-based company offering high-quality metal roofing services. They needed a modern, responsive landing page to promote their offerings and convert visitors into leads. The design needed to reflect durability, professionalism, and ease of navigation—especially for mobile users.

Goals

Design a clean, modern layout aligned with EMR’s brand
Guide users toward requesting a quote
Create a responsive design for mobile, tablet, and desktop
Structure the content clearly to build trust and credibility

My Role

UX/UI Designer
Planned the layout and information hierarchy based on user goals
Designed a fully responsive landing page using Figma
Focused on CTA placement and lead conversion principles
Delivered handoff-ready design assets for development

Creative Process

The project began with research on user pain points and industry standards in the roofing sector. Based on these insights, I created a UX strategy and layout structure that prioritized simplicity, clarity, and ease of use.
Every design element was tested for responsiveness and accessibility, ensuring a seamless experience across devices. Figma was used for all UI components and prototyping, while Photoshop helped fine-tune visual assets.

Tools & Skills

Figma for wireframing, UI design, and prototyping
Adobe Photoshop for image editing and asset creation
UX/UI design principles focused on clarity, responsiveness, and usability
Responsive web design optimized for desktop and mobile devices

Outcome

The result is a modern, professional landing page that builds trust and drives conversions. EMR now has a strong foundation to attract online leads with a user-friendly, conversion-focused design.
This project was completed for Kool Studio.
If you have a project in mind or need a creative and professional UX/UI Designer and Web Developer, feel free to reach out and request a quote — I’d be happy to help bring your ideas to life.
Like this project

Posted Jun 11, 2025

Responsive UX/UI landing page design for a roofing company. Built in Figma with a clear lead-generation focus and modern layout.

Likes

1

Views

3

Timeline

Nov 24, 2024 - Ongoing

Clients

Kool Studio

Wordpress Website for a B2B Travel Agency | Parallax animation
UX/UI Design and WordPress Development for SaaS Website
UX/UI Design and WordPress Development for SaaS Website
UX/UI Website Design for Luxury Travel Experiences
UX/UI Website Design for Luxury Travel Experiences
Custom WordPress Website for AgTech Startup – BeamCropTech

Join 50k+ companies and 1M+ independents

Contra Logo

© 2025 Contra.Work Inc