Murillo Ressineti | Portfolio

Problem

A functional portfolio, but without purpose and emotional connection.

The previous layout had a good technical foundation, but some points diminished the perception of value:

• Limited visual hierarchy and very heavy titles.

• Poorly fluid structure between sections (“Projects”, “Skills”, “About Me”, “Contact”).

• Absence of personal tone and purpose in the textual content.

• Lack of typographic consistency and spacing between blocks.

These factors created a fragmented experience and hindered emotional connection with the visitor.

Research and Discovery

Understanding what makes a portfolio really stand out.

To substantiate the redesign:

• Reference portfolios of designers and developers with strong visual appeal and storytelling were analyzed (such as Bruno Simon, Filipe Deschamps, and Sam Thompson).

• The importance of presenting purpose and trajectory right at the beginning, focusing on personal values and impact, was identified.

• Behavior studies showed that recruiters and leads tend to abandon long portfolios without a clear narrative and visible CTA.

• 
  

Design Process

Restructuring the journey to tell a more human story.

Mapping the visitor's journey – from the first impression to the contact submission.

1. Restructuring the information architecture – grouping “Skills” and “Projects” in a more linear and scannable way.

2. Creating a light and functional typographic hierarchy, reducing excessive contrasts and improving readability.

3. Defining grid and vertical spacing to increase visual breathing space and consistency between sections.

4. Rewriting microtexts and CTAs with more mature language (“Shall we work together?” instead of “Send a message”).

Final Solution

A design that reflects purpose, clarity, and confidence.

The new design delivers a smoother and more reliable experience:

• Hero with clear value message: “Front-end developer — performance, purpose, and functional design.”

• Minimalist visual structure, emphasizing balance between code and design.

• “Technologies” and “Challenges” sections repositioned to show real technical expertise, not just logos.

• Footer reinforcing collaboration proposal and direct CTAs: “Shall we work together?”.

Impact

More clarity, credibility, and a more solid professional presence.

After the redesign, the portfolio began to convey:

• Visual authority and professional focus.

• Greater clarity in trajectory and personal values.

• A more natural flow to contact.

• Better reading on mobile screens and greater text scannability.

Learnings / Reflection

Balancing aesthetics, purpose, and narrative creates true connections.

This project reinforced the importance of balancing personal identity and functional clarity.
A portfolio should not just list projects but tell a coherent story — who you are, what you believe in, and the impact you create.