Deliverables

UX Research

Wireframes

Lo-fi Prototypes

Usability Testing

Hi-fi prototypes

Camping supply store

Basecamp is a fictional online store for camping gear and outdoor supplies for adventurers of all levels, from first-time campers to outdoor experts.

 

First-time users can get overwhelmed with specific gear and outdoor experts want a reliable store to shop. The goal was to create an experience tailored for both cases.

Project Overview

Research

Understanding the users

Beginners at camping want simple gear and don’t know the technical aspects. Outdoor enthusiasts want a reliable store with high-quality equipment.

Methodology

The research conducted was based on informal conversations about camping and the experiences of buying camping gear.

Research results

As a result of the user research, the feature of a quiz was created to determine the ideal starter pack for the beginner user.

Key Findings

  • Too much information about specialized products can be overwhelming for inexperienced users
  • Beginners at camping can end up buying things they will not use
  • Unpleasant aesthetic can cause users to leave the app/website

Project Overview

Shopping

This fictional product was created as a final project of Google UX Design course in Coursera. This was my first experience of designing a whole product, and although I can now see how it can be improved, I’m proud of what I achieved, given the knowledge and experience I had at that time.

Desktop dashboard interface of an expense tracking application displaying financial analytics and categorized spending data. The left sidebar includes navigation icons for “Overview,” “Expenses,” “Goals,” “Users,” and “Settings.” The main section titled “Expenses” features a line graph showing spending trends from March to July, and a pie chart summarizing shared payments labeled “Payer A spent 300 €,” “Payer B spent 200 €,” and “Payer C paid 80 €.” Below, a detailed table lists transactions including “Gasoline,” “Rent,” “Gym,” “Supermarket,” “Restaurant,” “Kara,” and “House Insurance,” with amounts, categories color-coded (e.g., transport, health, activities), split details, payer names, and dates.

Project Overview

Shopping

Besides the quiz, users can have a regular shopping experience, with the gear separated by categories and with a product page, so the user can have all the detailed information before buying.

Smartphone screen displaying a pet tracking mobile app interface with a city map view. The app shows a search bar labeled “Search for pets,” a highlighted “Map” tab, and a pet marker on the map labeled “Open Kiko’s report.” The marker includes a circular photo of a dog named Kiko. The map features city streets with visible labels such as José Ignacio and Gral. Oblatos. A blue dot indicates the user’s current location. Navigation icons for “Map,” “List,” “Filters,” and a purple “+” action button appear at the bottom.
Smartphone screen showing a pet tracking app in “List” view mode. The interface displays a search bar labeled “Search for pets,” with “List” selected at the top and a red banner titled “Kiko’s report.” The first card shows a dog named Kiko, marked “Missing 2 days ago,” located 0.7 km away, with a red “Missing” tag. Below, another card shows a “Cat” found 4 days ago, 0.5 km away, with an orange “Spotted” tag. A third card partially visible shows a pet named Kaia. Navigation icons for map, list, add, and home appear at the bottom.

Project Overview

Quiz Feature

With the quiz feature, the beginner user can quickly have a starter camping pack adapted to the answers given. This way, the user is not easily overwhelmed and reduces the chance of buying things they don’t need.

Smartphone screen displaying a pet tracking mobile app interface with a city map view. The app shows a search bar labeled “Search for pets,” a highlighted “Map” tab, and a pet marker on the map labeled “Open Kiko’s report.” The marker includes a circular photo of a dog named Kiko. The map features city streets with visible labels such as José Ignacio and Gral. Oblatos. A blue dot indicates the user’s current location. Navigation icons for “Map,” “List,” “Filters,” and a purple “+” action button appear at the bottom.
Smartphone screen showing a pet tracking app in “List” view mode. The interface displays a search bar labeled “Search for pets,” with “List” selected at the top and a red banner titled “Kiko’s report.” The first card shows a dog named Kiko, marked “Missing 2 days ago,” located 0.7 km away, with a red “Missing” tag. Below, another card shows a “Cat” found 4 days ago, 0.5 km away, with an orange “Spotted” tag. A third card partially visible shows a pet named Kaia. Navigation icons for map, list, add, and home appear at the bottom.

Project Overview

Shopping

This fictional product was created as a final project of Google UX Design course in Coursera. This was my first experience of designing a whole product, and although I can now see how it can be improved, I’m proud of what I achieved, given the knowledge and experience I had at that time.

Desktop dashboard interface of an expense tracking application displaying financial analytics and categorized spending data. The left sidebar includes navigation icons for “Overview,” “Expenses,” “Goals,” “Users,” and “Settings.” The main section titled “Expenses” features a line graph showing spending trends from March to July, and a pie chart summarizing shared payments labeled “Payer A spent 300 €,” “Payer B spent 200 €,” and “Payer C paid 80 €.” Below, a detailed table lists transactions including “Gasoline,” “Rent,” “Gym,” “Supermarket,” “Restaurant,” “Kara,” and “House Insurance,” with amounts, categories color-coded (e.g., transport, health, activities), split details, payer names, and dates.

“Leave every place better than how you found it”

Contact

gabrielamagalhaes197@gmail.com

(+351) 967 103 420

Porto, Portugal

Gabriela today

CV

LinkedIn

Let’s talk?

Deliverables

UX Research

Wireframes

Lo-fi Prototypes

Usability Testing

Hi-fi prototypes

Camping supply store

Basecamp is a fictional online store for camping gear and outdoor supplies for adventurers of all levels, from first-time campers to outdoor experts.

 

First-time users can get overwhelmed with specific gear and outdoor experts want a reliable store to shop. The goal was to create an experience tailored for both cases.

