Mobile app
Porto Seguro
App design for requesting vehicle assistance, finding a repair shop and tracking repairs.
- Claim reporting
- Repair shops
- Vehicle assistance
PEDRO VICTOR
DesignEngineer
Senior Product Designer / UX Engineer
I design digital products and build React interfaces.
- Design since 2008 · UX since 2017
- 30+ high-fidelity prototypes
- React · TypeScript · Next.js
- Brazil · English / Português
Experience across different industries.
Some of the brands I have worked on projects for throughout my career.
Projects in UX/UI, web development, visual design and games.
- React
- Next.js
- TypeScript
- JavaScript ES6+
- HTML
- CSS
- Styled Components
- Sass
- Bootstrap
- component-based UI
- responsive interfaces
- accessibility
- interface performance
Explore the project pages, demos and code below.
Product design
UX/UI projects
A closer look at the screens and prototypes for three projects.
Investment dashboard
Yubb
Dashboard design for comparing investment data, adjusting filters and saving searches.
- Search filters
- Comparison charts
- Saved searches
Education and games
Expedição Roblox
A plugin with step-by-step Roblox Studio tutorials, plus a mobile prototype for creating 3D objects.
- Tutorials
- Roblox Studio plugin
- Mobile prototype
Development
React projects
Two projects you can try in the browser and explore on GitHub.
Dashboard
A financial dashboard prototype with charts and savings goals, using sample data. Built with React, Next.js and TypeScript.
Lab42
A landing page with animations that respond to scrolling and cursor movement. Built with React and Vite.
Design and development
I started working in design in 2008 and moved into UX in 2017, at Mastertech.
Since 2021, I have worked independently on UX projects and frontend development. My work includes interface design, interactive prototypes and React development.
What I work on:
- user flows and interface design
- high-fidelity prototypes
- design systems
- React interfaces
Specialties: Full-stack, UX, UI, Design Engineering, UX Writing, Advanced prototyping, Design systems, Javascript and web stack, Unity C#, Clean architecture, and Gamification.
- Full-stack
- UX
- UI
- Design Engineering
- UX Writing
- Advanced prototyping
- Design systems
- Javascript and web stack
- Unity C#
- Clean architecture
- Gamification
AI and UX
When an AI agent uses the interface.
An AI agent can carry out a task on someone's behalf. That raises practical questions for interface design.
What can the agent do? How does it know whether an action worked? When should it ask the person to confirm?
The person
- sets the goal
- decides what to authorize
The agent
- finds available actions
- carries out the task
- checks the result
Details that matter:
- clear button and field labels
- accessible navigation
- visible loading, success and error states
- confirmation before consequential actions
The person should be able to:
- review
- confirm
- correct
How agents use software
01
Reading the screen
Uses screenshots to identify visible text, controls and states.
Contact
Let’s talk.
Send me a message using the form or get in touch by email.