Jump to content
Sign in to follow this  

Portfolio Website for a german office furniture & interior design studio

Recommended Posts

Hey guys, another green website from the processwire beginners based near munich. This website is our first REAL PW project - and (for us) one of the biggest sites we‘ve ever built. And actually the first one with a CMS/framework that we did totally on our own. So, don‘t be too negative - but don‘t be too positive either. ;)


There are still many things that are not perfect yet, but since we started to design this website in 2011, it really was time to get it "into the wild" now! Many furniture manufacturers still haven‘t sent their best product images, so that is why there are still some lowres images in there. The project chapter needs some work on the photos as well, but that time will come... 

The site is not responsive yet, because it wasn‘t our main goal in 2011 - so we only wanted to get it working on tablets and phones, but without any special mobile styles. This will come, but that may take a while.

The modules we used:

- formbuilder

- procache

- redirects

- versioncontrol

- sitemapxml

I‘m totally glad I found processwire a few months ago, because at first we planned to get that site done with pure static html. Which would not be TOO nice with about 80 html pages and many, many images (about 400).

Finally a few "thank you"s to ryan, soma, diogo (for creating processwire and your help in this lovely forum) and to mademyday (for posting this on twitter, which made me read about processwire).

Comments are welcome! Of course!

  • Like 10

Share this post

Link to post
Share on other sites

Love it Georgson.

It looks immediately professional, I love the type and my favourite part, definitely the navigation!

Great job :)

  • Like 2

Share this post

Link to post
Share on other sites

Hello Georgson,

looks really great, very fast, displays nearly immediately on my asus transformer pad. i also like the professional clean look and the right sidebar with navigation and summary.

could you tell us how you did all in processwire?

one thing i noticed: the shadow right to the main navigation is too high when the main is too small.

  • Like 1

Share this post

Link to post
Share on other sites

Thanks, guys. Good to know it loads fast - despite the fact that our provider is strato... ;)

The shadow: yeah, I know. We decided to let it be that way. The CSS problems with the relative heights were just too annoying - we had other things to work on. And the general impression feels OK - even with that looooong shadow. ;)

What do you wanna know about PW? Just one general thing: every project and every manufacturer has its own page, also the team members have their own pages (but are only displayed on the team page). All the fields are normal text and imagefields, nothing fancy (compared to other showcase sites in here!).

Share this post

Link to post
Share on other sites

The theme and layout setup is very nice with a very soothing color which is bright and not too focusing. I really like the way you guys have done it. Goog job.

  • Like 1

Share this post

Link to post
Share on other sites

Very nice site! Chapeau, as we say in Switzerland ("hats off").

I especially like the thought-out cross-linking / navigation elements.

The bright green + grey texts could be a touch darker, imho (contrast). But that's nitpicking...

Content-wise, maybe someone needs to go through the entire site and do some proofreading?


Did Michaela Sell recently marry? Her name on the team-pic is Michaela Krug, not Sell :-)

"Individuelle Neugestaltung einer Gewerbefläche in einem  Zweifamilienhauses mit einem Empfangsbereich"

  • Like 1

Share this post

Link to post
Share on other sites

Thanks, guys.

@dragan: Yeah, thanks. Ms Sell is now married - do you know her? ;) We simply forgot to change the pic, right. Will be done tomorrow. 

Proofreading would be cool, yes - but you don’t wanna know how many hours we’ve already spent on this project. ;) So no proofreading from us in the near future. We will keep correcting typos as we find them. Therefor many thanks for your reply!

  • Like 1

Share this post

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
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

  • Similar Content

    • By MateThemes
      Hello everyone!
      I am working with Processwire since some time. But some topics are quite hard for me.
      I have a Portfolio (Gallery) Page.
      I am build a template with Portfolio Index and pages with portfolio entries.
      Portfolio Index
      -- Portfolio Entry
      -- Portfolio Entry
      and so on.
      Portfolio Entry has an Image field with max 12 images and are accessible Templates. 
      Now I want to display the single Portfolio Entry on the Portfolio Index and Paginate them. In the index page all images of a single Entry page should be displayed (I should not be organized as albums, where a random image of the portfolio entry should be displayed). 
      I have no clue to achieve this. May someone could give me an advice.
      Thank you in advance!
    • By Mats
    • By schwarzdesign
      We recently finished a relaunch of  the website of the consulting firm Engfer Consulting: engfer-consulting.de. Built with ProcessWire 3 and Bootstrap 4.
      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.

    • By benbyf
      Not new, but a website I've worked on for a year or so in continous development.
      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.

    • By FrancisChung
      Does anyone here a personal portfolio site or a personal website that I can draw some inspiration from?
      I need to knock one up with minimal effort.
      I was wondering if there's any commercially available themes or solutions I can leverage?
      I looked at something called Gitshowcase but it didn't quite output what I needed, as it seems to have a very limited biography section.
  • Create New...