art-cards-putadotonit (1)

Untitled Art Space

Untitled Art Space

Role: Visual Designer
Client: Untitled Art Space
Platform: Print
Services: layout design, print production assistant.

I developed a gallery brochure including a gallery map and price tags for Vancouver based gallery Untitled Art Space’s anniversary show opening.

The Task
Using Adobe Indesign and Photoshop I created price tags for each art piece, a brochure for gallery visitors to navigate the art work and to take with them as a promotional material for the gallery and artists alike.

red-academy

Red Academy

Red Academy

Role: Visual Designer
Client: Red Academy
Platform: Print, web, social media
Services: logo/brand development, graphic design

I developed a new logo, and merchandise to represent the fall 2018 cohort for Red Academy.

The Task
Create a logo to represent the energy, community and skills being acquired at a Digital skills Bootcamp. The logo would be used as marketing assets such as on mugs t-shirts and online. I created both a CMK and RGB compatible files to easily be shared for production.

Ideation

Final Version

The Result

A logo design which worked perfectly on any platform.

Tools

Adobe Photoshop
Adobe Illustrator

Services

Illustration
Prototyping
Visual Design
Product Design

karen-logo

Karen Lucia

Karen Lucia

Role: Visual Designer
Client: Karen Lucia
Platform: Web, Social Media, Print. 
Services: logo/brand development, graphic/web design

I developed a new logo, potential products and a cohesive branding, including social media ads, for UK based lifestyle coach Karen Lucia.

The Task
I was hired to create a re-design Karen Lucia’s logo – the core of every brand – to be used for business cards, online with the potential to adapt to future product lines such as clothing.

The business offers coaching using emotional freedom therapy with a focus on a balance between mental and physical strength – especially for women.

The color palette was inspired by the owner’s goal to offer strength and balance to her clients. Lively solids, hard line and  soft pastels and the silhouette of a woman inspired by “We Can Do It!” the iconic World War II wartime poster produced by J. Howard Miller. 

Before

Karen Lucia previous logo

After

Tools

Adobe Photoshop
Adobe Illustrator
Adobe XD
Adobe Premier Pro
HTML, CSS

Services

Logo Design
Illustration
Prototyping
Visual Design
Product Development
Brand Development

Before

After

Play Video

The Result
I used photoshop and Illustrator to create the logo as well as to visualize how it might adapt to a clothing line.

bench-blog-coverimage

Bench Accounting

Bench Accounting

Role: Visual Designer
Client: Bench Accounting
Platform: Web, Social Media, Medium. 
Services: illustration, web design, Layout design, UI/UX.

I worked on numerous projects for the Saas fin tech’s including a custom illustration released on online and social media, a career blog hosted on Medium, partner desk slides, an employee handbook, hiring ads – aIl within the established styleguides.

The Task
Developed using Bench Accounting’s established style guide and direct input from the software company’s art director I created an illustration that would fit with their brand guidelines and highlight the key points in from the feature. In this case to share a small business owner turned author Mike Michalowicz’s success story.

Life at Bench – a career blog post was also made to echo the playful yet ambitious tone of the startup’s career opportunities. I worked with the art direction and another designer to apply the layout and navigation structure to support new talent joining the company.

Medium Career Blog

Tools

Photoshop
Illustrator
Medium
Adobe XD
Premier Pro

Services

Illustration
Visual Design
Layout Design
UX/UI

Tools

Photoshop
Illustrator
Medium
Adobe XD
Premier Pro

Services

Illustration
Visual Design
Layout Design
UX/UI

vamp-cover

Vamp

Vamp Mobile Platformer

Game Design
UI/UX Design
Visual Design

Tools

Photoshop
Illustrator

Services


Illustration
Prototyping
Visual Design

idle-harvest

Idle Harvest

Idle Harvest

Role: UI Artist/UX Designer
Developer: Skybox Labs
Platform: Kongregate
Technology: Unity

In my role as UI/UX designer, I was responsible for authoring design solutions for new features including created UI/HUD art, UX flows and Wireframes for new game features. I applied my professional experience in graphic, mobile, web and app design in creating performant assets to the game’s over 1 million players.

 

Play Video

The Task
My role was to develop 4 new features – a Merchant system, a Monetization system, a Relic/Rarity system and a crafting system. This included creating new icons, HUD assets, user flows, screens and currency assets in content creation tools such as Adobe Photoshop and Illustrator.

I used Adobe XD to create clickable prototypes which mapped out potential UX flows. This allowed for rapid iteration and feedback with my team which included a studio co-founder, stakeholders, art director, engineers and QA.

