MY FIRST PORTFOLIO
My First Portfolio
What i did?
Design Concept for a Personal Portfolio Website
Web design
This is a prototype for a potential portfolio — a template. The goal of the project was to create a simple, one-page portfolio that is attractive and easy to understand for all audiences.
It features a minimal visual identity; the color scheme is dark by default, but the design allows for easy customization.
Navigation is simple, as all content is displayed on a single page.
It features a minimal visual identity; the color scheme is dark by default, but the design allows for easy customization.
Navigation is simple, as all content is displayed on a single page.
Links
Design Concept for a Personal Portfolio Website
Web design
What i did?
This is a prototype for a potential portfolio — a template. The goal of the project was to create a simple, one-page portfolio that is attractive and easy to understand for all audiences.
It features a minimal visual identity; the color scheme is dark by default, but the design allows for easy customization.
Navigation is simple, as all content is displayed on a single page.
It features a minimal visual identity; the color scheme is dark by default, but the design allows for easy customization.
Navigation is simple, as all content is displayed on a single page.
Links
My First Portfolio
Development Process
Design Process
I analyzed several portfolio websites as references, identifying their strengths and weaknesses. From that analysis, I extracted best practices and common mistakes, which I then applied and improved upon in my own design to create a more functional and visually appealing prototype.
Investigation
Initial design sketch
Initial wireframe
Ideation
Style Guide
Typhografy: Raleway
Stiles: Light and Medium
Stiles: Light and Medium
Colors:
Button text
Components:
Visual Design
Prototyping
Final Design
The final design is simple, basic, and clear. Navigation is smooth and accessible from any device. Additionally, it is built to be compatible with other primary color palettes.
Mobile Design
Mobile Design
Mobile Design
Mobile Design
Computer Design
Computer Design
Computer Design
Computer Design
Programs
The website was designed using Figma and Photoshop, and built with Tilda without the need for coding.
Links
Thanks for scrolling all the way throught!
© Josep Oliva 2025 / Web & UX/UI Designer / josepmolivaramirez@gmail.com / +34 665 79 00 63
