Michael Allen's profile

Web Development Portfolio Wireframes

Michael Allen Web Development Portfolio Design
For a unit at Solent University I was required to create a website (subject of my choosing). I chose to create a portfolio for myself, and below shows the high fidelity wireframes for both Mobile and Desktop versions of the website.
Mobile Designs
Here is the home/about screen of the website. The landing page.
This is the logo page, located under "Design" within the navigation menu.
This is the UI/UX page, located under "Design" within the navigation menu.
This is the Websites page, located under "Coding" of the navigation menu.
This is the Python page, located under "Coding" within the navigation menu.
Finally, we have the contact page. A simple form that allows the user to send an email to myself.
This is the navigation menu for the Mobile device, activated by clicking the hamburger menu at the top right of the screen.
Desktop Designs
Landing Page
Logo Page
UI/UX Page
Websites Page
Python Page
Contact Page
Here is the dropdown style for when the cursor hovers over "Design" and "Coding". The respective pages appear accordingly.
When the user scrolls down the site, a coloured background appears on the navigation bar to ensure the text can still be seen against the white background.
Thank you for taking the time to check out this project! Feedback is appreciated!
Web Development Portfolio Wireframes
Published:

Web Development Portfolio Wireframes

Published: