Designer / Developer Portfolio Website
Create a fully responsive modern single page website
I then gathered up my ideas and started creating sketches, laying out the information architecture to show where each UI elements should be placed for user friendly experience.
Finally, before developing the landing page I used Adobe XD to create low fidelity wireframes to confirm the design model of the project for both desktop and mobile.
- Overlay navigation menu for unique design
- AOS Animate on Scroll for dynamic animations
- jQuery Animation
- Font Awesome icons for high quality styling
- Vertical Timeline
- Creating fully responsive website design across multiple devices by applying Media Queries
Business professionals, UI / UX Designers, Front-end Web Developers looking to communicate their brand and gain credibility.
For user friendly experience I added an overlay effect to the navigation. Since I decided to make a single page website I thought it would be effective and keep the user engaged to create animations as the user scrolls down the page. After doing some research I came across the plugin AOS Animate on Scroll Library. A really effective plugin for adding simple animations. Also, to make the website more user friendly I added a Scroll To Top button to help the user get back to the start of the page.