UI Kit for Contractor Websites

Ganador
Contest winning design

¿Quieres ganar un trabajo como este?

Este cliente recibió 27 diseños web de 7 diseñadores. Eligieron este diseño web de NZ Creatives como el diseño ganador.

Únete gratis Encuentra trabajos de diseño

  • Cerrado - Diseño seleccionado
  • Garantía

Resumen de Diseño Web

I created a wireframe in Webflow and want to create a number of templates around that. There are existing templates, but I a few built around my content structure.

The types of clients are home remodeling services (homebuilders, plumbers, painters, electricians, handymen, etc.)

https://wp-to-webflow-3fa2ef13549-ac8df15cd6e86.webflow.io/

*Use the website copy content from here but you do NOT need to follow the wireframe so plug it in however you feel best. Eventually, we'll have multiple types of heroes, services, etc.

I'd like to start with the first homepage template. The homepage templates will all have the same fonts, color scheme, and content. Once we finish about 5 of those, we'd move onto the next stage.

https://www.loom.com/share/02126cb58a7d41e1a53784a372e409c9

Other clean, modern, UI kits (templates) or websites I like:
https://www.outseta.com/
https://instance-template.webflow.io/
https://phantom.app/
https://musk-template.webflow.io/
https://www.storysite.co/storybrand-website-templates
https://inform-template.webflow.io/
https://panels-template.webflow.io/

*We'd likely have a lot of images, not illustrations since the client type we're building is pretty visual. Can use dummy photos.

Home

Navbar

Hero Section
Preheader (H1)
Hero Header (H2)
Hero CTA
Hero Secondary CTA

Hero Testimonial Short Quote
Hero Testimonial Name

Social Proof (CMS, can be multiple or one)
Testimonial Quote
Testimonial Name
Testimonial Image

CTA
CTA Headline
CTA Subheadline
CTA Button

Features/Value Stack
Value Stack H2
Value 1 Headline (H3)
Value 1 Description
Value 2 Headline (H3)
Value 2 Description
Value 3 Headline (H3)
Value 3 Description


Services (CMS, can be multiple)
Service Name
Service Short Description
CTA: Get Quote
Main Image

Homepage How It Works
Homepage How It Works Headline
How it Works Subheadline
Step 1 Name
Step 1 Description
Step 2 Name
Step 2 Description
Step 3 Name
Step 3 Description

About/Founder’s Note/Team
Homepage Founder Note Headline
Founder Note or About Info
Owner Signature
CTA to About Page

CTA
CTA Headline
CTA Subheadline
CTA Button

Footer