Widget Desk

Role:

UX/UI and Web Designer.

Project Overview

This project involves designing a personal portfolio website presented in the form of an interactive dashboard. The main goal of the website is to effectively showcase the designer’s professional experience, skills, completed projects, tools, and contact information. The interface is designed in a minimalist, contemporary style with a dark theme and modular layout. Each informational section is clearly structured, ensuring easy navigation and quick access to key details, making it convenient for potential clients and employers to find and evaluate essential information.

Problem

The challenge was to efficiently organize and clearly present a significant amount of diverse information—ranging from projects and skills to educational background and contact details—without overwhelming the user. Existing portfolio formats are often either too simplistic, failing to provide a comprehensive view of professional competencies, or overly dense, complicating the user experience. The key was to achieve a balanced design that would be simultaneously informative, visually appealing, and user-friendly.

Solution

To address this, the website was created as a modular dashboard composed of individual content blocks or cards, each dedicated to specific information (“About,” “Projects,” “Education,” “Stack,” “Services,” “Contact,” etc.). The dark theme enhances visual comfort and highlights essential content. Additional interactive elements, such as a designer availability status and local time indicator, were integrated to further simplify interaction and communication. As a result, the final interface is intuitive, easy to use, and visually engaging, effectively fulfilling its purpose of clearly showcasing professional skills and facilitating communication.

Methodology I used

• User-centered design approach

• Wireframing and prototyping

• Atomic design (building modular interface components)

• Usability and responsiveness testing

• Design Thinking

Research

• Best practices for UX/UI designer portfolio presentations

• Competitive analysis of similar solutions

• Analysis of user preferences and interaction patterns

Who I interacted with

• Potential clients and employers (for feedback)

• Fellow UX/UI designers and industry professionals (for exchanging expertise and recommendations)

• Mentors and course instructors (for expert evaluation and guidance)

Tools I used

• Figma (design, prototyping)

• Framer (no-code development)

• Notion (Project Management & Workflow)

• Affinity Designer (creating graphic elements and illustrations)