Project Overview

Research

Understanding the users

Beginners at camping want simple gear and don’t know the technical aspects. Outdoor enthusiasts want a reliable store with high-quality equipment.

Methodology

The research conducted was based on informal conversations about camping and the experiences of buying camping gear.

Research results

As a result of the user research, the feature of a quiz was created to determine the ideal starter pack for the beginner user.

Key Findings

  • Too much information about specialized products can be overwhelming for inexperienced users
  • Beginners at camping can end up buying things they will not use
  • Unpleasant aesthetic can cause users to leave the app/website

Project Overview

Shopping

First Flow

 

The usability testing mainly revealed that the checkout process wasn’t clear and organized, so the user ended up not knowing what came after every step.

 

Second Flow

 

After the testing, the checkout was redesigned, detailing the process to the user and overall creating a better shopping experience (second flow).This fictional product was created as a final project of Google UX Design course in Coursera. This was my first experience of designing a whole product, and although I can now see how it can be improved, I’m proud of what I achieved, given the knowledge and experience I had at that time.

Desktop dashboard interface of an expense tracking application displaying financial analytics and categorized spending data. The left sidebar includes navigation icons for “Overview,” “Expenses,” “Goals,” “Users,” and “Settings.” The main section titled “Expenses” features a line graph showing spending trends from March to July, and a pie chart summarizing shared payments labeled “Payer A spent 300 €,” “Payer B spent 200 €,” and “Payer C paid 80 €.” Below, a detailed table lists transactions including “Gasoline,” “Rent,” “Gym,” “Supermarket,” “Restaurant,” “Kara,” and “House Insurance,” with amounts, categories color-coded (e.g., transport, health, activities), split details, payer names, and dates.

Project Overview

Shopping

Besides the quiz, users can have a regular shopping experience, with the gear separated by categories and with a product page, so the user can have all the detailed information before buying.

Smartphone screen displaying a pet tracking mobile app interface with a city map view. The app shows a search bar labeled “Search for pets,” a highlighted “Map” tab, and a pet marker on the map labeled “Open Kiko’s report.” The marker includes a circular photo of a dog named Kiko. The map features city streets with visible labels such as José Ignacio and Gral. Oblatos. A blue dot indicates the user’s current location. Navigation icons for “Map,” “List,” “Filters,” and a purple “+” action button appear at the bottom.
Smartphone screen showing a pet tracking app in “List” view mode. The interface displays a search bar labeled “Search for pets,” with “List” selected at the top and a red banner titled “Kiko’s report.” The first card shows a dog named Kiko, marked “Missing 2 days ago,” located 0.7 km away, with a red “Missing” tag. Below, another card shows a “Cat” found 4 days ago, 0.5 km away, with an orange “Spotted” tag. A third card partially visible shows a pet named Kaia. Navigation icons for map, list, add, and home appear at the bottom.
Smartphone screen showing a pet tracking app in “List” view mode. The interface displays a search bar labeled “Search for pets,” with “List” selected at the top and a red banner titled “Kiko’s report.” The first card shows a dog named Kiko, marked “Missing 2 days ago,” located 0.7 km away, with a red “Missing” tag. Below, another card shows a “Cat” found 4 days ago, 0.5 km away, with an orange “Spotted” tag. A third card partially visible shows a pet named Kaia. Navigation icons for map, list, add, and home appear at the bottom.

Project Overview

Quiz Feature

With the quiz feature, the beginner user can quickly have a starter camping pack adapted to the answers given. This way, the user is not easily overwhelmed and reduces the chance of buying things they don’t need.

Smartphone screen displaying a pet tracking mobile app interface with a city map view. The app shows a search bar labeled “Search for pets,” a highlighted “Map” tab, and a pet marker on the map labeled “Open Kiko’s report.” The marker includes a circular photo of a dog named Kiko. The map features city streets with visible labels such as José Ignacio and Gral. Oblatos. A blue dot indicates the user’s current location. Navigation icons for “Map,” “List,” “Filters,” and a purple “+” action button appear at the bottom.
Smartphone screen showing a pet tracking app in “List” view mode. The interface displays a search bar labeled “Search for pets,” with “List” selected at the top and a red banner titled “Kiko’s report.” The first card shows a dog named Kiko, marked “Missing 2 days ago,” located 0.7 km away, with a red “Missing” tag. Below, another card shows a “Cat” found 4 days ago, 0.5 km away, with an orange “Spotted” tag. A third card partially visible shows a pet named Kaia. Navigation icons for map, list, add, and home appear at the bottom.

Project Overview

Shopping

This fictional product was created as a final project of Google UX Design course in Coursera. This was my first experience of designing a whole product, and although I can now see how it can be improved, I’m proud of what I achieved, given the knowledge and experience I had at that time.

Desktop dashboard interface of an expense tracking application displaying financial analytics and categorized spending data. The left sidebar includes navigation icons for “Overview,” “Expenses,” “Goals,” “Users,” and “Settings.” The main section titled “Expenses” features a line graph showing spending trends from March to July, and a pie chart summarizing shared payments labeled “Payer A spent 300 €,” “Payer B spent 200 €,” and “Payer C paid 80 €.” Below, a detailed table lists transactions including “Gasoline,” “Rent,” “Gym,” “Supermarket,” “Restaurant,” “Kara,” and “House Insurance,” with amounts, categories color-coded (e.g., transport, health, activities), split details, payer names, and dates.

“Leave every place better than how you found it”

Contact

gabrielamagalhaes197@gmail.com

(+351) 967 103 420

Porto, Portugal