The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
A modern metal roofing website designed with a sleek, industrial aesthetic that communicates durability, professionalism, and trust.
The website features a clean layout, silver-gray tones, modern typography, realistic roofing visuals, and strategically structured sections to make the brand’s services easy to understand and navigate.
What I Designed
Modern metal roofing website
Clean, industrial-inspired UI/UX
Responsive website layout
Service-focused sections
Strong visual hierarchy and typography
Professional call-to-action sections
Mobile-friendly design
Goal
To create a premium online presence that helps a metal roofing company showcase its services, build trust with potential customers, and generate more inquiries.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Designed the landing page for Smug — an AI support agent that resolves tickets, knows exactly when to escalate to a human, and has zero interest in pretending otherwise.
Most AI support tools go the humble, over-apologetic route. Smug does the opposite — the whole brand is built around a smug little cat mascot and copy like "Handled it. You're welcome." It's a genuinely fun brief: figuring out how to make confidence read as charming instead of obnoxious.
Bold electric blue and orange instead of the usual muted SaaS palette, because a product this confident shouldn't look shy about it. 💙
cool
A little peek at the project I started this week.
A new hero section for Precept — a project management tool for creative agencies and studios.
Designed in Figma, with development in Framer planned next.
Very excited to see the whole thing come together 🔥
Modern, modern, modern
A good landing page shouldn’t make you work to understand it.
Been working on a new project where the goal was simple:
Make a complex product feel simple, clear, and easy to explore.
Less explaining.
Less clutter.
More visual hierarchy.
A clearer path to the next step.
Still working through the details, but this one is coming together nicely.
Full case study soon.
This pairs well with the Hire Hangar screenshot because the design itself demonstrates the point—you don't need to reveal the whole project yet.
Appreciated @Mehdi Hassan
keep on rocking