Loading animation

Profile

Welcome! I’m Pedro, and this is my website, where I show myself as a product designer.

To pan around, try

  • Tap + Drag

To zoom in and out

  • Scroll / Pinch

Domains

  • DesignOps
  • UXR
  • UXD
  • IA
  • UID
  • User/Usability Testing
  • Design Systems
  • FE Dev.
  • Creative Problem-solving
  • Visual Design
  • Illustration
  • Illustration Systems

Favorite tools

  • Pen & Paper
  • Markdown
  • Notion
  • Mermaid
  • Obsidian
  • ChatGPT
  • Concepts app
  • Miro
  • Figma
  • FigJam
  • HTML
  • CSS
  • Maze
  • Airtable
  • Dovetail
  • Affinity apps

Website designed, illustrated and assembled by me, with the help of GPT-4, using my script font, Lexend, Astro, panzoom, Tippy.js, mark.js, Lozad.js, and jsPlumb Community.


Unless otherwise stated,
Copyright, Pedro MC Fernandes

Portrait of the website's author, Pedro MC Fernandes.

About me

What can you tell about yourself?

My name is Pedro MC Fernandes. I can start by saying I’m a creative person, and I love the art world. I enjoy digging that scene, getting inspired, doing random stuff on sketchbooks, exploring, being creative.

I currently work as a product designer in tech. I have a lot of design experience in several industries, more recently with digital products.


But more importantly, I’m a family man and love spending as much time as possible with my partner and daughter — nothing beats that.

Family photo of Pedro and his daughter.

If you get to know me, you’ll see I’m shy at first, but if you’re patient enough, you’ll get to know me and my lousy puns!

How do you balance personal and professional life?

It isn’t easy to separate. It’s always the same person, right? There are no illusions here; work is necessary today. I tend to become too enthralled with ideas. The excitement of getting into a new idea pulls me in very quickly.

To be focused on what matters, I go outside to breathe fresh air, spend time with the family, drink the occasional warm beverage, and listen to tranquil music.

Mountain views and walkways with many rock formations and green bushes.


I also dedicate some time to art projects that help me de-stress. I like creating stories and experimental narratives through comic book art.

Comic book panel with a face of an individual and the saying, 'Please, let me dance.'

What values guide you?

I’m focused on being a more efficient communicator. In any context, really: family, neighborhood, work, grocery store, anywhere. I try to listen carefully to others to understand them more and empathize with their feelings.

I feel that’s the most important value for a good life and a better relationship with others. Not only in avoiding conflicts but as a way to grow and live healthier. Peace is underrated.

How do you grow and plan the future?

I look into what I am today. I don’t look much into my future self, so I don’t plan my personal life per se. There are way too many variables to control. I bet on self-assessments to learn from my mistakes and maybe look for a few areas of improvement.

I see myself with my partner helping my daughter grow, be her best friend, and help her thrive and do her best in her community.

What’s your favorite book?

Can’t-restrict-to-just-one cliché. I prefer comic books. They’re very relaxing. I like Jaime Hernandez, Ulli Lust, Olivier Schrauwen, Maria Medem, Nick Drnaso, and many others.

Collage of comic book panels made in a clumsy, childish style with primary colors.

On the prose side, I don’t read much, but I loved reading “Death with Interruptions” by José Saramago. Also liked Stanisław Lem, George Orwell, and Dostoevsky.

Book cover

Your favorite movie?

1982 “Blade Runner” often comes to mind. It’s not perfect, but I love it on every watch. I enjoy their original ambition to craft it and its resulting plasticity and darkness. It may seem scrappy nowadays, but it conveys deep feelings and poetry.

Images of the Tyrell Corp building model with the set designers working on it.

Favorite music?

I have a shivering, trance-like experience whenever I listen to “Scope” by Nobukazu Takemura, “94 Diskont” by Oval, also Jon Hassell, Brian Eno, Cocteau Twins… The list could go on, but these names frequently come to mind.

Music record cover with a constructivism-inspired artwork.

