Jump to content

Website for a terrace roofing / awnings / solar protection dealer


Stefanowitsch
 Share

Recommended Posts

I want to show a new website that I made at the beginning of this year using @bernhard's RockPageBuilder module:

https://www.kurrat-terrassendaecher.de/

image.thumb.png.ca5e60b1ed49a3d553625609bbaf4a2a.png

The client:

Kurrat Terrassendächer (which translates to "Kurrat Terrace Roofs") is a dealer from germany that is specialized in building custom made terrace roofings, awnings and solar protection.

The goal:

The customer had a old website that was used as a basis for the new design. The new website should offer a more "catalogue-like" look with lots of information for the customer. Fortunately the client had access to high quality images of the products that really make the whole website shine.

The page features three main categories:

1. Terrace Roofs
3. Solar Protection
3. Winter Gardens

Each category subpage is made of modular content blocks:

image.thumb.png.ecba3e2fcf93913cc996ae998c30ee37.png

The user is able to make custom page layouts using these blocks directly in the frontend.

With the RockPageBuilder module it is super fun an super straight forward to work with these content blocks. If you don't know this module yet I highly recommend to check it out! If you like the RepaterMatrix you will love this module. It is far superior IMHO!

 

Inserting a content block looks like this:

image.gif.9fd31994e710cfdf7600352dc869de31.gif

 

It is also possible to edit content on-the-fly in the frontend:

image.gif.8efac8379f887a7a1bf38afaeb0ef79e.gif

 

As with the RepeaterMatrix each content block an also be added end edited in the backend of the page:

image.thumb.png.d2285e7e621281608cc48d437f3d8e01.png

Here you see the list of content blocks used on the home page. To edit a block, just click on it and you can edit it just like using the RepaterMatrix.

image.thumb.png.74a5a23b7bc09d39c4294fc246b99623.png

 

 

Screenshots from the website:

image.thumb.png.d24538480256ee087500e64aa22ce9ed.pngimage.thumb.png.512716a30a502d719ed0a163584e0133.png

 

image.thumb.png.087d95cdb6db5a61d867957255004577.pngimage.thumb.png.76e29c060e3a364c9591edf5bf8b3806.png

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

image.thumb.png.3e9cf59ceb444aa016a5d337374d79ca.png

image.thumb.png.57f7444c742112b76a01a8e5c26a5181.png

 

 

 

 

 

 

 

 

 

 

 

 

Modules used for this page:

- RockFrontend (for asset bundling, minifying, etc.)
- RockPageBuilder (instead of RepeaterMatrix! For building and editing all content in the frontend)
- WireMailSMTP
- PageImageSource (for creating webp image variations)
- PrivacyWire (for cookie consent banner)
- SEO Maestro
- Redirects

The frontend framework is UIKit

  • Like 11
  • Thanks 2
Link to comment
Share on other sites

  • 1 month later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...