01
Wireframes and mockups
Building the design foundation and ideas through creating wireframes and mockups of the website.
Personal Project • Portfolio & Design System
This Portfolio
More than a portfolio, this website serves as a playground for modern web technologies, design experimentation, and performance optimization. Built from the ground up to showcase projects, skills, and professional work while maintaining accessibility, responsiveness, and a strong focus on user experience.
Technical Stack
01
Frameworks
SvelteKit / Django / REST
02
Languages
Python / Javascript & Typescript
03
Databases
PostgreSQL / Redis
04
UI/UX libraries
Skeleton / Tailwind
05
Animations
GSAP / Three.js
06
Icons
Iconify / Phosphor Icons
07
Translations
i18n / Paraglide / DeepL
08
Hosting
Hetzner / Coolify / Tailscale / Postmark
09
Tools & apps
Emacs / FireFox / Inkscape / Figma
10
Analytics
Plausible analytics
How this site was designed
Design Process
02
Design system and color palette
Picking the right design system, icon library and colors for visual balance.
03
Typography choices
Defining text types with line height space etc. for a unified look.
04
Accessibility consideration
Taking into account design and content that is accessible to everyone.
05
Dynamic design choices
Designing dynamic components that work on all screens.
Challenges I faced and their solutions
Interesting challenges
Every meaningful system begins with friction. This section outlines the underlying challenges that shaped the project and the strategic solutions developed in response.
Challenges
The Problem
[02]
01
Creating engaging portfolio website
Building a website that engages it's users and evokes interest. I want people to spend time on my website to get to know me and my skills.
02
Designing modern, dynamic UI/UX
The goal was design a website that can stand up to the seasoned professional both in terms of visual artistry and following modern web development best practices.
Solution
The Response
[00]
CONTACT
Feel free to contact me with questions, offers or ideas.