PROJECT

  • Ecommerce UX UI
  • Branding
  • Freelance
  • Solo Project

MY ROLE

  • UX Researcher
  • UI Designer
  • Interactive Designer

PERSONAL CONTRIBUTIONS

  • 14 Interview/Surveys
  • Brand Guidelines
  • LoFi Wireframes
    - 5 Desktop / 6 Mobile
  • HiFi Screens
    - 5 Desktop / 6 Mobile
  • Prototype
    - Desktop / Mobile

TOOLS

  • Figma
  • Illustrator
  • Keynote - Apple


THE CHALLENGE

HOW MIGHT WE BE ABLE TO ATTRACK NEW CLIENTS TO A SMALL BUSINESS with HAS ZERO ONLINE PRESENCE.

DEFINING THE PROBLEM

For this Freelance project, I was approached by a small business owner who was interested in increasing his target audience but had no idea how to start a new business website. The Client knew his target audience, and knew that he wanted to showcase his work on a website, but did not know how to increase the number of leads, and did not know how he can use his business to attract new prospects.

THE PROCESS

    1) Research - Empathize

  • Street Interviews - 14 Surveys
  • Branding Guidelines

2) Ideation

  • Sketching
  • LoFi Wireframing - Desktop/Mobile

3) Visual Responsive Design

  • HiFi Screens - Desktop and Mobile
  • Prototype and Testing


1) RESEARCH - EMPATHIZE


INTERVIEWS - SURVEYS - BRANDING

Participants were people looking for painting products at stores like Home Depot, Lowes, and Hobby Lobby. During the interview, we asked questions such as if they would prefer to see images of previous works from contractors or they would prefer to hear a quote. Also what they were looking for a company regarding Values, and Resobsbility.





2) IDEATION


SKETCHES AND WIREFRAMES

After the interviews and surveys, I spoke with the client and I explained my findings. The majority of the survey participants were interested in seeing images from the contractors' previous work and in the process of the work. Participants were interested in the business approach to sustainability and green energy, however, it was mentioned that for the most part, they were interested in seeing and hearing about the process of the work.




3) VISUAL RESPONSIVE DESIGN


HIFI SCREENS

After developing the wireframes from the initial sketches, I was able to design a minimalistic 4-page website. Although simple the core asset of the site was its capability to showcase the contractor's previous work by displaying large HD images and providing a detailed explanation of the painting process. The site core pages were the Home and Project page, both place's main features were large images and a tool that would allow the user to interact with the site.




PROTOTYPE AND TESTING

Once I was able to complete a working prototype I was able to perform a small test with 5 of the previous survey participants. During the test, all the participants felt the layout of the website was clean and easy to follow. There was also a high demand from participants to view the before and after images from previous jobs. It was also clear that the majority of the participants preferred online communication rather than calling the company. Finally, most of the participants agreed that the website was professional enough and that they would consider doing business with the company.




QUANTITATIVE INSIGHTS


  • 5 participants said the website was easy to follow

  • 3 participants like teh interactivity of the site

  • 3 participants preferred online communication

QUANLITATIVE INSIGHTS


  • The website was organized, modern adn easy to follow

  • Participants appreciate the absence of advertisements

  • Participants asked for FAQs and Tips about painting






PROJECT RETROSPECTIVE


After completing the first phase of the project I spoke with the client and explained to him that we were ready to move forward and start building the website. He sounded optimistic, however, due to the pandemic he was forced to stop the project. I explained to him that since we had most of the work done he was welcome to contact me anytime in order to move ahead with the final phase of the project, which was to build the site.





(#^_^)/


Thank you for reading, hope you enjoyed !
MC.




...
Design Challenge

Floify - Design Process
Figma, Ideation, Sketches, Analysis Presentation

Go to case study!
...
UX UI Digital Design

Ecommerce - Karsh Hagan
Personas, Sketches, Wireframes,
Responsive, Figma, Sketch, Prototype

Go to case study!
...
UX UI Research

Undercanvas - Karsh Hagan
Analytics, Usability Testing, Personas, User Flows, more...

Go to case study!