Revamping KNUST's Login and Homepage Experience
Contribution
UI Design
Developer
Gabriel Selorm Tamakloe
Year
2023
Login Page
Login Page
Login Page
Login Page
Login Page
PROBLEM [ONE]
The current design doesn't really show off the true spirit of the brand. It looks a bit dull and doesn't represent the lively green and yellow colors that define KNUST.
The current design doesn't really show off the true spirit of the brand. It looks a bit dull and doesn't represent the lively green and yellow colors that define KNUST.
The current design doesn't really show off the true spirit of the brand. It looks a bit dull and doesn't represent the lively green and yellow colors that define KNUST.
The current design doesn't really show off the true spirit of the brand. It looks a bit dull and doesn't represent the lively green and yellow colors that define KNUST.
The current design doesn't really show off the true spirit of the brand. It looks a bit dull and doesn't represent the lively green and yellow colors that define KNUST.
PROBLEM [TWO]
Apart from how it looks, there are problems with how errors are dealt with and how students move around on the site, making it harder for them to use.
Apart from how it looks, there are problems with how errors are dealt with and how students move around on the site, making it harder for them to use.
Apart from how it looks, there are problems with how errors are dealt with and how students move around on the site, making it harder for them to use.
Apart from how it looks, there are problems with how errors are dealt with and how students move around on the site, making it harder for them to use.
Apart from how it looks, there are problems with how errors are dealt with and how students move around on the site, making it harder for them to use.
SOLUTION
The main focus is to make logging in super easy and smooth for students
The main focus is to make logging in super easy and smooth for students
The main focus is to make logging in super easy and smooth for students
The main focus is to make logging in super easy and smooth for students
Using the brand's colors in the redesign not only makes it look great but also helps address issues with how errors are handled and how people navigate through the website.
Using the brand's colors in the redesign not only makes it look great but also helps address issues with how errors are handled and how people navigate through the website.
Using the brand's colors in the redesign not only makes it look great but also helps address issues with how errors are handled and how people navigate through the website.
Using the brand's colors in the redesign not only makes it look great but also helps address issues with how errors are handled and how people navigate through the website.
Forgot Password
Forgot Password
Forgot Password
Forgot Password
Forgot Password
PROBLEM
This particular experience has often been overlooked as a secondary concern, leading to inconsistent branding and suboptimal navigation.
This particular experience has often been overlooked as a secondary concern, leading to inconsistent branding and suboptimal navigation.
This particular experience has often been overlooked as a secondary concern, leading to inconsistent branding and suboptimal navigation.
This particular experience has often been overlooked as a secondary concern, leading to inconsistent branding and suboptimal navigation.
The brand's colors also appear to be missing in action, further diluting the overall impact of the experience.
The brand's colors also appear to be missing in action, further diluting the overall impact of the experience.
The brand's colors also appear to be missing in action, further diluting the overall impact of the experience.
The brand's colors also appear to be missing in action, further diluting the overall impact of the experience.
SOLUTION
Undertook a strategic redesign of the interface, giving extra importance to the brand's colors and layout to ensure everything looks consistent.
Undertook a strategic redesign of the interface, giving extra importance to the brand's colors and layout to ensure everything looks consistent.
Undertook a strategic redesign of the interface, giving extra importance to the brand's colors and layout to ensure everything looks consistent.
Undertook a strategic redesign of the interface, giving extra importance to the brand's colors and layout to ensure everything looks consistent.
The main aim is to provide a super smooth experience that leaves a lasting impression on the user.
The main aim is to provide a super smooth experience that leaves a lasting impression on the user.
The main aim is to provide a super smooth experience that leaves a lasting impression on the user.
The main aim is to provide a super smooth experience that leaves a lasting impression on the user.
Homepage [Dashboard]
Homepage [Dashboard]
Homepage [Dashboard]
Homepage [Dashboard]
Homepage [Dashboard]
PROBLEM
Looking at the current homepage was tough because it's cluttered and has too many unnecessary navigation parts.
Looking at the current homepage was tough because it's cluttered and has too many unnecessary navigation parts.
Looking at the current homepage was tough because it's cluttered and has too many unnecessary navigation parts.
Looking at the current homepage was tough because it's cluttered and has too many unnecessary navigation parts.
Looking at the current homepage was tough because it's cluttered and has too many unnecessary navigation parts.
It wasn't easy to move around, making it harder for users to find what they need. There's definitely room to make it better.
It wasn't easy to move around, making it harder for users to find what they need. There's definitely room to make it better.
It wasn't easy to move around, making it harder for users to find what they need. There's definitely room to make it better.
It wasn't easy to move around, making it harder for users to find what they need. There's definitely room to make it better.
It wasn't easy to move around, making it harder for users to find what they need. There's definitely room to make it better.
SOLUTION
I created a new design for the homepage that makes it much easier for students. I improved how you navigate through the site and organized things better.
I created a new design for the homepage that makes it much easier for students. I improved how you navigate through the site and organized things better.
I created a new design for the homepage that makes it much easier for students. I improved how you navigate through the site and organized things better.
I created a new design for the homepage that makes it much easier for students. I improved how you navigate through the site and organized things better.
I created a new design for the homepage that makes it much easier for students. I improved how you navigate through the site and organized things better.
This not only makes it easier to read but also ensures that it can easily adapt to future changes and needs.
This not only makes it easier to read but also ensures that it can easily adapt to future changes and needs.
This not only makes it easier to read but also ensures that it can easily adapt to future changes and needs.
This not only makes it easier to read but also ensures that it can easily adapt to future changes and needs.
This not only makes it easier to read but also ensures that it can easily adapt to future changes and needs.
SOLUTION
I made the different sections super clear by using visually attractive cards.
I made the different sections super clear by using visually attractive cards.
I made the different sections super clear by using visually attractive cards.
I made the different sections super clear by using visually attractive cards.
I made the different sections super clear by using visually attractive cards.
This not only makes it easy to navigate but also keeps users interested, making the whole experience more enjoyable and satisfying.
This not only makes it easy to navigate but also keeps users interested, making the whole experience more enjoyable and satisfying.
This not only makes it easy to navigate but also keeps users interested, making the whole experience more enjoyable and satisfying.
This not only makes it easy to navigate but also keeps users interested, making the whole experience more enjoyable and satisfying.
This not only makes it easy to navigate but also keeps users interested, making the whole experience more enjoyable and satisfying.
SOLUTION
Improved navigation by introducing a sidebar that drastically simplifies the user experience, reducing cognitive load and making it easier for students to find what they need
Improved navigation by introducing a sidebar that drastically simplifies the user experience, reducing cognitive load and making it easier for students to find what they need
Improved navigation by introducing a sidebar that drastically simplifies the user experience, reducing cognitive load and making it easier for students to find what they need
Improved navigation by introducing a sidebar that drastically simplifies the user experience, reducing cognitive load and making it easier for students to find what they need
Improved navigation by introducing a sidebar that drastically simplifies the user experience, reducing cognitive load and making it easier for students to find what they need
This innovative solution not only enhances usability but also adds a touch of elegance to the interface.
This innovative solution not only enhances usability but also adds a touch of elegance to the interface.
This innovative solution not only enhances usability but also adds a touch of elegance to the interface.
This innovative solution not only enhances usability but also adds a touch of elegance to the interface.
This innovative solution not only enhances usability but also adds a touch of elegance to the interface.
SOLUTION
A dedicated menu for profile and account settings, thoughtfully integrated to provide students with quick access to manage their details.
A dedicated menu for profile and account settings, thoughtfully integrated to provide students with quick access to manage their details.
A dedicated menu for profile and account settings, thoughtfully integrated to provide students with quick access to manage their details.
A dedicated menu for profile and account settings, thoughtfully integrated to provide students with quick access to manage their details.
A dedicated menu for profile and account settings, thoughtfully integrated to provide students with quick access to manage their details.
This not only makes things more convenient but also adds a personal touch, making the whole experience feel more customized and easy to understand.
This not only makes things more convenient but also adds a personal touch, making the whole experience feel more customized and easy to understand.
This not only makes things more convenient but also adds a personal touch, making the whole experience feel more customized and easy to understand.
This not only makes things more convenient but also adds a personal touch, making the whole experience feel more customized and easy to understand.
This not only makes things more convenient but also adds a personal touch, making the whole experience feel more customized and easy to understand.
Reflections
Reflections
Reflections
Reflections
Reflections
I was looking forward to designing the whole experience to make sure the consistency was seen throughout every touchpoint on the platform.
I was looking forward to designing the whole experience to make sure the consistency was seen throughout every touchpoint on the platform.
I was looking forward to designing the whole experience to make sure the consistency was seen throughout every touchpoint on the platform.
I was looking forward to designing the whole experience to make sure the consistency was seen throughout every touchpoint on the platform.
I was looking forward to designing the whole experience to make sure the consistency was seen throughout every touchpoint on the platform.