Music record cover with video art.

Best game?

I played a lot of games as a teen and young adult… I enjoyed most of them. Morrowind impacted me due to the incredible atmosphere and design. I was just there to stroll around and visit new places, didn’t care about the missions!

View from an alley in Morrowind game.

Drawing of a hand doing the peace gesture (v-shaped) drawn in a comic-book style. A pair of rubber gloves, drawn in a comic-book style, tapping the dirt at the base of a plant as if they're gardening and taking care of the plant's growth. Comic-book style drawing of the Death. A skull with a black cape that looks like a flying ghost and that is holding a scythe.

Why Design

Why are you a designer?

I’m passionate about creativity. I love to create, break down problems, and have new ideas. I like discovering solutions and always get excited when they come up.

It’s also natural for me. I draw and sketch a lot, and that specific skill is helpful for design. It changes the way I think and how I approach problems. It forces me to focus on the visual outcome and is a more powerful communication tool with myself and others.

Sketches on paper of a digital app rendered on the phone and desktop screen, with side annotations.

Sketches on paper of 6 interface details of a digital app for inspirational fashion shots with side annotations.


As a kid, set design inspired me a lot. Seeing 2001 Space Odyssey, Blade Runner, Star Wars, and many others made me think I could reinvent the world. One where we think, plan, and build something new, unique, and valuable, to make our lives better.

A selection of 4 illustrations that look like a book cover or movie poster: a raven before the moon; a man in escape on a dark room filled with water; a pair of hands manipulating a futuristic dashboard; and a portrait of an intimidating man with the title 'Watching You.'

I started with industrial and architectural design but ended up in the digital world. We face a lot of unique challenges with contemporary technology. There are many opportunities for the present and a higher responsibility to guarantee the future. I believe I can help change things for the better.

How do you stay motivated and inspired?

I don’t look much into trends. Nowadays, they are empty of substance and filled with copycats. I prefer to take inspiration from daily routines, pay attention to my surroundings, read people’s expressions, and learn from communication patterns, body expressions, etc.

Staying connected to the present moment and deriving inspiration from daily life is my way of staying motivated. Activities like traveling, meeting others, absorbing different ways of doing things, and appreciating nature motivate me to change and discover new methodologies.

Mosaic of 9 photographs with varied subjects but mostly related to travel, food, and nature.

What are some of the biggest challenges you’ve faced?

One challenge is keeping everyone involved and motivated to criticize and collaborate on designs. Sharing with other designers is easier, but often I need collaboration from other departments.

It works to introduce yourself, explain what you do (it’s obvious to you but not to others), explain the problem space, present the associated solutions, give time to digest, and ask for feedback. It’s not enough, and getting more involvement from others is essential.

I aim to work more on this and prove there’s a better way to co-create and collaborate in cross-functional teams. This is one of the growth areas I’m focused on right now.

Snippet screenshot of a part of a diagram with the process steps of creating a product critique session.

How do you approach the design process?

Ideally, I like to follow a documented process. I think it’s a gift we can strategize and create solutions methodically. I like to admire other methodologies, learn how they work, and use them where possible.

But going by the book is not always possible, so I improvise where needed. Having experience helps, and I can anticipate where we can cut corners. Different problems require different approaches, and I try to pay attention and be open to change for better outcomes.

Diagram outlining a work process based on the Discovery & Delivery method that has been popularized.

How do you stay active and interact with the community?

Due to family needs and time constraints, I do my best to participate in events, but primarily online or I get async insights. I get news, tools, and techniques from LinkedIn, newsletters, and some key websites, but I don’t put too much pressure on it.

Mosaic of block images from the website Are.na.

I don’t interact much with the design community. I watch and read from afar. I occasionally contribute to some communities that spark my interests and match my hobbies, like open-source, comic books, graphic design, illustration, radio, music, etc.

Comic book page with 9 panels illustrating a person that starts with negative thoughts inside their house but eventually ends up rejoicing with others outdoors.

