logo
Maximelbv
TechnicalBlog&Portfolio
categoryWebsite
rolesDesigner, Developer
stack
completedOctober 2024
Homepage Design

About this project

This project showcases the development of my personal website, which combines my portfolio and blog in a single cohesive platform. The website was designed and implemented based on a comprehensive design system, ensuring consistency and cohesion throughout.

The goal was to create a digital presence that reflects my skills as both a designer and a developer, with a focus on clean aesthetics, intuitive navigation, and interactive elements.

Key Highlights :
→ Fully responsive design built with Next.js and styled using Tailwind CSS.
→ Dynamic MDX content support
→ A collection of reusable interactive components for learning purposes
→ Designed in Figma, ensuring a seamless handoff between design and code.

home hero section
home content section mobile version
home content section mobile version

Design system

The design system serves as the backbone of this project, ensuring visual consistency and scalability across the entire website. This system not only enhances the user experience but also streamlines the design-to-code workflow, maintaining a cohesive aesthetic throughout.