Changes & Improvements
Revamped Website Interface
The overall theme for Version 4 is "Simplification". I wanted my landing page be like a shortcut, and only brief information be shown on that page. The intention was to retain the user attention. First they'll look at the landing page, then the user will slowly navigate to other pages like the About Page, the Works By NRFZ page, and so on.
Landing Page
Hero Image/Description Section
Featured Works (Works By NRFZ) Landing Section
Likes & Interests Landing Section
Skills & Software Landing Page
About Page
Summary Section
Skills & Software Landing Page
Timelines Section
Works By NRFZ Page
Works By NRFZ Page
Blog Page
Blog Page
Old vs New
Of course, every new design has to be an improvement, right? Here's a comparison between the Old Design and the New Design.
Landing Page
Version 3 - Loooooong
Version 4 - Short and Compact, because each of the sections on the old version has been moved into their own pages
Timelines
Version 3 - Texts, a lot of them
Version 4 - Card-Based Timeline View
Skills (and Proficiency)
Version 3 - Full on Progress Bar
Version 4 (1) - Summarized, Softwares used shown in a Carousel
Version 4 (2) - Languages moved into About Page
Works By NRFZ
Version 3 - 3 rows and a simple filter
Version 4 - 4 rows, filter has been enhanced
Conclusion
These redesigns were actually planned back in September 2023, including some procrastinations. Then I figured, why not I launch the redesigned website a year later? From Conceptualization to Execution, it was not an easy feat. All of these were being done single-handedly, and hey, it's finally done! What do you think of the redesign?
Nurafian Zulkifli
Passionate about Technology and Designs - mainly UI Designs, Wayfinding and
Signage Designs.
I also
enjoy replicating stuffs that interests me.