Scans from a book about Ettore Sottsass with pictures of drawings, a television, and some furniture.

What do you consider to be your greatest strengths?

I’m obsessed with UI “perfection,” which leads me to put extra effort into conveying ideas accurately. It’s a blessing and a curse. There’s the risk of overdoing it.

The experience helps me control it. Taking breaks and switching tasks helps put a different perspective and reassess efforts. I’m happier with my current pace and how the results improve and come out with less effort with more maturity.

Mockup of a mobile app distributed through 4 screens showing a passenger selector, list of trips, style finder, and trip summary.


This extends to my modularization obsessions. I love optimizing my files, either designs, references, or code, so they are as centralized as possible to save me from repetitive work and iterate faster in the long run.

A snippet of a design system documentation page stating its objectives.

A snippet of a design system documentation page stating its impact at determined product development steps.

A snippet of a design system documentation page explaining how expandable rows work on a data table, and it has a visual example of it.

Previews of design system patterns: a mobile device main menu example collapsed, then expanded, and a third example in a tablet-sized screen.


I also believe I’m a decent presenter. I’ve honed my skills for a while. I stopped stuttering, sweating profusely, and I no longer tremble, I think… Paired with “stunning” visuals… I can convince anyone my ideas are the best!

Three slides from a presentation on a design system with the cover, a summary of what is a design system and the impact it has on a company.

Slide examples from a benchmarking deck. Examples are divided between screenshots and statistical graphs.

Where do you want to go from here?

I see myself continuing to do good with my design skills. Learn to share, and collaborate better, more effectively. I want to help build a better world where creativity powers innovation.

A world where we have a better relationship with technology. One where everyone is invited and doesn’t feel excluded. One everyone can enjoy, enhance and grow their abilities and feel motivated to co-create.

I want to be involved in improving creative processes. I want to improve operations, empower a design culture within product teams, and to design products people love using.

Drawing, in comic-book style, of a hand trying to insert a cube in a box that has a rounded hole. The cube is clearly oversized for the hole. Comics-style drawing of a jazz, trumpet player. It's just the bust, hands and the trumpet. The player is wearing a suit and has the eys closed as if playing with their soul into the instrument. Comics-style drawing of a bust of a person with sunglasses on, smirking, acting cool. Comics-style drawing of a hand with fingertips that resemble graphite pencils, and it's drawing, with almost all fingers, on the floor as if it were a piece of paper.

How I Work

How do you approach the research phase?

I advise starting with a data-driven approach. To see what we have, I reach out to other departments or colleagues to get their points of view on the users/market and get empirical data. This usually leads to ideas on where or how to source more factual material or evidence.

I explain why and how we use the data, so everyone can be on the lookout for any changes or generate periodic reports interlinked to any ongoing problems. This data and reports will become handy once we change or launch a new product.

Exposing how design operates and the benefits of cross-functional work is essential to kickstart collaboration between departments.

A mosaic of interview excerpts made with a support expert. Each excerpt has colored tags to categorize the research.


This would be the first step to approach the research phase. More is definitely needed, and we haven’t started to talk with potential users yet, which can be next.

We may need to go back to experts and users again to validate assumptions and tracking of success through interviews and tests. I usually map all collected information to facilitate the analysis of experts and stakeholders to have a shared understanding of our direction.

Post-its mapping of information about query analysis in database monitoring.

Post-its mapping of problems, their solutions, and the definition of success.

Have you found user research to provide a positive impact?

User research has been essential! I gain valuable insights, empathize with users, and understand their problems and needs, allowing me to create user-centered designs.

I can identify pain points, usability issues, and innovation opportunities. Interpreting the findings allows us to make more informed decisions and iterate confidently. We can reduce risk, increase the likelihood of success and provide a competitive advantage to the company.

A row of visual benchmarking of 3 different filtering panels of e-commerce, and below a presentation snippet of a user testing with a 2.4 rating out of 5 and user quotes.

