This Website

Portfolio Website

This portfolio website is to showcase my previous design projects. Providing an overview of my accomplishments, skills, and creativity.

My Role: UI/UX Designer, Front End Web Developer

Tools: Figma, InVision, Gatsby.js and Contentful

Project Type: Portfolio Website Redesign

Project Summary

This is a redesigned website to showcase my previous design projects. The objective was to create a visually appealing with clean and minimalistic interface that would effectively present and highlight the designs.

The Challenge

The original website had limitations in terms of visual presentation and user experience. The challenge was to transform the website into a visually appealing that effectively showcased the design projects. The primary focus was to improve the overall user experience, making it easy for visitors to navigate through the portfolio, view project details, and understand the design process and outcomes.

The Solution

The redesigned website addressed the challenges identified during the research phase. Key solutions included:

Visual Design: The website's visual design was to create a professional, simple and minimalistic. Attention was given to overall layout to create a cohesive and engaging visual experience.

Navigation: The portfolio section was organized into clear categories, allowing visitors to easily browse and explore the design projects.

Project Showcase: Each design project was presented with a clean and consistent layout, providing project details, descriptions, images, and any relevant outcomes or impacts. The focus was on effectively communicating the design process, challenges, and achievements.

Interactive Elements: Interactive elements, such as hover effects and click interactions, were implemented to enhance user engagement and create a dynamic browsing experience.

Mobile Responsiveness: The website was designed to be fully responsive, ensuring a seamless experience across different devices and screen sizes.

Sketches

Portfolio Sketch

Style Guidelines

Typography

#D5CCE0
#6534FF
#3C4146
#FFFFFF

Mockup

Portfolio Wireframe

Prototype

Portfolio Prototype

View Prototype

Wrap Up

The new portfolio received positive feedback for its enhanced user experience and visually appealing presentation of the design projects. It successfully showcased my previous design projects. Visitors found it easy to navigate through the portfolio, explore project details, and gain insights into the design process.

© 2023, Designed and Developed by Matthew Yuen