My role as the company's UX designer is to create a website that has a great UX that takes care of accessibility and is easy to use.
How would you like the company's website to be?
On the choice of layout, font types, coloursand what is missing!
"What makes a good online portfolio?"
"How international architectural firms do it?"
How projects are arranged in a gallery manner.
The site's navigation.
The amount of time scrolling and searching for a particular project.
Levels of interaction. (for our case, the simpler the interfaces are, the better!).
One of the most user-friendly websites found, the endless scrolling effort user interface wins. However the black background is too much of a contrast to the photographs.
Like an editorial website, it features images of completed buildings, articles, process, sketches, construction – evokes the sense of diverging creative design process. However, the off-grid layout of images make the website look untidy!
This website stood out. By the choice of images which features the colours and integrity of structural elements, daringly used solid colors to highlight key buttons - professionally playful! A well-put together website.
Clean edges , clean font. Entire website doesn’t scream at your face. The animated homepage– shadows, streetscapes, change of angles
Organized by types of projects helps the users to navigate around easily.
The entire website flows harmoniously smooth and it is …so serene. It’s subtle designs allow images and drawings to speak for itself.
Love how the main image is located next to the drawing itself.
The underlying principle in great website structure is Information Architecture (IA).
IA ensures that content is organized, structured, and labeled effectively and consistently.
Throughout the process, we had undergone multiple re-selection of the best projects to be featured on the website.
Here is a visual representation of the website's IA, Information Architecture!
This project challenged me to think as a potential client, web developer and the architects.
I also learned to communicate with the web developers through sketches and web-design terminologies.
With the completed product, we launched the new website.
We visualize the website to be more interactive by having a "search" feature.
As the company grows and expands their portfolio, this allows users to search a project by the name.