Project Overview
This is my own portfolio, that I made in a course of 6 slow months with a passion.
Every component is built tastefully with optimization being a priority.
The design is a hybrid of neubrutalism and the new minimal trend.
I intentionally left a lot of white spaces all around to make it look neat while also keeping some blobs of color to add depth.
I use this to write blogs as well as show my creativity and works.
Tech Stack
- Nextjs
- Tailwind CSS
- Framer Motion
- Typescript
- Contentlayer
- Email Octopus
- Umami.js
Design and Development Process
1. Planning and Research 📝
- Looking for design inspiration ↗.
- Defining the essential features: Blog, Works, Contact Form, Newsletter.
2. Designing
- Creating wireframes to map out the website’s structure and layout.
- Designing rough sketch in excalidraw, focusing on a clean, modern aesthetic that complements my work.
3. Development Phase
- Leveraging the power of Next.js for server-side rendering ↗, enhancing SEO ↗, and improving load times.
- Utilizing Tailwind CSS for rapid and responsive UI development, ensuring the site looks great on all devices.
- Implementing Framer Motion for smooth and engaging animations, adding an interactive layer to the user experience.
Results
The launch of my portfolio website successfully met the project objectives, resulting in the following achievements:
- Enhanced Online Presence: The website effectively showcases my works, highlighting my skills and creativity.
- Client Engagement: Since the launch of my portfolio I have received queries about my services regarding SEO and Web Development.
- Positive User Feedback: Users have praised the site’s design, ease of navigation, and overall user experience.