WEBSITE

Pacific Coast Highway One

Pacific coast highway one is a website specifically designed as a tour guide for people who would like to visit the beautiful view along with their journey of the Pacific coast highway one. On the website, you can find detailed information regarding various famous spots for sightseeing on the Pacific coast highway one, which can be used to help prepare your upcoming trip to that famous road.

pch project

PROJECT

Website

ROLE

Desgin
Interaction
Development

TOOL

Illustrator
Sketch
HTML
SASS
jQuery

TIME

2016.11

BACKGROUND

As the most well-known route in the world, Pacific Coast Highway One became one of the top choices when people planning on a holiday vacation or a honeymoon. Even though there are a lot of existing websites nowadays introducing Highway One, none of them is particularly created for couples.


Most of the couples find it tough to plan their trip on Pacific Coast Highway One and what they can do during their trip because there are not a lot of helpful resources that are specifically targeted for them.

pch img2

PROPOSAL

To be distinguished from a similar website in the market, I decided to use the illustrations to showcase the featured attractions along the route trip. The layout and design will be developed by Photoshop and Sketch. Finally, I plan to use HTML, CSS, and jQuery to implement my design and make it live. On top of that, Animations and interactive designs will be added to illustrations and images elements to make the website more dynamic and playful.

pch img3

TARGET AUDIENCE

Age Range / Generation Identifier and Behavioral Attribute

audience_group27-40 years old to-be-married couples who is planning on honeymoons

audience_group20-26 years old young couples who want to have a holiday getaway

audience_group30-50 years old parents who want to have a realaxing & kid-free holiday vacation

PERSONA

pch persona

USER RESEARCH

pch interview

WIREFRAMES & DESIGN

INTERACTIVE DESIGN

pch animation1 pch animation1 pch animation1 pch animation1

ILLUSTRATION

pch illustration pch illustration

STYLE GUIDE

pch illustration

DEVELOPMENT

Coding PCH One was really a challenge for me. It took me a while to figure out how to implement the grid layout. It was also my first time using tween.js.