Jump to content

Recommended Posts

We recently finished a relaunch of  the website of the consulting firm Engfer Consulting: engfer-consulting.de. Built with ProcessWire 3 and Bootstrap 4.

Features

  • Bilingual website (UPDATE: The English page is now available! the English page is inactive at the moment, as the content is not ready yet)
  • A strong, simple data structure for job offers and news, allowing for a custom search page and fulltext search
  • Sectioned content-blocks built with a Repeater Matrix (ProFields)
  • Reusable components available as page reference fields
  • Automatic generation of open graph-tags, with manual overrides available on each page
  • Contact forms with a custom recipient depending on the current page

Modules used:

  • ProFields
  • ProForms
  • Sitemap
  • Cookie Management Banner
  • Duplicator
  • Tracy Debugger
  • Wire Mail SMTP
  • Admin Links in FrontEnd

Technical insights

Most of the content is built using a Repeater Matrix field. Each section has an optional heading and a select-field for background colors. Some of the sections available include:

  • Text blocks (a repeater-field for multi-column text)
  • Feeds / listing of the latest job offers or news (with a field to control the number of entries shown)
  • Displaying a team member or quote (selected through a page reference field)
  • Downloadable files (a multivalue field for file uploads)

Those sections can be combined and stringed together arbitrarily, so any number of page templates showing different contents can be built. The job offers template, in contrast, features fixed fields for taxonomy assignment, description, contact person, preview image and so on, making the job offer pages uniform and easily accesible.

The (technically) most interesting part of the site is the job overview page, which contains custom filters that are automatically generated from the available taxonomy terms.

The stylesheets are written in SASS, built with Bootstrap 4. Only the base and grid SASS files of Bootstrap are included, along with the Bootstrap components that we ended up using. Using Bootstrap 4 as a framework in this way makes development & styling blazingly fast, once all the utility classes are commited to muscle memory ...

> Our Agency.

Screenshots

engfer_consulting_screenshots_4.png

engfer_consulting_screenshots_6.png

engfer_consulting_screenshots_9.png

engfer_consulting_screenshots_11.png

engfer_consulting_screenshots_12.png

engfer_consulting_screenshots_13.png

engfer_consulting_screenshots_14.png

engfer_consulting_screenshots_16.png

engfer_consulting_screenshots_17.png

  • Like 12
Link to post
Share on other sites
33 minutes ago, dragan said:

Congrats, that's a really fine site. I'm amazed how fast it is, even without ProCache or AIOM. But hey, it's ProcessWire 🙂

Thanks 🙂 Yeah we are really happy with the speed, despite using using 'only' the normal page cache ... I was planning to utilize caching for some of the overview pages (those pull in data from several other pages), but it wasn't even necessary in the end, definitely a pro for ProcessWire.

Link to post
Share on other sites

Very nice site and well done write up with good insights! 👍

Also nice to see, that someone other, besides me, is using Admin Links In Frontend these days. 🙂

  • Thanks 1
Link to post
Share on other sites
On 8/16/2018 at 7:13 PM, horst said:

Very nice site and well done write up with good insights! 👍

Also nice to see, that someone other, besides me, is using Admin Links In Frontend these days. 🙂

#metoo 😉

@schwarzdesign really straight and nice website!

  • Like 1
  • Thanks 1
Link to post
Share on other sites

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
  • Recently Browsing   0 members

    No registered users viewing this page.

  • Similar Content

    • By Markus Thomas
      One of my first projects with ProcessWire.
      Online for a while, but still up to date and currently new features are being developed again.
      The most interesting feature of the site is the integration of the external tool and the PDF creation of the registration form with integrated API connection to always be able to directly output the most current dates.
       
      External Service:
      SEMCO ( https://www.semcosoft.com/de/ )
      Used Modules:
      HannahCode Pages2PDF AIOM+ MarkupSitemap XML and some others In Development:
      Shop with Padloper Site: https://www.school-dynamic.de/
      At this point I like to say Processwire makes it so easy for me to solve even more complicated tasks and get impressive results. Because I must confess, my PHP skills are unfortunately not yet where I would like to be.  

    • By Markus Thomas
      My wife loves to cook, and I always like to further my knowledge around Processwire. So I thought I'll build a small page with the some small function to learn something.
      Used modules:
      ProMailer RepeaterMatrix Pages2PDF AIOM and some other litte modules Current functions:
      JSON-LD for recipes and page search Automatic ingredient calculation when changing the number of servings Creation of a PDF of the recipe Basic PWA (here is something to do, actually) Planned functions:
      a lot 😉  
      Site: https://www.dothiscookingthing.de

    • By benbyf
      https://www.tandc.games/
      New website for my games design company. We're currently working on Grace Hopper: Bug Rescue about computer science history, check it out and let me know if you have any suggestions for historic characters or topics/hardware.
      Built with PW, and is heavy built upon my other website https://www.ethicalby.design/ basically taking it as a base and building on it.

    • By Gosling
      Hi All,
      Our new agency has started using PW for a couple of client projects. We are looking for a good all round developer(s) that also can do some front end HTML styling as needed, although 99% of the time that will be provided.
      We have two projects that need immediate work, and then likely will have ongoing needs, so looking to build a good relationship with one or two devs.
      You can read more about our agency here: https://www.gosling.media
      If interested, please submit the form here: http://gds.li/jobs
      Thanks!
       
    • By benbyf
      Not new, but a website I've worked on for a year or so in continous development.
      http://supercarownerscircle.com/
      I originally inherited the site from another web design company - upgraded PW and over the year added ecommerce using the Stripe module and a custom integration, revamped the frontend and added lots of new templates.
      Also did some frontend work on the shopify shop.

       
       
×
×
  • Create New...