In the fast environment of game development, rapid prototyping creates a vehicle for the best design solution to emerge through team discussions and user tests. I then implemented the approved designs in Unity.

 

Idle-Harvest Icons
Play Video

Unity Optimization 
A huge part of making UI for games is to ensure performance benchmarks are observed and the gameplay is optimized. As with most development environments, there are technical restrictions that outline the design system that it holds together.

For Unity, I have learned some useful tricks along the way in my experience working with the game engine, conversations with engineers and fellow designers. For example, things like developing a game using multiple canvases rather than one canvas with a high number of elements is a great way to reduce canvas update overhead, improving performance. The main takeaway is how to reduce the amount of time spent updating and drawing the UI (e.g. sending draw calls to the GPU) and to make sure the players have the game play at the responsiveness they are expecting.

This holistic approach to design is built from experience building performant, responsive, and accessible screens across all devices which ultimately bring the company’s vision to life and spark joy in the user.

Play Video

Tools

Unity
Adobe Photoshop
Adobe XD
Adobe Illustrator
Git Version Control
Trello

Services

UI/UX design
Prototyping
Visual Design
Creating UI and HUD game assets
User Flow and Testing 
Presenting Case Study

The Result
My work resulted in new features being successfully shipped on time to Idle Harvest’s massive player base on Kongregate.

fireflower-code

Fire&Flower

Fire and Flower

Role: Project Manager, Designer, WordPress theme developer
Client: Fire and Flower
Platform: Web, mobile
Services: logo/brand development, graphic/web design and WordPress development.

In collaboration with developers I developed an adaptable WordPress theme logo, site structure for Vancouver based not-for-profit Fire flower. This also included conducting market research, developing user personas from user interviews and mapping out user flows to gain new awareness for the cause.

The Task

To develop a cohesive brand for client Fire and Flower including domain name consultation, a WordPress theme and a new logo. The WordPress theme’s long term goal was for it to allow the client to easily make adjustments, add content or new copy so they could focus on what matters most – growing the organization. 

My role in the project was lead designer, product manager, client liaison and front-end developer. I established priorities over a 3 week timeline and successfully designed an adaptable design system based on an alternating grid pattern. During this period I also developed a logo, conducted client walk throughs, created wireframes and a new navigation.

Before

After

Tools

Photoshop
Illustrator
WordPress
HTML
CSS
Javascript
Adobe XD
Trello

Services

Illustration
Prototyping
User Research
UX Design
Web Design
Logo Design
WordPress Theme Development

Before

Wireframe/After

The Result The result was a design system the client has successfully adapted as the business evolves. The logo I develops also continues to be the visual symbol of the organization. Visit Site
Layer 0

West Coast Hatters

West Coast Hatters

Role: Visual Designer, Copyrighter, UX/UI designer
Client:  West Coast Hatters
Platform: Mobile/Web, Social Media, UX, UI design, copywriting
Services: logo/brand development, graphic/web design

I re-designed a website including display ads, original copy, photo editing and navigation system for Vancouver based Hater Maker.

The Process
The task was to re-design the online experience for a Hat Making website. Part of the process was to develop a marketing plan, market research, develop personas and implement a new site on a tight schedule.

The primary goal of the website was to make the formerly unresponsive website accessible on all devices. I achieved this by making a new navigation system, separate pages for each of the business services and visible call to actions.

Before

After

Tools

Photoshop
Illustrator
Adobe XD

Services

Illustration
Prototyping
Visual Design
Web Development
Marketing Strategy

The Result
A responsive website that fully features the Hat makers talent and service line which increased the clients bookings by 80%.

Visit Site

lovesea-noshadow

Love Sea Photography

Lovesea Photography

Role: WordPress Web Developer
Client: Love Sea Photography
Platform: Web
Services: web development

In collaboration with fellow creatives and developers I developed a responsive website for a wedding photography business named Lovesea Photography.

 

The Task
A WordPress website made to showcase the company’s wedding photography and service line. Another objective was to design the website so the client could easily adapt it in the future as the business grew. 

As a developer I ensured that the site was optimized for all screen sizes and browser abilities – that meant making sure the code and assets were optimized to look great and load fast.

As a developer with a background in graphic design I also used my insights to make the collaboration between designers and developer as seamless as possible. For example, suggesting color or placement adjustments on partially designed interfaces.

Services

HTML, CSS, Javascript
GIT
Trello
WordPress

Services

Design Consultation
Front end development
Testing

The Result

The result is a responsive website which the client can update on the fly.

View