Personal Portfolio Website made in Framer/Figma

Project: Personal Portfolio Website Role: Designer Tools: Framer, Figma URL: manolobevia.com

As a designer, I needed a portfolio that would do more than just showcase my work—it needed to embody my philosophy and demonstrate my unique position in the market. The challenge was creating a digital presence that would:

Communicate my "clarity beats cleverness" philosophy immediately

Showcase both design and creative capabilities

Stand out in a saturated design market

Convert visitors into potential clients quickly

Reflect my approach to solving complex problems with simple solutions

"Clarity beats cleverness" isn't just a tagline—it's the foundation of how I approach every project. My portfolio needed to prove this principle through its own design and functionality.

"Introductions Can Wait" - Immediately signals confidence and cuts through typical portfolio fluff

Lead with work, not biography—visitors see value before personal story

Clear positioning: "Designer, Builder of Digital Products"

Clean typography that enhances readability

Strategic use of white space to create focus

Consistent visual hierarchy that guides user attention

No unnecessary animations or clever interactions that distract from content

Projects displayed prominently on homepage

Each project gets equal visual weight

Clear project categorization showing range of capabilities

Quick access to project details without overwhelming navigation

4. Strategic Project Selection Curated portfolio showcasing diverse capabilities:

Cornell University - Large institution/enterprise work

Daikin Hero Cloud - B2B SaaS scaling challenges

PlowNow - MVP/startup experience

ATANY - E-commerce/consumer products

Smooth animations and micro-interactions

Responsive design built with Framer's capabilities

Fast loading times across all devices

Clean, organized component structure

Bold, confident typography that reflects personality

Strategic contrast to create clear information hierarchy

Consistent spacing system throughout the site

Minimal color palette that puts focus on work

Professional yet approachable visual tone

Consistent brand voice across all touchpoints

Intuitive navigation that doesn't require explanation

Quick loading project previews

Clear calls-to-action for potential clients

Mobile-optimized experience for busy professionals

Authenticity resonates more than perfection

Clear positioning attracts the right clients

Your portfolio IS your product—treat it as such

Less is often more—every element should serve a purpose

Show, don't tell—let the work speak for itself

Mobile experience is often the first impression

Clients want confidence, not complexity

Clear communication builds trust immediately

Demonstrating process is as important as showing results

Unlike typical designer portfolios that focus on aesthetic appeal, my site bridges creative and strategic thinking by:

Showing range across different industries and project types

Demonstrating process through clear case study structure

Building trust through confident, clear communication

Proving capability by the portfolio's own design and user experience

The portfolio itself becomes a case study in effective digital product design, showing potential clients exactly what they can expect when working with me.