Webshop
Webshop link: https://xd.adobe.com/view/c6038be9-75df-49d9-9494-4afe6386e707-9350/
Original website link: https://www.autismekracht.com/
During the first co-design session, it became clear that the AutismeKRACHT website should be updated to include an automated webshop. The way the webshop works as of now is outdated and causes a lot of work that can easily be automated to save time and reduce stress. With this, the entire website can use an update in order to match the more modern webshop. The content of the original website should be the same, it only needs to be restricted and updated to be more attractive and clear.
Analysis
The first stage in the design process is analyzing the original website. The original website of AutismeKRACHT is a simple website with only two colors: green and white. The starting page starts with a short introduction. When scrolling down, the KrachtPlanner shows up with the option to order it. Underneath the KrachtPlanner, the services of AutismeKRACHT are displayed: coaching, group sessions and presentations. Below the options are some experiences stated of (former) clients. Underneath the experiences, some links to articles are stated. The last things on the start page are links to external references that might help the target group of AutismeKRACHT.
These subjects all have their own page in the website. Mostly black type with a white background and green contours. The KrachtPlanner page has some photos of the KrachtPlanner on it.
These pages need to be restructured to be more attractive and readable.
Structuring the new concept
After analyzing, the pages of the original website first have to be restructured. For some pages on the original website, the same page had multiple names. For example: The page “presentaties” had also another name called “lezingen”. This could be confusing for the visitor of the website. Also there are only a few paths to navigate. There is no option to navigate to all pages possible. This makes the website feel like a maze where one might get lost.
The new concept should contain a clear structure, and with that, a clear way of navigation. This is done by stating the main categories on the top bar, and by stating all the pages in the bottom bar of each page.