I am a UX design student.

I am a graphic and web designer.

I am a designer of user centered products.

My portfolio contains projects as a full time employee, freelancer, and friend.

Migrant Cafe

Migrant Cafe is an on-the-go espresso trailer that will soon be migrating around the greater Seattle area and the Pacific Northwest.

Brand Identity

Print Media

Packaging Design

Art Direction

Direction:

Migration Symbolism
Geographical Elements
Cultural History
Hispanic & Asian Background
Pastel/Natural Colors
Modern Trends with Traditional Styles

Tools:

Sketch Pad
Epson Scanner
Adobe Color
Photoshop
Illustrator

The CODA Sound

CODA is an indie emotional dance music record label comprised of music artists located in the NW and overseas. The CODA brand is full of contrasting historic imagery, patterns, and textures inspired by art of ancient eras. The site is very minimalist using mainly black and white until the user starts to navigate and hover over different elements; triggering custom CSS hover effects.

Website Design

UX Design

Art Direction

Color Psychology

Direction:

Soft, pastel color palettes
Color match to website imagery
Black + White + Accents
Make each artist page unique
Lifestyle Brand + Ecommerce
Create a platform for fans to interact with

Tools:

WordPress
HTML & CSS
Photoshop
Adobe Color
Soundcloud

Feed Co.

FEED is a farm supply store that only offers organic products. All types of products offered at FEED including food for cows, horse, chicken, rabbit, livestock, and much more. They wanted a different type of logo than the traditional farm supply store because they offer a drastically different product line. Their symbol mark is a corn stock in the shape of a lowercase “f” with a custom drawn wordmark.

Brand Identity

Retail Shopping Experience

Art Direction

Custom Typography

Direction:

Organic look and feel
Lean & Skinny
All natural color palette
Modern and progressive
Compete against GMO feed
Both local and national audiences

Tools:

Sketch Pad
Epson Scanner
Adobe Color
Photoshop
Illustrator

AlderEgo

AlderEgo Distribution is a wholesale distributor of custom labeled vape and cannabis accessories. While working as a full time employee, I did just about everything from retail signage to product catalogs to studio photography. I also performed other tasks such as purchasing, built websites, managed e-mail marketing, and designed custom packaging solutions. The product catalog displayed to the right was the main sales generator for new customers as well as repeat customers.

Graphic Design

Packaging Design

Catalog Design

Product Photography

Direction:

Organic look and feel
Lean & Skinny
All natural color palette
Modern and progressive
Compete against GMO feed
Both local and national audiences

Tools:

Adobe Creative Suite
Wordpress
Copy Wrights Printing/Signage
MailChimp
4′ x 4′ Whitebox
Canon 5D Mark III

JREG

JREG Development Group LLC is a residential construction company that builds extremely modern homes in the greater Seattle area. JREG builds extremely high-end, beautiful homes usually in a square or rectangle design. I wanted to design a symbol that resembled the modern style of homes they build while appealing exquisite in value. It was their idea to go with a gold and black color palette. I decided to use thick, matte black card stock and gold foil print for all of their stationery to convey a strong sense of professionalism.

Logo Design

Brand ID

Offset Foil Print

Art Direction

Direction:

High quality homes
Modern shapes and designs
Customers with $$$$$$
Simple lineage
Symbol mark necessary
Spacious typography

Tools:

Sketch Pad
Prismacolor Graphite’s
Adobe Color
Adobe Photoshop
Adobe Illustrator

Pegasus NW

Pegasus NW Inc. is a manufacturing company specializing in Water-Jet Cutting. They have been a Boeing supplier for many years and have received many awards for their professional service. Their website did not represent their professional business ethics and their Google-like feel to their facility so I shot photography of their main services, employees in action, as well as candid photos to show their company culture.

Web Design

Interactive Form

Graphic Design

UX Design

Direction:

High-end manufacturing
Dedication to professionalism
Fun work environment
Niche manufacturing process
Highlight awards & certifications
Design user friendly pages
Write understandable content

Tools:

WordPress
HTML & CSS
Photoshop
Adobe Color
Interactive PDF’s

CIMtech Inc.

CIMtech Inc. is a small manufacturing company specializing in mainly 3D printing, scanning, and advanced manufacturing. CIMtech was my first real employer after graduating college. I created 8-10 websites, managed e-mail marketing, planned trade shows, and much more throughout my tenure at CIMtech.

The “CIM” type is cut horizontally to represent additive manufacturing (prints the material layer by layer) and CNC Machining (cutting metal). The “tech” type has a diagonal overlay representing the surface texture of 3D printed objects.

Logo Update

Brand Identity

Consulting

Art Direction

Direction:

Old logo is sacred
Update typeface of “tech” + fix kerning
Add texture or depth
Update sky blue color
Horizontal lines
Vertical lines

Tools:

Sketch Pad
Adobe Color
Photoshop
Illustrator
Sticky Notes

AmmGen

AmmGen Development Group LLC is a commercial real estate firm servicing general contractors and large construction companies. Their management was very big on trying to incorporate specifically a Brazilian Emerald. The name AmmGen was created by the owner of the company who thought it’d be a good way to differentiate in a saturated market. The gem was created by layering numerous triangular shapes filled with gradients of different color and opacity.

Logo Design

Brand ID

Consultation

Art Direction

Direction:

Cursive typeface
Brazilian emerald
Blue + green color palettte
Incorporate gem in main logo
Corporate Real Estate
Small firm of 5 agents

Tools:

Sketch Pad
Adobe Color
Photoshop
Illustrator

