Portfolio Website
An assignment that started in UX Design class as a prototype and was eventually coded during Web Development class during my studies at Algonquin College. I was able to rebrand myself as a creative professional, focus on potential clients and tech recruiters, while portraying my work and identity through the website.
Concept & Mood board:
Keywords:
Conducting User Research with friends I'd asked to describe me, I received the following words:
Colours:
Bucketing these words into 3 main keywords, and deriving colours for them, I chose a palette that reflects my personality and work ethic:
KEYWORD: CREATIVE
California Gold
A vibrant, energetic hue symbolizing innovation, imagination, and confidence. It reflects the boldness and optimism of my creative problem-solving.
KEYWORD: FRIENDLY
Cinnabar
A warm, inviting shade that conveys my approachability, enthusiasm, and connection. It reflects care, respect, and my ability to build positive relationships.
KEYWORD: HARD-WORKING
Berkeley Blue
A deep, reliable blue representing my professionalism, perseverance, and focus. It reflects trustworthiness, a commitment to mastery, and a dedication to quality work.
Imagery:
![Moodboard](images/pfmood1.jpg)
![Moodboard](images/pfmood2.jpg)
Style Tile:
![Style Tile](images/pf6.jpg)
![Title: Sitemap & User Journey](images/pf7.jpg)
![Intro](images/pf8.jpg)
![Sitemap](images/pf9.jpg)
![Sitemap description](images/pf10.jpg)
![User Journey](images/pf11.jpg)
![User Journey Scenario](images/pf12.jpg)
![User Journey Thoughts & Emotions](images/pf13.jpg)
![Title: Wireframes & Prototype](images/pf14.jpg)
![LOFI: Home Page on Devices](images/pf15.jpg)
![LOFI: About Page on Devices](images/pf16.jpg)
![LOFI: Work > Photography Page on Devices](images/pf17.jpg)
![HIFI: Home Page on Devices](images/pf18.jpg)
![HIFI: About Page on Devices](images/pf19.jpg)
![HIFI: Work > Photography Page on Devices](images/pf20.jpg)
The final product is the website you’re browsing on. Go ahead and click around to see how this project has evolved and come to life!
Thank you for scrolling till the end.