Personal Site

Portfolio built from scratch in HTML, CSS and Javascript.

Product Analysis:

Problem Identified: Showcasing my coding skills was incomplete on a one page resume.

KPI: Reach 100 pageviews in 2 months after deployment.

Goals:

Develop a live web page as an extension of my resume.
Create a user friendly interface to easily navigate through the website with no latency.
Include animations and personal features to help others get to know me and my skills.
Practice and further develop my HTML, CSS and Javascript fluency.

Role: Backend and frontend developer, UX designer.

Technologies Utilized: HTML, CSS, Javascript, Figma.

User Journey:

The user clicks on the link from my LinkedIn or resume.
The user is taken to a homepage with a quick summary of me.
The user can easily find the projects section and click on one.
The user is taken to the specific project page, where they can visually see the product and read more information, including a brief synopsis and a more in depth product analysis.
The user can navigate at any time to the home page, about page, or my resume.
The user can click on the about page from the nav bar.
The user is taken to the about page, where they can get more information about me.

Development Journey:
September:Problem identified. Started developing the original design.
October: Identified issues with design. Developed a new design concept. Wireframing in Figma.
Going Forward: Continued development.

Original Design For Comparison:

Learnings: With additional time and resources I would have liked to understand metrics on the following:

Understand site analytics more in depth.
Include more animations.
Add more projects.

Challenges:
Over the course of the project, some challenges I encountered were:

Aliging everything in a grid system.
Responsive design.