Author Topic: New website for housing corporation  (Read 1273 times)

Offline CodeALot

  • Posts: 488
  • Gender: Male
New website for housing corporation
« on: March 06, 2020, 02:46:30 PM »
Van Alckmaer is the oldest housing corporation in Alkmaar, the Netherlands. They recently moved into their brand new office building and were in need of a new website as well.

This WebsiteBaker 2.12 website was built using (among many other things) no less than 14 different instances of the OneForAll module, all customized and set up differently to do what they should do.

99% of all images is handled by SLIR to crop and resize them to fit the layout they need to be shown in. Special challenge was the "triangle cut-out" in the lower right corner of many images; you can do that in CSS3 with a clip-path but... Microsoft Edge does not understand that  :x :x so I had to find a very creative way to process every image "on the fly", not only by SLIR but by adding the triangle-overlay in the right place as well.

Overall the website relies heavily on the search-engine of WB. The client did not want a big and confusing menu-system. Instead, they ask the visitor "How can we help you?" ("Waar kunnen we u mee helpen?") - The search engine of WB will search and find any information, whether it is in a WYSIWYG or OFA-section. Because every OFA-module is set up with detail pages, the visitor is presented with the actual record immediately, instead of being thrown into the list of records in an overview. A back-link will then take the visitor to the "mother-page" of the related OFA module.

  • Sliding panels are handled by BXSlider
  • Accordion-panels are done with plain (but restyled) JQuery-UI
  • Animations (see homepage) done with WOW in combination with animate.css
  • Special thanks to Ruud for his CookiePermission, MiniForm, MiniPopup, ShortURL, Google Sitemap, SectionPicker, GlobalBlocks, SocialBaker and for just being a great guy never hesitating to help.

Website can be found at https://www.vanalckmaer.nl



Google Translation:  :lol: :lol:

Van Alckmaer ist die älteste Wohnungsbaugesellsc haft in Alkmaar, Niederlande. Sie sind kürzlich in ihr brandneues Bürogebäude umgezogen und brauchten auch eine neue Website.

Diese WebsiteBaker 2.12-Website wurde (unter anderem) mit nicht weniger als 14 verschiedenen Instanzen des OneForAll-Moduls erstellt, die alle angepasst und unterschiedlich eingerichtet wurden, um das zu tun, was sie tun sollten.

99% aller Bilder werden von SLIR verarbeitet, um sie zuzuschneiden und an das Layout anzupassen, in dem sie angezeigt werden sollen. Eine besondere Herausforderung war der "Dreiecksausschnitt" in der unteren rechten Ecke vieler Bilder. Sie können dies in CSS3 mit einem Clip-Pfad tun, aber ... Microsoft Edge versteht das nicht: x: x, also musste ich einen sehr kreativen Weg finden, um jedes Bild "on the fly" zu verarbeiten, nicht nur von SLIR, sondern auch von Fügen Sie das Dreieck-Overlay ebenfalls an der richtigen Stelle hinzu.

Insgesamt stützt sich die Website stark auf die Suchmaschine von WB. Der Kunde wollte kein großes und verwirrendes Menüsystem. Stattdessen fragen sie den Besucher: "Wie können wir Ihnen helfen?" ("Waar kunnen we u mee helpen?") - Die Suchmaschine von WB sucht und findet alle Informationen, egal ob in einem WYSIWYG- oder OFA-Bereich. Da jedes OFA-Modul mit Detailseiten eingerichtet ist, wird dem Besucher sofort der aktuelle Datensatz angezeigt, anstatt in die Liste der Datensätze in einer Übersicht aufgenommen zu werden. Ein Backlink führt den Besucher dann zur "Mutterseite" des zugehörigen OFA-Moduls.

Schiebetafeln werden von BXSlider gehandhabt
Akkordeon-Panels werden mit einer einfachen (aber neu gestalteten) JQuery-UI erstellt
Animationen (siehe Homepage) mit WOW in Kombination mit animate.css
Besonderer Dank geht an Ruud für seine CookiePermission, MiniForm, MiniPopup, ShortURL, Google Sitemap, SectionPicker, GlobalBlocks, SocialBaker und dafür, dass er einfach ein großartiger Kerl ist, der nie zögert zu helfen.


Offline dbs

  • Betatester
  • **
  • Posts: 8327
  • Gender: Male
  • tioz4ever
    • WebsiteBaker - jQuery-Plugins - Module - Droplets - Tests
Re: New website for housing corporation
« Reply #1 on: March 06, 2020, 03:49:23 PM »
Looks nice, well done.  (Y)
On startpage in the 3 .hometrio boxes, why are the a:hover so greeeen? is that what you wanted?

Offline CodeALot

  • Posts: 488
  • Gender: Male
Re: New website for housing corporation
« Reply #2 on: March 06, 2020, 04:34:11 PM »
Hi dbs, thank you!

Yes that rather "signally" green was the explicit wish of the client.

Offline crnogorac081

  • Posts: 1943
  • Gender: Male
Re: New website for housing corporation
« Reply #3 on: March 07, 2020, 09:02:07 AM »
Wonderfull, i like it
UI / UX Designer

Offline hgs

  • Betatester
  • **
  • Posts: 1250
    • EFG MG
Re: New website for housing corporation
« Reply #4 on: March 07, 2020, 10:16:51 AM »
 (Y) Good work with a great CMS.

Is the template maybe something for our new template page?
https://template.WebsiteBaker.org/
LG Harald

"Fange nie an, aufzuhören - höre nie auf, anzufangen." Marcus Tullius Cicero (106-43 v.Chr.)

Offline CodeALot

  • Posts: 488
  • Gender: Male
Re: New website for housing corporation
« Reply #5 on: March 08, 2020, 02:34:28 PM »
(Y) Good work with a great CMS.

Is the template maybe something for our new template page?
https://template.WebsiteBaker.org/

It would be if the design was mine, but it isn't, sorry. 

 

postern-length