Adaptive Website Design | UI/UX Design

Greenside Design Center Website Re-design

Introduction

A good website has to have a good, simple, and a consistent design. With this project I redesigned Greenside Design Center’s website, I did limit myself to three pages: the landing page, a course page and the registration page.

I am also redesigning the website for mobile(small), tablet(medium) and computer monitor(large)

The reason for this project is to improve my knowledge of UI/UX design and learning how to make an adaptive web design. I also learned more about information architecture with this project and how to use the principles of information architecture to improve the users experience. This project also helped me understand how good it is to make a simple design that everyone can understand.

The problem that exists, on Greenside Design Center, there are a multitude of problems with the UI/UX, the Information Architecture, the consistency with their placement and Colour. With this project I want to solve those issues by creating a more simplistic website.

The process

Before redesigning anything, we have to look at what we have.

-This requires Site map and a User flow chart: This gives perspective on what there is and also what can be added and changed

-Card sorting and questionnaires:

Before doing a redesign, user feedback and input is important, its the basis of UI/UX design

-Redesigned Site map and User flow:

With the user input we can make a new and site map and a user flow chart

-User personas:

The user persona is there to understand the target audience

-Style Tile:

This shows the style that the website will follow

-Behind the scenes

Here I am showing some steps in the background

Sitemaps and User Flow Chart

Card sorting and Questionnaires

For this project I did card sorting with potential users. I asked them to sort the cards that was provided to the category that it would fit in. I also asked them a few questions that helped with the design process.