UXJames | The Professional Design Portfolio of James Coles

sacred surf hawaii

Sacred Surf Hawaii is a Hawaiian based trucker hat company. www.sacredsurfhawaii.com

Overview

Sacred Surf Hawaii’s website was originally built on Shopify, but the owner, Jen Gagen, wanted to switch to a more cost-effective platform. We decided to use WordPress with WooCommerce as the e-commerce solution. I was responsible for creating all the graphics, layout, and overall flow of the site.

My Role

Color Pallet
Layout and Design
Prototyping
User Feedback

My Team

Designer

My Tools

WordPress
Figma
Illustrator
Photoshop

Typography

Color Pallet

60–30–10

Primary Color

#b3a18d

Accent Color 01

#00b2d2

Accent Color 02

#ff7736

Home Page

Jen Gagen wanted a very simple design and layout to reflect the simplicity of trucker hats. I delivered just that. She was pleased with the design, so I maintained the same minimalist approach throughout the entire site.

Current Giveaway Page

The product page follows the same simple design and layout. We chose WooCommerce for the e-commerce solution and Stripe as the payment processor.

Let’s Connect

Please feel free to reach out to discuss collaboration opportunities. Let’s create something great together.

restech web

ResTech is a powerful web-based CCaaS software that delivers an unmatched omni-channel communication solution for customers.

Overview

ResTech required a website to support the sales and marketing team in promoting the CCASS product. As a team, we thoroughly storyboarded and prototyped the site before moving on to the final build. We chose WordPress as our content management system (CMS) to facilitate easy collaboration and accessibility within the team.

My Role

Market Research
Planning & Strategy
Color Pallet
Design
Prototyping
User Feedback

My Team

1 Design Lead
1 Product Manager

My Tools

WordPress
Figma
Illustrator
Photoshop
Asana
Slack

Color Pallet

60–30–10

Primary Color

#A5D6EB

Secondary Color

#2A60D0

Accent Color 01

#E56262

Accent Color 02

#FFD21F

Home Page

This serves as an introduction for both new and returning visitors, offering a summary of all that ResTech provides.

Product

ResTech provides a diverse range of innovative products. I took the lead in structuring each section and creating engaging graphics that clearly illustrate the benefits of every product.

Pricing Page

The pricing page presented a challenge due to ResTech’s billing model. With numerous features being advertised, space became a constraint. However, we successfully organized all the information on the page in a clear and cohesive manner.

Let’s Connect

Please feel free to reach out to discuss collaboration opportunities. Let’s create something great together.