+ All Categories
Home > Documents > ProSeal Asphalt Maintenance€¦ · Portfolio Samples | Raun Design Author: Raun Kercher Subject:...

ProSeal Asphalt Maintenance€¦ · Portfolio Samples | Raun Design Author: Raun Kercher Subject:...

Date post: 15-Aug-2020
Category:
Upload: others
View: 1 times
Download: 0 times
Share this document with a friend
3
UX Case Studies UNDERSTAND RESEARCH ANALYZE Low Fidelity Prototyping: A low fidelity sketch of computer drawing helps identify progress in the early stages of the process. The above diagram was used to better understand the pages and where they fall in the website’s hierarchy. Personas Ken (business owner) Jane (home owner) Bob (Maintenance Worker at a High School) Megan (landlord) UNDERSTAND RESEARCH ANALYZE Personas & Scenarios: Before digging deeper into a higher quality design, there is a need to understand the personas that are likely to visit your page. By walking through the users’ experience, there are clear similarities that can be identified. We can see that the services are the main interest. Design: A decision was made to further expand the services page to list specific services offered. This individualized listing allows for more details to describe each service provided. Having the service pages easily accessible from the home page allows for easy navigation. Additionally, it was determined that the icons along the right side of the page are both eye-catching and easily visible to users. UX DESIGN ProSeal Asphalt Maintenance 01 01 02 03 Scenarios Needs maintenance and getting prices for the work to be done. Needs sealing and a crack repaired at a private residence. Needs a crack repaired as well as sealing and painting on outdoor athletic courts. Needs patch work, asphalt sealing and line painting 02 03 Raun Kercher 610.389.4131 [email protected] • raundesign.com © 2020 Raun Design. All rights reserved
Transcript
Page 1: ProSeal Asphalt Maintenance€¦ · Portfolio Samples | Raun Design Author: Raun Kercher Subject: portfolio, graphic design, website design, web development Created Date: 5/18/2020

UXCase Studies

UNDERSTAND RESEARCH ANALYZELow Fidelity Prototyping: A low fidelity sketch of computer drawing helps identify progress in the early stages of the process. The above diagram was used to better understand the pages and where they fall in the website’s hierarchy.

Personas

Ken (business owner)

Jane (home owner)

Bob (Maintenance Worker at a High School)

Megan (landlord)

UNDERSTAND RESEARCH ANALYZEPersonas & Scenarios: Before digging deeper into a higher quality design, there is a need to understand the personas that are likely to visit your page. By walking through the users’ experience, there are clear similarities that can be identified. We can see that the services are the main interest. Design: A decision was made to further expand the services page to list specific services offered. This individualized listing allows for more details to describe each service provided. Having the service pages easily accessible from the home page allows for easy navigation. Additionally, it was determined that the icons along the right side of the page are both eye-catching and easily visible to users.

UX DESIGN

ProSeal Asphalt Maintenance

01

01

02

03

Scenarios

Needs maintenance and getting prices for the work to be done.

Needs sealing and a crack repaired at a private residence.

Needs a crack repaired as well as sealing and painting on outdoor athletic courts.

Needs patch work, asphalt sealing and line painting

02

03

Raun Kercher 610.389.4131 [email protected] • raundesign.com © 2020 Raun Design. All rights reserved

Page 2: ProSeal Asphalt Maintenance€¦ · Portfolio Samples | Raun Design Author: Raun Kercher Subject: portfolio, graphic design, website design, web development Created Date: 5/18/2020

UXCase Studies

DESIGN LAUNCH ANALYZE AGAINHigh Fidelity Prototyping: Three design options were created during the prototyping process that were narrowed down to the final selection above. Web Development: After completion of the prototyping process, the website was then hand coded to create the designed website above.

04

05

Option A

Option B

Option C

04

05

UX DESIGN

ProSeal Asphalt Maintenance

Raun Kercher 610.389.4131 [email protected] • raundesign.com © 2020 Raun Design. All rights reserved

Page 3: ProSeal Asphalt Maintenance€¦ · Portfolio Samples | Raun Design Author: Raun Kercher Subject: portfolio, graphic design, website design, web development Created Date: 5/18/2020

UXCase Studies

DESIGN LAUNCH ANALYZE AGAINWhen a new ‘Sports Surfaces’ service was requested, the website was reanalyzed through the design process. To add this new service to the list, a new icon was created and a slight alteration to the existing website was made.

06

06

UX DESIGN

ProSeal Asphalt Maintenance

Raun Kercher 610.389.4131 [email protected] • raundesign.com © 2020 Raun Design. All rights reserved


Recommended