About the project

The goal was to design a visually appealing, professional, and responsive site that serves as a networking tool for potential employers and clients. The project allowed me to refine my design approach, apply my technical skills, and experiment with AI-assisted coding for the first time.

Design & Development Process

The project followed a mobile-first approach, with a focus on responsiveness and usability. I began by creating a detailed design document, ensuring that another developer could implement the site based on my specifications. This document included:

• A site map outlining the structure
• A page-by-page script defining content and functionality
• A graphic design plan outlining the visual style, created in Figma.

The homepage acts as a digital business card, giving visitors a clear impression of who I am without unnecessary clicks. To avoid information overload, the text is kept minimal. Those interested can explore more details on other pages.

After the planning phase, I coded the website following HTML5 standards, using CSS for styling and layout.

Visual Identity

The website's design reflects my personality and visual style while standing out from the crowd. The look and feel are playful, soft, and earthy, with carefully chosen design elements:

• Muted colors, rounded shapes, and interesting contrasts.
• A visually appealing yet accessible layout.
• Generous use of white space to create a sense of balance.
• A personal touch through select elements, such as the headline font, while keeping the rest of the design simple and harmonious.

Testing & Optimization

To ensure quality, the website underwent testing, including HTML & CSS validation, speed testing, responsiveness checks, accessibility evaluation, and usability and user testing on a small scale.

Outcome

Through this project, I gained hands-on experience in structured web development, usability testing, and documentation, while also exploring the potential of AI in coding. I successfully built the website according to my vision and am pleased with the final result. I feel it represents me well. Throughout the project, I learned a lot and had the chance to apply previously acquired skills in a practical setting.

Links

Figma: Layout design