It also helps me validate initial assumptions, weed out personal bias, be more inclusive, and get to test with real users. It’s eye-opening. It allows me to refine and optimize designs, build a solid user experience, and drive satisfaction.

How do you balance user needs and business goals?

An early data view of the users is crucial. Allows me to get vital information on how we can succeed without going blindly and prematurely into a solution. With enough early research, we can create an execution plan aligning with business goals and motivating stakeholders.

Screenshot of an empathy map diagram.

I think keeping straightforward communication throughout the design process is also essential. Leaving an open channel, transparent documentation, and inviting as many business partners as possible to review what we are building.

In my view, it’s essential to build that working group. People that understand the problems we’re facing and then co-own the same vision for what we’re doing. It allows for a shared understanding and a more collaborative process around those business goals.


Documentation snippet listing some statements in the problem space a team proposes to solve.

Documentation snippet listing some hypotheses on the table a team is working on to solve the problems.

This process is crucial because I don’t believe in generic business goals that come out of thin air. For a successful user-centered product, at least a good foundation of user research is needed to inform and break down those goals into something more tangible.

Screenshot of part of a diagram that describes the ideal user flow until they get to the product's value, the "wow" factor.

What do you use for prototyping and how do you iterate?

It depends on speed and accuracy. Usually, I decide on using the design tool we have at hand. Almost any tool works, really. Especially if we’re OK with a wireframe-style prototype, even a sketch on paper will suffice. Whatever can get us, as a collective, into feedback and some data, fast.

Photo of a sketch illustrating 3 mobile app pages with arrows representing relationships.

Code prototypes are more accurate, however. Implementing them can take longer, but it’s perfect for more complex problems. A code prototype with a wide array of interactivity will output high-quality data when testing and is helpful, in the long run, to ship faster.

View of a task management app dashboard with related widgets like a list of tasks, invoices, to-do lists, notifications, and other task management functionalities.

View of a translation task from the task app with the details for what needs to be done, like briefing and files.

View of the calendar with a modal window prompting the user to add an absence by defining the type and then the dates.


While getting these prototype artifacts out, I usually set up collaborative sessions within the team or with some internal guerilla tests. This way, I can gather diversified views on the materialization of the solution.

A high-fidelity prototype lets us get more precise data from tests with external users and enables a smoother front-end delivery.

Collection of mockups arranged in a grid format, comprising web app screenshots framed in desktop computer screens and smartphone devices.

Iterating involves incorporating collected decisions into a new version of the designs and then having mechanisms to share that again with the team quickly. We can use that new version even for subsequent rounds of testing or, if we’re already confident, directly to implementation handoff.

Large-scale diagram where each touchpoint is the design of each app page. Each page is connected with arrows to describe relationships.

How do you approach testing and validating designs?

If we want to go fast, I go with internal testing. Valuable input can be obtained from specialists, engineers, customer-centric positions, and fellow designers, resulting in a diverse perspective that can steer the initiative in a positive direction.

We can also get paid users to test information architecture with tree testing and card sorting and quickly test interfaces with wireframes and fast, rough prototypes. This will help validate assumptions I may come up with and shape the final solution.

Montage of presentation bits describing a guerilla testing's participants pool, the script flow, and one of the insights captured from that test.

Hiding information behind a swipe movement is highly risky for high-traffic eCommerce, so testing is mandatory in the design process.

However, I prefer solid, more complete user testing to extract more data and mature ideas properly. The best would be to pick customers to improve the product through interviews or meticulously screened users to test features or whole products.

A row of 4 digital product cards featuring a t-shirt on sale, with annotations on the side identifying their version and amount of users assigned to each

When an idea grows, I seek to fine-tune it with usability and multi-variant tests. Whatever technique we adopt, the direction is doing so to meet the users’ and customers’ needs and expectations, and we need to validate that compatibility before committing to code complex solutions.

A snippet screenshot from the documentation page that has a summary of the user test results and a video frame that you can play to have a guided overview of the results and the insights gathered.

How do you collaborate with cross-functional teams?

