Select Page

UX Design & Case Studies

This page include two UX projects, from user researches until hi-fi mockups.
Padoca projectFlorist NYC project

Welcome to my UX Design page. Here I will show you some projects developed. The first one is an app for Padoca, a Brazilian restaurant in Montreal. Following this case, you will find the Florist NYC project, a responsive website design developed for this flower shop in New York City.

Padoca’s app  project

CLient

  • Padoca Pâtisserie Montreal

Services

  • UX for app

Deliverables

  • Low fidelity mockups
  • 1st round user research
  • Adjustments and high fidelity prototype
  • Styleguide

Experiencing bad delivery services with third-party partners, the Padoca’s owners decided they will start delivering their products by themselves.

With a brand new app, they could control delivery and other options, besides having important data about their customer’s preferences.

The app would help them offer better delivery options and improve products development for their business.

About competitors

Montreal counts some 6 other competitors on Padoca‘s field, but no one has an exclusive app. They mostly use the telephone to get orders on third-party services as Foodora or Uber Eats. Or you can order send them an email. 

None of them offers online orders thru their own website. 

Who are Padoca’s customers? Creating personas for a better understanding.

After conducting research on Padoca’s customers, I create 2 personas, based on characteristics that stood out from the forms collected. The research method used here was a 10 questions form create on Google Forms. It was sent directly to the customers that accepted to answer it on their free time.

users’ journey and first mockups

With the 2 personas in mind, it was time to understand how people would use the app during an ordinary day. It was necessary to consider the users’ journey in order to build something it was easy and fast to use on a normal busy day. During the research, customers want to see two features (presented on the personas): table reservation and online order.

First I created examples of users’ journeys to imagine how Philippe would use the app on a busy day after work, while on the metro or bus going back home.

To read a more detailed user journey based on Philippe’s persona, please click here.

After a clear understanding of the user’s journey, was easier to think and develop some mockup screens. I designed basically two sets of suggestions to submit for clients’ approval. I had to think about how to incorporate consumers’ needs into an attractive design.

wireframes

Padoca’s owners had a clear idea of the path to follow on this app. Considering all the aspects of the user research, it was time to design the first wireframes on Figma. I thought it was important to do another research to validate the wireframes. It would also show if I was always on the right path. 

The original concept with 3 columns…

… was changed after user research.

Same for the review screen….

… where the option to change order was added.

Watch the lo-fi video tests:

HIGH FIDELITY PROTOTYPE AND FINAL TESTS

With the 5 tests in mind, the hi-fi prototype was created. I had tests conducted after as well, to validate some changes made. I will share the screens made but you can test the full functional prototype clicking here.

Florist NYC responsive website  project

Florist NYC is a small flower shop located in New York City, USA. They needed a responsive website to show and sell online. As it is a crowded market, the challenge here was to incorporate some features and services users like but cannot find in other small flower shop’s websites.

CLient

  • Florist NYC Inc.

Services

  • UX for responsive website

Deliverables

  • User research
  • Low fidelity mockups
  • Adjustments and high fidelity prototype

Florist NYC Inc.’s customers: creating personas for a better understanding.

I conducted online research to get flower shop customers in the New York area (you can see the research and results here). It was important to have people who buy online flowers, but also people who intend to buy but don’t trust 100% this kind of service. The goal here was to understand what features people would appreciate having in order to buy flowers online. And especially something that could make Florist Inc.‘s website stand out from the competition.

some mockup ideas based on the first user researches

Before realizing the first wireframes in Adobe XD, I sketched some ideas on paper to get some fast visuals about the problems to solve. As users want to choose and buy fast, a clear design with different shapes for images was the way to go. Visually, was more efficient to navigate from one section to the other. My hypothesis was validated by some research for the prototype test.

For the first mockups, I develop small sections where the photos would be placed to make the buying process easy and fast. As people sometimes want to purchase last minute, it is important to give them great suggestions on the home page or present an easy way to choose. Users identified that a link to social media would be great to have inspiration and ideas.

HIGH FIDELITY PROTOTYPE AND FINAL TESTS

On the following galleries, you can find the hi-fi prototypes for the responsive website. At the top I added the mockups for the desktop version. At the bottom, the mockups for the smartphone version were added. For this mockups, I kept points that stood out during the research: Florist NYC social media customers and suggestions for quick buy.

Thanks for your interest in my work!

I'm Available for Hire or Freelance
Web design PortfolioGet In Touch