Portfolio Website

Chatur Vasireddy

0

Illustrator

Web Designer

Web Developer

CSS

HTML5

JavaScript

Portfolio Website Creation Process

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

Planning, Research and Design

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.

Development and Design

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.

Work Gallery

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.

Testing and Deployment

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.
Like this project
0

Posted Jan 16, 2025

I designed and developed my portfolio website to showcase my expertise in illustrations and interactive design.

Likes

0

Views

0

Tags

Illustrator

Web Designer

Web Developer

CSS

HTML5

JavaScript

E-commerce Web Design
E-commerce Web Design
Tech start-up Web Design
Tech start-up Web Design