Thank You!

Thank you for your time of reviewing my work on the Chace DaVinchi client website! If you’d like to see more or get in touch, my contact information is provided below.

Connect
Let’s Get In Touch!
Contact
kerahjones@gmail.com
770.658.0290
Download Resume
LinkedIn

Designed from scratch, Made with ♥️ Love,  By Kerah Jones

Kerah Jones UX Designs 2021

2 5641582

Available for questions, collaborations, projects, and coffee.

Chase Davinci Photography

UX + UI / Visual Design/ Redesign

A website redesign for Chase Divinchi photography portfolio and booking. I redeisnged the orginal website to make it more user friendly to potential clients that will increase revene for the business.

Chase DaVinci
Producut:
apps-sharp

Chase Davinci is a photographer who previously had a website in which showcased his work, however potential clients had trouble navigating the site and found it to be confusing. The redesign of this site would improve the user expereince in which would result in more sales. The redesign will also have a visual element that will add depth to the design, attract users to the photographers pictures easier, and intise users to stay on the site for longer which usually results in more sales.

Product Overview
Ellipse 3

The original website was not user friendly, did not showcase the photographer’s work correctly, and lacked interactive, visual, and user experience designs.

The Problem:
Duratiation:
Ellipse 1
August 2021
time-outline

Redesign a website that has a user flow that will help generate more sales.

The Goal:
icon-star

Lead UX / UI Designer, Visual Designer

My Role:
icon-user

Paper and digital wireframing, low and high- fidelity prototyping, conduct usability studies, accounting for accessibility, and interacting on designs.

My Responsibilities:
Image
ImageImage
Ellipse 11Ellipse 12Ellipse 14
Analyzing the Orignial Design
Line 3
Original Site Map
Original Usability Testing
Original User Pain Points
Ellipse 15
Original Site Mockups
Chase DaVinci
Line 5
Pain Points:
Original Site Design Issues:

I started by conducting a research using the original website with people who were interested in booking a photographer. I recorded what they liked and disliked about the site. From this I was able to understand the user pain points for insignt into improving the design, which will improve the user experience.



Ellipse 50
1
Flow

The original website design did not have good flow.

Ellipse 52
3

Users want to be able to connect with the photographer so they feel comfortable booking shoots.

Ellipse 54
4
Book Session

Users want to be able to book a session through the website that has a calendar on when the photographer is avaliable.

Ellipse 53
Porfolio hard to find

The portfolio was hard to find for most users becasue it was hidden behind a separate nonuseful page.

2
Ellipse 49
Original Site Usability Testing:
icon-bar_chart
Screen Shot 2021-08-22 at 4.26 1Screen Shot 2021-08-22 at 4.26 3Screen Shot 2021-08-22 at 4.26 2Screen Shot 2021-08-22 at 4.27 1
Home Page

The home page consisted of one image and a title acting as a splash page.

Issue: There was  no call to action button that is typically seen on a landing page/splash page.

Portfolio Page

The portfolio page consisted of another splash page that had a enter button, that would pull up the portfolio.

Issue: The enter button was a uneccessary step to enter the portfolio. Users often thought pictures were not loading when on this page, which could cause users to never find the portfolio.

Contact Page

The contact page consisted of a form and instagram feed.

Issue: There was no Instagram link or name to get to the  Instagram page.

Booking Page

The booking page has service cards, however when the “BOOK NOW” was clicked, the contact page would appear.

Issue: When the contact page would appear after clicking the “BOOK NOW”  button, this would make the button irrelevant, because user were not able to actually book a appointment.

Screen Shot 2021-08-22 at 4.26 4
Ellipse 12Ellipse 13Ellipse 14
Understanding the User
Line 3
Personas
Problem Statements
Revised Site Map
Ellipse 49
Summary:

After the original site usability research, I recorded what they liked and disliked the site. From this I developed user personas, a revised site map, and user journey map.



icon-bar_chart
User Personas:
Cilya

“I need a phtographer who understands my brand and allows me to book online.”

Cilya is a aspiring model who mostly post pictures through instagram. She wants more of professional pictures other than just having regular selfies. The type of style she wants her pictures are dark with colorful lighting. This matches her page and brand. She begins her search online for a phtographer, but found it difficult to navigate their website and book a shoot for a particular day, because she is a busy influencer.

Problem Statement:
Age: 21

Occupation: Influencer and Aspiring Model

Cilya is a aspiring model who needs a photographer with calendar of times she can boom through their website, because she is a busy influencer who needs someone to work with her schedule.

tribal1 1
Mia

“I am shy infront of the camera, but I want professional graduation pictures.”

Mia is a recent medical school graduate who wants graduate pictures to be taken of her. Mia is very shy infront of the camera and needs a photographer who is understanding of her shyness. She is uncomfortable at first reaching out to photographers and is more comfortable reaching out online via email.

Problem Statement:
Age: 33
Occupation: Medical School Graduate

Mia is a recent graduate medical student, who needs a way to get to know a photographer and speak through email, becasue she is shy and is not photogenic.

Screen Shot 2021-08-24 at 4.16 1

I redesigned the site map with the home page containing a lot of the main content users would search for first. I also broke down the portfolio to have categories, I also made the booking page link to the calendar and form with inital payments for deposits.

Screen Shot 2021-08-22 at 1.31 1
Revised Site Map:
Ellipse 16Ellipse 17Ellipse 18
Starting the Design
Line 4
Digital Wireframes
Low-fidelity Prototypes
Usability Studies
Digital Wireframes:

Once paper wireframes were completed, I had an understanding of the layout of the app. However during creating the digital wireframes, I did change some layouts to better fit the user’s needs.

Line 1
ImageImage
Home Page
Spalsh Page/Landing Page

This sections consist of a call to action, short description, and a easily accessible portfolio button.

Porfolio

For users who would like to scroll first, a sneak peak of portfolio is on home page.

Contact

Contact form is on home page for convience.

Instagram

Instagram is at the bottom for those who are interested in following

Low-Fidelity Prototype:

Low - Fidelity Prototype

Once the digital wireframes were created, I created the low - fidelity prototype, in which connected the user flow for finding art and reading artist bios.

Screen Shot 2021-08-24 at 5.56 1
Ellipse 23Ellipse 24
Refining the Design
Line 5
Mockups
High-Fidelity Prototype
Wireframe to Mockups:

This was the begining of the high-fidelity design with regards to the need changes that were found in the usability test.

Screen Shot 2021-08-24 at 1.04 1
Original Site Map:

I mapped out the original site map to better see where the flow problem is in the original website.

Image
Image
Arrow 29

Adding this side menu breaks the portfolio into categories. The categories help clients relate to the style photoshoot they will book with the photographer.

Categories for Portfolio:
Before Usability Study
After Usability Study

I changed the landing page to have the services be next to the hero image. This helped users quickly find what is offered.

Landing Page:
Before Usability Study
After Usability Study
Screen Shot 2021-08-25 at 10.24 1Image
Arrow 30
Mockups & Prototype
Screen Shot 2021-08-25 at 12.18 1Screen Shot 2021-08-25 at 10.24 2
Image
Image
ImageImageImage
Splash Page
Service Page
Portfolio Page
Contact Page
Booking Page
High-Fidelity Prototype:
High - Fidelity Prototype

The final prototype presented a dynamic and inviting flow to enticed potential clients to book a shoot.

Screen Shot 2021-08-25 at 3.54 1ImageScreen Shot 2021-08-20 at 10.47 1
Screen Shot 2021-08-20 at 10.47 2