Relaunch: w2-ingenieure.de

[Stefanowitsch]

Here's another website that i recently made that I would like to share with the community:

https://www.w2-ingenieure.de/

W² Ingenieure (which is german and translates to "W² Engineers") is a small office that offers that develops, modernizes, and optimizes living and working spaces in Germany like: Schleswig-Holstein, Hamburg, and Lower Saxony. Whether for private households, commercial enterprises, public institutions, or industrial plants – they plan and implement customized solutions for even the most complex requirements.

This project is a redesign of an existing website. While the old website had plenty of good content, there were multiple flaws in the design (especially the mobile version of the website) so my main task was not to make a from-the-ground-new-concept but to give it a better, functional and more polished look based on the CI.

As we are talking about an engineering company that offers planning for the construction industry the look of the site hat to be sleek, clean, somehow modern and overall "serious". We are not talking about a design-agency website here. 

Tech Talk:

- UiKit as frontend framework
- RockPageBuilder for content creation and editing
- TextformatterRockDown to enable headline formatting
- RockFrontend for Ajax Endpoints (used in form submissions)
- RockDevTools for Asset Management and Minification
- SEO Maestro for SEO meta data
- PageImageSource for webp image creation
- FileMover as a workaround for a global media management solution
- WiremailSMTP to handle form submissions

So here it is:

The website consists of several page templates, including:

- Homepage
- Content Page
- Project Page
- Job Page
- etc.

The Homepage and Content Page templates can be populated with pre-defined content-blocks via @bernhards RockPageBuilder. This is straight-forward and easy-to use. The user can chose between multiple content elements and place those elements in any order they want:

For Example we have:

- Textfields
- Teaser in multiple variants
- Description Lists
- Hero Title Image Sections
- etc.

 

Once added the content can be edited directly in the frontend or inside a convenient popup window (or from the backend page edit view of course).

 

Other templates like the Project Page offer a more strict, predefined, layout to achieve a uniform look throughout any project page that is crated. These type of pages can be populated from the backend more easily:

 

I have to keep my attachment file list small, so please have a look on this site for yourself and don't hesitate to ask any questions if you would like to know more about the tech in the background.

Have a great week!

Stefan