Communication is critical, so I get to know everyone first and expose what I do as a product designer. I suggest we set up open communication channels to push updates and exchange feedback or new intel about users and customers.

This is important when a design team is new in the company or even when a new initiative starts. Having documentation ready for this is also very important, so I condense all relevant information so everyone can get onboarded async on how design can help.

Involving the team and hosting collaborative sessions is also helpful. It’s a more inclusive approach that helps everyone be hands-on, motivated, and see the value in user-centered solutions.

Documentation snippet about the Discovery process in design.

Documentation snippet of the UX Research Repository home page.


Diagram illustrating the difference between focusing on a solution prematurely and focusing on a method of understanding the users' needs to find a solution.

Documentation snippet detailing how to contribute to the design process.

Whiteboard screenshots illustrate the collaboration trail left from a workshop session.

Whiteboard screenshot showing a part of the critique process with design and fields on the side to ask for participants' feedback.

How do you measure success?

There’s a lot to choose from. User feedback and testing are critical to understanding if the solution aligns with users’ needs and mitigates their problems. Usability metrics like completion/error rate can show us where to fine-tune.

Interviews and surveys with users and customers are also vital for me to get their perception and level of satisfaction. While we can assess product acceptance, it also helps us understand improvement areas.

Mockup of an eCommerce listing page on a mobile device with user testing notes and data on the side.

Listing of insights collected from user interviews categorized by sentiment.

A preview snippet of a whiteboard with a summary of the project that will be exposed for feedback collection. It has the project's: objectives, users' profiles, the problems, the value, how we measure success, and the stage we're in.


I value design and aim to obtain pertinent metrics to evaluate its impact. This may include KPIs such as conversion rates, user engagement, and revenue. Benchmarks can also provide valuable insights into our standing compared to others and measure our transformation through design.

Having a well-documented or transparent iterative approach to the design process is also essential so everyone can see the mutation of a solution. This way, everyone can understand the value and the effort put into the operation.

Screenshot of a competitor's website with an annotation of why it is a good practice.

Two graphs show product performance data between Desktop (left) and Mobile versions.

A matrix of many designs with minimal changes and variation for comparison.

How do you design for inclusivity?

I aim to ensure everyone can enjoy life, regardless of their abilities, disabilities, or unique needs. The best I can do is to be mindful of their experiences and infuse inclusive design principles into my work.

During user research, I make it a point to engage with individuals from diverse cultural backgrounds and age groups while including underrepresented groups to ensure a fair and balanced assessment.

One thing here I think I need to improve is collaborating with experts in accessibility and inclusivity to get insights and feedback on my designs. And I also need to educate myself more, infuse this knowledge into my process, and share it with the team.

A diagram depicting the interconnectivity of web pages through arrows showcasing the user flow.

Post-its with concepts organized into a grid to form relationships and logical clusters of information.


I follow established guidelines like WCAG to ensure my designs meet accessibility standards. I mainly consider how hierarchy and color are perceived, how effective the keyboard is on the app and overall compatibility with assistive technologies.

Color contrast Figma plugin performing a check on the text of a task status component.

Web app design framed in a browser, with a color blindness simulation filter on top of it.

A list of five stages of focus interaction of a search field component, composed of interactive sub-components highlighted on each stage.

The bust of a long-haired person, drawn in comic books style, with their hands holding a pair of binoculars in front of the face. The viewer can see their eyes on the binocular lens. Comics-style drawing two futuristic digital screens are floating and facing each other. Out of each is coming out a hand. The left screen's hand is building the other screen like a puzzle. The opposite hand finishes painting the other screen as if it were incomplete and made of paint. Comics-style drawing of the bust of a dog, salivating, looks at a floating smartphone vibrating and ringing as an allusion to the Pavlovian experimentation methods. Comics-style drawing of six hands, doing the thumbs up gesture, displayed as a circle around a star. Four faces profiles gathered round to share a comics-style balloon as they're all in unison and equally sharing the same idea.