Portfolio Website

The goal of this project is to create a website that would showcase my design skills, web development skills, and beautiful illustrations.

I studied the design and structure of portfolios by other web designers for inspiration. I noticed that many portfolios relied heavily on long blocks of text to describe simple points. This observation motivated me to aim for simplicity in my design.

Since the aim of the website is to showcase my design skills and work, I chose to show my work immediately after the initial scroll.

After multiple iterations and changes I picked a colour palette and type face.

I had a rough idea in my mind on how the website layout should look like and I proceeded with developing the website.

I divided the website into three main sections, landing page, work gallery and footer. The work gallery included placeholder images during development.

I took inspiration from title intros from multiple movies and series and then implemented animations in landing page text. I made the website interactive by adding easter eggs and making the work gallery move dynamically on scroll.

Since this is my first project, I made few illustrations by taking inspiration from other artists.

I then used Figma and Blender to make the illustrations.

The website needs to look great on all screen sizes. I used media queries and tested website on various devices to adjust layout and font sizes.

For faster load times I compressed images using tools like TinyPNG and adjusted the code. I also ran tests for performance (Google Lighthouse), accessibility, and SEO.