# Pedro Grein

> UX/UI Designer


## Posts

- [Reditec Sul 2022](https://p2bg.com.br/blog/reditec-sul-2022/): Helping the participants get the info they need
- [Olá world!](https://p2bg.com.br/blog/hello-world/): Welcome to my blog and portfolio. Right now I'm working to put all my things in place and start to upload content. Come back soon to see all the news.

## Pages

- [Results](https://p2bg.com.br/portfolio/reditecsul/results/): The Reditec Sul website was made available on May 02, 2022, providing access to registration and key information about the event.
- [Final Product](https://p2bg.com.br/portfolio/reditecsul/final-product/): One of the necessary functionalities for the site would be that the journalistic team could edit and publish news and photos of the coverage.Thus, it was necessary to build the site on a platform that would allow access control and provide editing and publishing tools.
- [<strong>Prototyping and Usability Testing</strong>](https://p2bg.com.br/portfolio/reditecsul/prototyping-and-usability-testing/): With the definition of the user interface, I built the pages in Adobe XD and we were able to test the prototype with users.
- [ui-images](https://p2bg.com.br/portfolio/reditecsul/ui-images/)
- [User Interface](https://p2bg.com.br/portfolio/reditecsul/ui/): For the user interface, besides the information architecture structure and the wireframe, I defined the basic style guide for the visual inferface.
- [sketches-wireframes](https://p2bg.com.br/portfolio/reditecsul/sketches-wireframes/)
- [Ideation](https://p2bg.com.br/portfolio/reditecsul/ideation/): Prior to the process of generating alternatives, we established the basic information architecture using a sitemap.
- [Design Challenge](https://p2bg.com.br/portfolio/reditecsul/design-challenge/): The value proposition of the Reditec Sul website for the user is to provide efficiency and simplicity in the processes related to the event, such as registration, programming, information about transportation and accommodation, access to presentation files and issuing of certificates, among others.
- [<strong>Competitive Analysis</strong>](https://p2bg.com.br/portfolio/reditecsul/competitive-analysis/): In order to establish a basis for comparison and gather information about similar experiences to the product we were building, we analyzed the website of the previous edition of Reditec Sul and of the national Reditec, which brings together leaders from all over Brazil.
- [<strong>User Profile</strong>](https://p2bg.com.br/portfolio/reditecsul/user-profile/): Since we knew who all the possible participants of the event would be, it was possible to precisely define the profile of the users.
- [<strong>Institutional Objectives</strong>](https://p2bg.com.br/portfolio/reditecsul/institutional-objectives/): To be the only place to gather all the information about the event.
- [Stages of the Project](https://p2bg.com.br/portfolio/reditecsul/stages-of-the-project/)
- [reditec-mockup](https://p2bg.com.br/portfolio/reditecsul/reditec-mockup/)
- [Usability Testing](https://p2bg.com.br/portfolio/nespressos-support-page-redesign/user-testing/): To have a better understanding of the problems with the actual page, I decided to do a usability test with two users.
- [Coffee Machine Page](https://p2bg.com.br/portfolio/nespressos-support-page-redesign/coffee-machine-page/): The photo at the top is not always useful. The image should help the user confirms that the page is of his coffee machine's model.
- [use-cases-images](https://p2bg.com.br/portfolio/nespressos-support-page-redesign/use-cases-images/)
- [Use Cases](https://p2bg.com.br/portfolio/nespressos-support-page-redesign/use-cases/): In browsing the customer support site, I have come to the conclusion that in most cases there will be one of two types of users.
- [Results and conclusion](https://p2bg.com.br/portfolio/nespressos-support-page-redesign/results-and-conclusion/): The solution addresses the issues presented in the problem statement and the research.
- [Visual Implementation](https://p2bg.com.br/portfolio/nespressos-support-page-redesign/visual-implementation/): Based on the user flows and use cases presented, I built the graphical solution for two pages.
- [Visual Design](https://p2bg.com.br/portfolio/nespressos-support-page-redesign/visual-design/): To guide the visual design, I built a reference framework to serve as a guide and maintain the visual consistency of the proposed solutions.
- [Wireframes](https://p2bg.com.br/portfolio/nespressos-support-page-redesign/wireframes/): Use of a hero image, keeping consistency with the website.
- [sketches-mockups](https://p2bg.com.br/portfolio/nespressos-support-page-redesign/sketches-mockups/)
- [Ideation](https://p2bg.com.br/portfolio/nespressos-support-page-redesign/ideation/): Before I started brainstorming ideas, I defined the basic information architecture of the pages.
- [Problem Statement](https://p2bg.com.br/portfolio/nespressos-support-page-redesign/problem-statement/): The Nespresso brand is well known for its quality and convenience. But, the customer support web page has several problems that contradict the company's values.
- [Hypothesis](https://p2bg.com.br/portfolio/nespressos-support-page-redesign/hypothesis/): I believe that making the user interface of the support pages more consistent with the pages of the rest of the website will improve the user's perception that Nespresso values the customer support process and after-sales.
- [Competitive Analysis](https://p2bg.com.br/portfolio/nespressos-support-page-redesign/competitive-analysis/): In the Brazilian market, the main competitors of Nespresso coffee makers are Três Corações, Oster, Dolce Gusto, and De'Longhi.
- [Benchmarking and Heuristics](https://p2bg.com.br/portfolio/nespressos-support-page-redesign/benchmarking-and-heuristics/): What is a Customer Support page: The goal is to help the customers to get a better experience using the product.
- [User Profile](https://p2bg.com.br/portfolio/nespressos-support-page-redesign/user-profile/): The Brazilian Nespresso users are from the premium segment.
- [Business Profile](https://p2bg.com.br/portfolio/nespressos-support-page-redesign/business-profile/): I researched Nespresso's Brazilian business and the capsules coffee market in general. I read several articles and reports about the industry.
- [The Desing Process](https://p2bg.com.br/portfolio/nespressos-support-page-redesign/the-desing-process/)
- [nespresso-mockup](https://p2bg.com.br/portfolio/nespressos-support-page-redesign/nespresso-mockup/)
- [wireframes-images](https://p2bg.com.br/portfolio/enabling-life-change/wireframes-images/)
- [User Behavior](https://p2bg.com.br/portfolio/enabling-life-change/user-behavior/): The user's behavior also improved. The visits peaked at the start of each phase.
- [results-graphics](https://p2bg.com.br/portfolio/enabling-life-change/results-graphics/)
- [Results](https://p2bg.com.br/portfolio/enabling-life-change/results/): The website was made available to the public on December 15th, 2021.
- [Developing](https://p2bg.com.br/portfolio/enabling-life-change/developing/): Working in all the project's phases allowed me to see how coding can heavily impact the experience.
- [Prototyping and testing](https://p2bg.com.br/portfolio/enabling-life-change/prototyping-and-testing/): Based on the site map, task flows, and wireframes, I built the interfaces on Adobe XD. The next step was to make a functional prototype and test it with users.
- [style guides images](https://p2bg.com.br/portfolio/enabling-life-change/style-guides-images/)
- [Visual Design](https://p2bg.com.br/portfolio/enabling-life-change/visual-design/): I built the visual design on Adobe XD and Adobe Illustrator. It was an adaptation of the design and branding from the marketing campaign.
- [Reshaping the User Interface](https://p2bg.com.br/portfolio/enabling-life-change/reshaping-the-user-interface/): I changed the interface structure and how it works.
- [Wireframe sketchs](https://p2bg.com.br/portfolio/enabling-life-change/wireframe-sketchs/): I used Miro to have all the information on one big whiteboard.
- [Task Flow Images](https://p2bg.com.br/portfolio/enabling-life-change/task-flow-images/)
- [Task Flows](https://p2bg.com.br/portfolio/enabling-life-change/task-flows/): One of the problems users related to using the previous version was getting lost while searching for the information they needed.
- [Defining the foundantion](https://p2bg.com.br/portfolio/enabling-life-change/defining-the-foundantion/): Since this project is a new iteration of an existing product, I started revising the site map to see if there were any opportunities for improvement in the information architecture.
- [Proto Persona](https://p2bg.com.br/portfolio/enabling-life-change/proto-persona/): From the last year's questionaries and Google Analytics, we had a good amount of quantitative data that allowed the construction of a target user profile.
- [Mockup](https://p2bg.com.br/portfolio/enabling-life-change/mockup/)
- [Looking at the data](https://p2bg.com.br/portfolio/enabling-life-change/looking-at-the-data/): Since we already had a previous website, I started looking at it for improvement opportunities.
- [Nespresso's support page redesign](https://p2bg.com.br/portfolio/nespressos-support-page-redesign/): Improving the support process on the Nespresso’s website
- [Portfolio](https://p2bg.com.br/portfolio/)
- [Reditec sul 2022](https://p2bg.com.br/portfolio/reditecsul/): A website to simplify and facilitate access to information and services. Before, during, and after the event
- [Enabling life change](https://p2bg.com.br/portfolio/enabling-life-change/): Delivering sensitive information to students competing to enter one of the best Brazilian public and free schools.
- [Blog](https://p2bg.com.br/blog/)
- [The Design Process](https://p2bg.com.br/portfolio/enabling-life-change/the-design-process/): Before acting on the project, I needed approval from the committee responsible for running the admission process.
- [About](https://p2bg.com.br/): I combine my background in graphic design, web development, and participatory design to bridge the gap between beautiful visuals and functional, user-friendly products.
- [Sample Page](https://p2bg.com.br/sample-page/): This is an example page. It's different from a blog post because it will stay in one place and will show up in your site navigation (in most themes).

## Optional

- [Agent (MCP protocol)](websites-agents.hostinger.com/p2bg.com.br/mcp)

[comment]: # (Generated by Hostinger Tools Plugin)