To view the slideshow of the project - press the large image.
Design Thinking Process
Before I visited the clients, I already know which product they requested, and they had already given the design a lot of thought because they are all architects.
I visited the architects in their office to gain empathy, and insights, to better understand their needs for a new website.
They showed me designs, websites and photo galleries they liked.
I listened to their requirements and interviewed all the employees in the office. I asked them what they requested from a new website.
They did not have an exciting website.
POV (Point of view)
To design and code a well-structured, easy and stylish website showing over 50 of their building projects.
- they requested dark colours in the background to present their projects more clearly
- they requested roll over on all images without slowing the site
- the "the golden section" should be integrated into the design
- the design should be pixel perfect to fit the lines in the "the golden section"
- they wanted a hand-coded site to make the design exactly the same on each page
- create another Flash gallery to show images in another way
- found several examples on image galleries.
- consulted the client again to get feedback
Prototyping and Build-to-think
- I coded one example of a CSS image gallery with their own images
- I coded the frontpage and a basic page design, to get user feedback
- used left-side clickable, fold-out menu, to have a better overview of the projects
- made information architecture
Colors, angles of lines, image size, background colours, and font - family, colour, size, weight and position was carefully described
The employee galley was the same size, distance, and fonts.
Refining the website, coding the design and CSS image galleries, over 50 pages.
This was an iterative process, and I changed the designs, angels, position, colours and functionality until the client was satisfied.
The Flash image gallery was made using SWISH software.
A website - made before responsive websites was made.
The site is still in use. Visit the website - > www.ho-ark.dk
Note: I enjoyed working with the different styles of designs, colours, shapes, and getting the look and feel as the client requested.
It was important for me to design a user-friendly website, which is easy to use.
Techniques. UX Design, UI Design, Information Architect, Usability, User Research, Wireframing, Interviews, Prototyping, graphical work, and coding.