Website Re-Design - BOB SAGET
Project description
This Project was given to re-design existing website (BOB SAGET) to a better visual appeal by following the principles of design, while retaining functionality and navigation of the existing website.
Problems in existing design
There is no protocol of designing is followed in existing design with, bad hierarchy, low contrast typography, bad alignment, improper spacing & layout, old text styles and poor colour choices, this impact the viewers and thereby forced to leave the website.
Sketching
Started sketching layout to create a new structure then selected one and made it as a wireframe.
Wireframing
Responsive ui design
The solution is archived and the re-design emphasises the need of proper design layout, spacing, colour usage, hierarchy etc to make the website visually more appealing being by simplifying and decluttering the interface, removing unnecessary elements and streamlining the navigation and established a clear visual hierarchy to guide the users through the design using appropriate picture, font, colour to enhance the user interface of the design.
Before & after
The existing design can divert the user there is no proper hierarchy in the website the re-designed website solved that problem the layout is clean and spaced out the hierarchy is followed and nothing is compromised in the functionality of the website the difference is very evident.
Mock-ups
Mock-ups helps to view the clear visual representation of the final output and it works as preliminary model to designers and clients to showcase the design.
Reflective analysis
By doing this project I have learned how to design a website in user interactive manner and make it user friendly.
.
THANK YOU
