Behind the design

Behind the
design

Behind the
design

Pedro Vianna

I’m a digital designer and Framer developer dedicated about creating, user-focused experiences.

With a strong foundation in UX/UI and hands-on Framer expertise, I turn ideas into clear flows and production-ready interfaces. I focus on readable type, responsive layouts, and subtle motion—shipping fast, accessible work that balances creativity with usability.

My Tech Stack

I build with intention—using Framer for interactive web design, Figma for clean interfaces, and Notion + X for content. Each tool supports how I create and think as a designer.

Framer

My creative playground for building interactive and responsive websites—fast, flexible, and no code.

Framer

My creative playground for building interactive and responsive websites—fast, flexible, and no code.

Figma

Where I design, prototype, and collaborate to bring ideas to life.

Figma

Where I design, prototype, and collaborate to bring ideas to life.

Webflow

The tool I use to transform ideas into live, responsive websites that balance design and performance.

Webflow

The tool I use to transform ideas into live, responsive websites that balance design and performance.

Notion

Where I organize projects, plan content, and keep my workflow streamlined.

Notion

Where I organize projects, plan content, and keep my workflow streamlined.

X

Where I share design insights, explore UX trends, and connect with the creative community.

X

Where I share design insights, explore UX trends, and connect with the creative community.

About Me Image - 4
About Me Image - 4

Creative Workflow

I combine research and craft to turn goals into simple, effective design on brief and on time.

01.

Research & Strategy

I clarify goals, audience, and constraints through quick interviews, audits, and reference gathering. The outcome is a sharp problem statement, success metrics, and a prioritized plan that guides everything that follows.

01.

Research & Strategy

I clarify goals, audience, and constraints through quick interviews, audits, and reference gathering. The outcome is a sharp problem statement, success metrics, and a prioritized plan that guides everything that follows.

01.

Research & Strategy

I clarify goals, audience, and constraints through quick interviews, audits, and reference gathering. The outcome is a sharp problem statement, success metrics, and a prioritized plan that guides everything that follows.

02.

Concept & Ideation

I turn insights into options moodboards, sketches, and low-fi wireframes. I review against goals and constraints, choose a lead concept, and lock core flows/IA to guide design.

02.

Concept & Ideation

I turn insights into options moodboards, sketches, and low-fi wireframes. I review against goals and constraints, choose a lead concept, and lock core flows/IA to guide design.

02.

Concept & Ideation

I turn insights into options moodboards, sketches, and low-fi wireframes. I review against goals and constraints, choose a lead concept, and lock core flows/IA to guide design.

Feedback & Refinement
Feedback & Refinement
Feedback & Refinement

03.

Design High-Fidelity & Refinement

I turn the chosen direction into polished screens and a lightweight component system. We review early and iterate quickly—tight loops to refine layout, typography, states, and micro-interactions across desktop, tablet, and mobile, keeping AA contrast and clear focus styles

03.

Design High-Fidelity & Refinement

I turn the chosen direction into polished screens and a lightweight component system. We review early and iterate quickly—tight loops to refine layout, typography, states, and micro-interactions across desktop, tablet, and mobile, keeping AA contrast and clear focus styles

03.

Design High-Fidelity & Refinement

I turn the chosen direction into polished screens and a lightweight component system. We review early and iterate quickly—tight loops to refine layout, typography, states, and micro-interactions across desktop, tablet, and mobile, keeping AA contrast and clear focus styles

04.

Prototyping

I stress-test real flows across devices, fix usability snags, tune performance (optimized images, lazy-loading), and run an AA accessibility pass (contrast, focus, keyboard). Everything is QA’d at desktop/tablet/mobile breakpoints.

04.

Prototyping

I stress-test real flows across devices, fix usability snags, tune performance (optimized images, lazy-loading), and run an AA accessibility pass (contrast, focus, keyboard). Everything is QA’d at desktop/tablet/mobile breakpoints.

04.

Prototyping

I stress-test real flows across devices, fix usability snags, tune performance (optimized images, lazy-loading), and run an AA accessibility pass (contrast, focus, keyboard). Everything is QA’d at desktop/tablet/mobile breakpoints.

05.

Result & launch

I deploy the final build, connect the domain, and set SEO/OG, sitemap, and analytics. You get clean source files (Figma/Framer), documented components/tokens, and a quick walkthrough. I include a short post-launch window for polish and fixes.

05.

Result & launch

I deploy the final build, connect the domain, and set SEO/OG, sitemap, and analytics. You get clean source files (Figma/Framer), documented components/tokens, and a quick walkthrough. I include a short post-launch window for polish and fixes.

05.

Result & launch

I deploy the final build, connect the domain, and set SEO/OG, sitemap, and analytics. You get clean source files (Figma/Framer), documented components/tokens, and a quick walkthrough. I include a short post-launch window for polish and fixes.

Testing & Optimization
Portrait of portfolio creator
Portrait of portfolio creator
Portrait of portfolio creator

Hi

Hi

Hi

Let's work together

Let’s build something impactful together—whether it’s your brand, your website, or your next big idea.