MastercamNW

MastercamNW is the premium reseller of Mastercam in the Pacific Northwest. Mastercam is the most sold 3D CAD/CAM program in the world. The MastercamNW website had to follow strict guidelines within the Mastercam brand including colors, page structure, and content language. The website has a total of 35+ pages including the Mastercam product suite, events calendar, training classes and sign up, and documentation. This website was recognized by the Mastercam organization as “the best reseller website they’ve ever seen”. The website was also used as a model for showing other resellers how to correctly follow the Mastercam brand guidelines.

Website Design

UX Design

Onsite Training Calendar

Adhering to Brand Guidelines

Direction:

Mastercam Corporate Guidelines
Stand out amongst other resellers
Advanced Manufacturing
Condense technical info into readable pages
Consistent Navigation Flow
Easy to find documentation and help

Tools:

WordPress
HTML & CSS
Events Manager
Photoshop
MailChimp

BABC-PNW

BABC, short for British American Business Council, has a strong presence in the Pacific Northwest. My interactions with them were only regarding the aerospace industry while I was an employee working for Aerospace Vendors. Each year, the BABC-PNW hosts an annual aerospace conference where all of their members gather and listen to keynote speakers from major OEM aerospace companies. I was tasked with creating a graphic to use for e-mail marketing campaigns and website headers. Since the aerospace industry is always in a “progressive” state, I designed a geometric pattern to represent forward motion and innovation.

Event Promotion

E-mail Marketing

Graphic Design

Website Promotion

Direction:

Aerospace industry
Progressive
Patterns with irregularities
Innovation
Advancement of technology
Aircraft of the future

Tools:

Photoshop
Illustrator
Sketch Pad
Prismacolor Graphite’s

Pacific Utility

Pacific Utility Contractors Inc. is a medium sized construction company specializing in Out-Of-Plant Telecommunication Construction. Basically they install fiber optic cable installation for companies like Century Link and Comcast. The owner wanted to keep their current logo with their website revamp but I insisted it should be updated. The cursive type represents the fiber optic cable that PUCI constructs and installs.

Brand Refresh

Typography

Photoshop 3D

Logo Design

Direction:

Update main typeface
Replace tagline typeface
Keep the same look and feel
Small, construction company
Add “edginess”
Make it pop but not too much

Tools:

Photoshop
Google Fonts
Adobe Color
WhatTheFont
Illustrator

Artec 3D

Artec 3D is a website built for CIMtech Inc. who is a reseller of Artec 3D Scanners. The site follows the Artec 3D corporate brand guidelines but also has a touch of CIMtech Inc.’s seafoam color throughout. The website was built as a platform to showcase the two 3D scanners sold by CIMtech, exhibit real life applications, and provide instruction and support to existing customers.

Website Design

E-Commerce

Documentation Design

Videography

Direction:

Migration Symbolism
Geographical Elements
Cultural History
Hispanic & Asian Background
Pastel/Natural Colors
Modern Trends with Traditional Styles

Tools:

WordPress
HTML & CSS
Adobe Photoshop
Adobe Color
Adobe Premiere
Canon 5D Mark III

Koger LLC

Koger LLC is a small manufacturing company specializing in CNC programming and G-Code. They approached me looking for a cutting edge logo that represented their line of business. The symbol mark I created shows the cutting aspect of their business by taking different sections away from the “K”. The border around the K has contours on the corners, also relating to a type of layout in CNC programming.

Website Design

UX Design

Art Direction

Color Psychology

Direction:

Strong, Bold, Modern
Clean Lines
Layered Cuts
Try to incorporate 3D
CNC Machining Practices
Advanced Manufacturing Processes

Tools:

WordPress
HTML & CSS
Adobe Photoshop
Adobe Color

May Thai Cuisine

May Thai Cuisine is a Thai restaurant located on Vashon Island. The restaurant had many complaints that their menu was hard to read by many of their guests because of the small font size. They wanted to keep the same style of design as it was based on the history of Thailand and their King. The cover art is an oval vignette of custom drawn Thai symbolism. Inside the oval is a drawing of the imported Thai paneling inside the restaurant that was imported in the 1940s. The menu contradicts many design standards throughout that strongly relate to Thai culture. The red elephants on the menu symbolize the very spiciest foods offered at May.

Restaurant Menu Design

Custom Pattern Design

Digital Art

Cultural Research

User Research

Direction:

Strong Thai style
Exquisite Thai food
Simple, spacious type design
Font needs to be easily readable
Culture rich environment
Black type on gold paper

Tools:

Adobe InDesign
Adobe Illustrator
Adobe Photoshop
Epson WF-7510 Scanner
Pantone Color guide

CimMed

CimMed is an advanced medical company that has invented an alternate technology to traditional skin grafting processes. By using the Artec 3D Eva scanner, medical staff is able to get an extremely accurate 3D model of burn victim’s faces without causing any pain. That 3D model is then used to create an exact replica and vacuum form a mask made of special silon STS plastic for the patient to use. This website explains that process as well as provides documentation and instruction for new and existing customers. CimMed works primarily with Harborview Medical center but works with many out-of-state medical centers as well.

Website Design

Photo & Video

Documentation Design

UX Design

Direction:

Advanced Medical Process
Easy for medical professionals to use
Provide HELPFUL documentation
Use media to show instruction
Gain trust early
Show equipment used in process

Tools:

Artec Eva 3D Scanner
Wordpress
HTML & CSS
Adobe Creative Suite
Canon 5D Mark III

Thanks for stopping by!

Name:
Derek Hawn