Case study

Kindvak.nl redesign

My role

UX/UI
Wordpress development

Client

Decoriginals

Year

2020 / 2021

KindVak website has been in use for a very long time and has contributed too a lot of goals that KindVak set over the years. In 2020 it was decided that the website could be improved. They ran into limitations in design, marketing and the CMS was seriously outdated.

Together we embarked on the process of redesigning KindVak online. This based on the existing content. To do this, we went through five phases so that the new website made use of all that was still relevant from the old website and to arrive at a website that is completely up to date and stands on a strong foundation. The ease of use for the visitor as well as for the backend user was paramount.

The phases completed for this project:

Hierarchy
Wireframe (low fidelity)
Corporate identity
Prototype (high fidelity)
WordPress development

1. Hierarchy

At this stage, the original website was dissected. What was the hierarchy? What can we still use in an improved version and what should we leave behind? In addition, this phase gave a great opportunity to look at the content and whether this was still useable. Which resulted in an improved information architecture.

2. Wireframe (low fidelity)

After the renewed hierarchy and content layout was approved, it was time to create the wireframes to get a better feel for the use of content at page level. In this phase we really looked at the traffic and behaviour on the old site and used this to our advantage.

3. Corporate identity

The client had some doubts if the corporate identity could still represent KindVak with all of her new ambitions. KODW reinvented the corporate identity so it would give KindVak the new and improved feeling but never let it lose the recognizability it has built up in the last 25 years.

4. Prototype (high fidelity)

Now we had arrived at the stage where everything came together. The new layout of the pages based on the new elements, enriched with a better use of the corporate identity.

The whole thing also came to life because interaction of sliders, buttons, forms, micro animations etc. was included in the prototype. This always gives a much more real feeling of how the actual website will look and feel.

5. WordPress development

In the final phase, the prototype was converted to a wordpress website. In this phase, the greatest priority was to organise the various information flows in the backend in a way the editorial team benefited from its efficiency.

Client TESTIMONIAL

For the restyling of KindVak.nl I approached Koen from KODW. He had been involved in the maintenance of the old site for some time, so he knew the site like no other. In addition, as a small company, I prefer to work with fellow SMEs rather than large (unwieldy) organizations.

And I did not regret it for a second. After the initial briefing and planning, Koen got to work and his first set-up was an immediate hit. The agreement was that we would fill a lot of the content ourselves. Since my experience with WordPress was limited, I also called and emailed Koen a lot during this part of the process, but no question was too crazy for Koen.

What I also really liked was his clear communication about what was and what was not included in the agreement. This resulted in no surprises afterwards.

Our wish was a fresh, easy to navigate site to which we can simply add pages and content. The set-up on the backend had to be simple enough so that an intern can also use it. We certainly achieved that result. And may I add, within time and budget. KindVak is up to date and ready for a fresh start. This turned out to be a great collaboration!

Gerbrig Reitsma

Organizer / exhibition manager KindVak - ConExpo