After the final application had been completed and submitted, I focused on adding information into each section of the portfolio.
Above is a comparison of the original structure with the work-in-progress and the final portfolio site.
In order to create a better user experience, I added some additional functions such as:
- Highlighting (Bold) the navigation links that refer to the section that the user is currently browsing at
- Smooth scroll function, where rather than jumping straight to a section, an animation is played to show the transition to different area of the site.
- Remove sections and added pop up modals to display larger contents without breaking the one page structure
Furthermore an plugin called “lightbox” (by Lokesh Dhakar) was included to add a hidden image slider function to the site. This plugin enables the function of enlarging thumbnail image on mouse click and displays the full size image in a slideshow effect. This function helps to add images to the site, without taking too much spaces in each section.