Website Audit Re-design

Year

May '21 - Apr '21

Project

Design Management Course Project

Tools

Photoshop, Figma

In this Design Management course, we were tasked with conducting a design audit and revamping the National University of Sciences and Technology (NUST) website. The main deliverable was to improve the UI and layout of the existing design. My goal was to enhance its approachability and user-friendliness by incorporating modern and trendy design elements.


Since this was my first UI design assignment, I've identified opportunities for refinement in the existing design. I've detailed these potential enhancements in the "Further Improvements" section.

Website Audit Re-design

Year

2021

Project

Design Management Course Project

Tools

Photoshop, Figma

In this Design Management course, we were tasked with conducting a design audit and revamping the National University of Sciences and Technology (NUST) website. The main deliverable was to improve the UI and layout of the existing design. My goal was to enhance its approachability and user-friendliness by incorporating modern and trendy design elements.


Since this was my first UI design assignment, I've identified opportunities for refinement in the existing design. I've detailed these potential enhancements in the "Further Improvements" section.

Website Audit Re-design

Year

May '21 - Apr '21

Project

Design Management Course Project

Tools

Photoshop, Figma

In this Design Management course, we were tasked with conducting a design audit and revamping the National University of Sciences and Technology (NUST) website. The main deliverable was to improve the UI and layout of the existing design. My goal was to enhance its approachability and user-friendliness by incorporating modern and trendy design elements.


Since this was my first UI design assignment, I've identified opportunities for refinement in the existing design. I've detailed these potential enhancements in the "Further Improvements" section.

Old Design

The previous website design lacked any distinctive features, failing to differentiate itself from competitors and providing little incentive for users to delve deeper, given its uninspiring layout and haphazard use of design elements. The lack of proper alignment and the text extending beyond designated boxes further contributed to its unappealing aesthetics. Additionally, the excess information can cause cognitive overload for users, potentially resulting in a poor user experience.

Old Design

The previous website design lacked any distinctive features, failing to differentiate itself from competitors and providing little incentive for users to delve deeper, given its uninspiring layout and haphazard use of design elements. The lack of proper alignment and the text extending beyond designated boxes further contributed to its unappealing aesthetics. Additionally, the excess information can cause cognitive overload for users, potentially resulting in a poor user experience.

Branding

Design Changes

Text needs to be minimal. More use of photos, infographics and other visual elements.

Website has basic interface, does not stand out from competitors.

Negative space needs to be implemented.

Moodboard

Moodboard

New Design

I focused on using frosted frames, bold typography and gradients as these elements are on trend right now, making the interface stand out from its competitors.

Future Improvements

As my first UI design assignment, I recognize numerous areas for enhancement, particularly now that I am doing my masters. To bolster the accessibility of the new design, I plan to heighten the contrast of certain elements for improved visibility. Additionally, I aim to refine the appearance of clickable items, ensuring they distinctly resemble buttons to afford a clearer call to action. Simplifying the background in specific sections is also a consideration to enhance readability and create a more user-friendly interface.

Let's connect!

aleenaq@umich.edu

© Copyright 2023. All Rights Reserved.

Made by

Aleena Qaiser

© Copyright 2023. All Rights Reserved.

Made by

Aleena Qaiser

© Copyright 2023. All Rights Reserved.

Made by

Aleena Qaiser