Website Design & Branding

Website Design, Logo & Branding

As she's a sustainability consultant she  wanted a clean, minimalist website that expressed professionalism and a green mindset.

The logo is based on a Brazilian monsterra leaf, a lightbulb signifying innovation ideas, and the spiral leading to these ideas her capacity for problem-solving

Heineken HR Website

HR at Corporate Office wanted to set up a website to inform and support employees on HR matters. My colleague, who worked as a HR specialist, sought my support to assist in the creation of visual materials and launch of the website.

This included creating and reviewing pages, and supplying visual materials (video's and images). These activities were done besides my routine tasks as Intern HR Business Partner.

Heineken Sharepoint Website Design

Department site

Employees complained that the site looked dated and was not user-friendly. Navigating to find info was difficult. Also there was no HR or learning platform for people to access. 

Seeking to solve these problems I got familiarised with creating, designing, and testing the site with users by building a new homepage, HR, and Learning pages.

The colours were based on both the HEINEKEN green, and the BASE department colours (red, green, blue, yellow, and light grey).

Design Thinking Process

1. Empathise

Meetings were organised with the Learning & Training Lead, HR manager, Recruiter for HR website, and for the BASE departmental website also including these stakeholders, and in addition the Project Management Officer (PMO) to the director and the PMO of the BASE department. Collaboration and business productivity consultant. As the HR manager explained that the HR website had to be created asap (the BASE department was stopping so they needed recruitment advice and quickly needed to recruitment people for those leaving) there was no time to extensively test before the first prototype.

2. Define

As the old Sharepoint version was used, the site looked very dated and was not user-friendly. There was no HR or learning platform people could access. From the homepage it was not clear how to navigate and what BASE was for the target group perhaps looking to apply for jobs.

3. Ideate

First I did a brainstorm on my own, hereby taking feasibility and impact in account. Hereafter I discussed these ideas with all parties involved to see if they had other ideas to add or ideas to discount. This resulted in ways to improve navigation (one clear 'hero' blok, return buttons at the bottom of each page) and user-friendliness (the modern Sharepoint version which had much more friendly usability for both the user and creator).

4. Prototype

I created images of what the site could look like, aswell as noting down what interaction would take place. Also, I made an overview of the build-up of the homepages and subpages. After feedbacck, a second prototype was made in the form of an actual website (which did not yet replace the original site).

5. Test 

The prototype was tested with all stakeholders mentioned in 1. Within these meetings, participants were able to click around in the prototype to test usability. Once set-up and published, a survey was put in place where feedback could be given in terms of navigation, design, and other comments the user wanted to mention.

A click away from digital designs

© 2020 Iris Brugman - Digital learning, Design & Branding. All rights reserved.

This site was tested by my mentors

Valentina Salvi - Senior Service Designer, Niamh Harman - Creative Director, & Nadieh van Uden - Senior UX Designer


The Netherlands