< script src = " https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js " > < script >

Front end Developer

Website

a

a

a

01

Overview

About Proyect

My final project for my master’s degree in web design was the creation of a personal portfolio using HTML and CSS, where I showcased some of the most important projects from my Fine Arts career. The main goal was to develop a visually appealing and innovative platform that not only highlighted my technical skills but also my artistic identity.

Through a modern design and a carefully selected color palette, I created a consistent visual brand that reflects my unique style. I also incorporated custom symbols that I specifically designed for this project, adding a personal and distinctive touch to the presentation. Every element of the website was designed and coded to provide a smooth and aesthetic user experience, showing my ability to combine creativity with functionality.

This project allowed me to improve my web development skills while expressing my artistic vision and strengthening my identity as a designer and digital creator.

UX/UI Design

For the design of my final project, I applied UX/UI principles to ensure an intuitive user experience and a visually consistent interface. I started by creating a style guide in Figma, where I defined the visual identity of the website. This process included designing an original logo, choosing a suitable color palette, and selecting typography, all key elements to establish a clear and professional image.

After defining the visual identity, I worked on wireframes to structure the pages of the portfolio. My goal was to create a simple navigation flow, allowing users to easily access the projects and important information. The design focused on usability, ensuring that every element was placed strategically to enhance the user experience.

Once the design was ready in Figma, I translated it into HTML and CSS, keeping the aesthetics clean and following the predefined style guidelines. Every design decision was made with the user in mind, balancing functionality and aesthetics to provide a smooth navigation and an impactful visual presentation.

02

Typography

Aa

Caladea

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Ññ Oo Pp Qq Rr Ss Tt Uu Vv Ww Yy Zz

1 2 3 4 5 6 7 8 9 0 

# $ & * + – » : ; <> /

Aa

DM sans

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Ññ Oo Pp Qq Rr Ss Tt Uu Vv Ww Yy Zz

1 2 3 4 5 6 7 8 9 0 

# $ & * + – » : ; <> /

03

Color Palette

26B8FC
F7111D
FCAE0B
1155F0
FFFFFF
000000

04

Wireframe

Group 23

04

Wireframe

© Copyright 2024 Paloma Castro.