JonVernon.com JonVernon.com
  • Home
  • skillset
  • Portfolio
  • Experience
  • Endorsements
  • Contact me
GRAB MY RESUME
JonVernon.com
  • Home
  • skillset
  • Portfolio
  • Experience
  • Endorsements
  • Contact me
Design | Interactive | UX/UI

pantech matrix pro website

pantech matrix pro website

Pantech is a South Korean company that manufactures mobile phones for the two largest wireless carriers in the U.S., AT&T and Verizon.

LIKE THIS 0
< BACK TO MAIN

UX/UI

Pantech is a South Korean company that manufactures mobile phones for the two largest wireless carriers in the U.S., AT&T and Verizon.

about the project

In order to evangelize their new device, the Matrix Pro, Pantech wanted to create an interactive demo. This demo would be utilized to educate consumers about the benefits of the device.

skills utilized

creative direction

interaction design
development

project highlights

CREATIVE CONSISTENCY

Worked to ensure the interactive demo properly reflected the look-and-feel of the device's marketing material

END-TO-END

Animated design elements in order to create an seamless and immersive experience

CODE MAKES IT GO

Developed the backend for the demo, including navigation and dynamic content

project images

New Gallery
The power to SET YOUR PACE
The power to BRING IT ON
The power to MAKE IT GOOD
The power to OWN THE MOMENT
BACK TO MAIN
Design | Interactive | UX/UI

htc fuze website

htc fuze website

HTC brings brilliance to life through leading innovation in smart mobile device and experience design.

LIKE THIS 0
< BACK TO MAIN

UX/UI

HTC brings brilliance to life through leading innovation in smart mobile device and experience design.

about the project

The purpose of this project was to create an online, immersive, 3D experience that featured the newly-launched HTC Fuze. This experience would give users the chance to interact with the phone online, in a very simliar way to how they’d interact with the phone a retail setting.

skills utilized

interaction design

animation
development

project highlights

TEAMWORK

Partnered with another developer to incorporate an interactive 3D model of the device on the site

MOVIN' AND SHAKIN'

Created animations that mimicked the UI of the phone so users could really get a feel for the interaction

LOST IN CODE

Helped to develop the site backend, contributing to areas like navigation and dynamic content

project images

360º view (closed phone)
360º view (open phone)
Home page
People page
Music page
Weather page
BACK TO MAIN
Design | UX/UI

embrace the lemon campaign

embrace the lemon campaign

A social awareness campaign created by Worktank, a full-service marketing agency based in Seattle.

LIKE THIS 0
< BACK TO MAIN

UX/UI

A social awareness campaign created by Worktank, a full-service marketing agency based in Seattle.

about the project

We’ve all heard the phrase, “when life gives you lemons…” The Embrace the Lemon campaign was launched to foster positivity. The main goal was to help people connect with each other by sharing their own stories and, hopefully, help them feel like their not alone.

skills utilized

visual design

photography
marketing

project highlights

PROMO MATERIALS

Created marketing materials for the campaign (banners, stickers, etc)

FREEZE FRAME

Shot high-quality photos at various Embrace the Lemon events

STICKERS FOR DAYS

Helped sticker ~1,000 lemons that were handed out on the streets of Seattle

project images

stickered lemons
MORE stickered lemons
promotional posters
promotional posters
ETL website
the ETL crew
everyone workin' hard
the big yellow mascot
BACK TO MAIN
Design | Interactive | UX/UI

worktank capabilities website

worktank capabilities website

Worktank was a full-service marketing agency based in Seattle.

LIKE THIS 0
< BACK TO MAIN

UX/UI

Worktank was a full-service marketing agency based in Seattle.

about the project

Worktank needed a website that could be featured as an online destination in order to evangelize the agency, its capabilities, and the services they offered. Instead of a “leave-behind” book, this site would be sent to potential clients for them to learn more about what Worktank had to offer.

skills utilized

interaction design

animation
development

project highlights

OBJECTS IN MOTION

Created fluid, eye-popping animations for each section of the site

HOW IT'S MADE

Developed the site backend, including navigation and dynamic content

PROPER VISION

Worked with agency owners to ensure site content fit within their vision

project images

Intro
Home page
About Worktank
Capabilities
Case study
Contact form
BACK TO MAIN
Design | UX/UI

at&t page designs

at&t page designs

AT&T is a US-based telecoms company, and the second largest provider of mobile services and the largest provider of fixed telephone services in the US.

LIKE THIS 0
< BACK TO MAIN

UX/UI

AT&T is a US-based telecoms company, and the second largest provider of mobile services and the largest provider of fixed telephone services in the US.

about the project

Page layout and user experience became an increasingly important component of my job over my time at AT&T. Often times, a project would contain several changes to a page, necessitating a full-page comp for review. The gallery below is a small selection of page layouts I designed over the course of several years.

skills utilized

creative direction

visual design
ui/ux

project highlights

EYE-CATCHING CREATIVE

Delivered high-quality visuals for various promotions, offers, and launches between 2011-2020

PROTECT THE BRAND

Ensured all page layouts followed the brand guidelines for not only AT&T, but also various manufacturers and production studios

FROM DESIGN TO CODE

Worked with the implementation and dev teams on trouble-shooting issues in staging to ensure creative consistency

project images

BACK TO MAIN
Design | UX/UI

at&t marquees

at&t marquees

AT&T is a US-based telecoms company, and the second largest provider of mobile services and the largest provider of fixed telephone services in the US.

LIKE THIS 0
< BACK TO MAIN

UX/UI

AT&T is a US-based telecoms company, and the second largest provider of mobile services and the largest provider of fixed telephone services in the US.

about the project

The marquee at the top of the page was high-value real estate on att.com. This space was utilized to present users with the latest offers and incentives from AT&T. The gallery below is a small selection of marquees I designed over the course of several years.

skills utilized

creative direction

visual design
ui/ux

project highlights

EYE-CATCHING CREATIVE

Delivered high-quality visuals for various promotions/offers/launches between 2011-2020

FROM DESIGN TO CODE

Worked with the implementation and dev teams on trouble-shooting issues in staging to ensure creative consistency

CHANGING THINGS UP

Led several initiatives to enhance the marquee space, including full-bleed imagery and flexible heights

project images

DIRECTV promo
DIRECTV + internet promo
DIRECTV + internet + home phone promo
DIRECTV + internet promo
AT&T TV promo
AT&T TV + HBO Max promo
U-verse TV + HBO promo
U-verse TV + HBO promo
myAT&T promo
myAT&T promo
myAT&T promo
BACK TO MAIN
Design | UX/UI

directv set-top box home pages

directv set-top box home pages

DIRECTV, incorporated in 2009, is a provider of digital television entertainment in the United States and Latin America. They’ve been at the forefront of entertainment for nearly three decades.

LIKE THIS 0
< BACK TO MAIN

UX/UI

DIRECTV, incorporated in 2009, is a provider of digital television entertainment in the United States and Latin America. They’ve been at the forefront of entertainment for nearly three decades.

about the project

DIRECTV home pages are landing pages on the set-top box where users can choose a category, such as On Demand, and see what the latest offerings are. These pages were very high-traffic, so they were refreshed often.

skills utilized

creative direction

visual design
ux/ui

project highlights

LOTS OF PAGES

Home pages spanned several different categories, including Movies, Movies in 4K, TV shows, On Demand, Kids, and more

A KEEN EYE

As the lead Art Director, it was my responsibility to uphold the DIRECTV brand style as well as ensure consistency across all home pages

A NEW STYLE

Worked with business owners to incorporate background styles into various pages in order to promote things like new releases or seasonality

project images

DIRECTV 4K Movies
DIRECTV Movies
DIRECTV Movies
DIRECTV TV Shows
DIRECTV TV Shows
DIRECTV Kids
DIRECTV Kids
DIRECTV On Demand
DIRECTV On Demand
DIRECTV On Demand
BACK TO MAIN
Design | UX/UI

directv set-top box guide banners

directv set-top box guide banners

DIRECTV, incorporated in 2009, is a provider of digital television entertainment in the United States and Latin America. They’ve been at the forefront of entertainment for nearly three decades.

LIKE THIS 0
< BACK TO MAIN

UX/UI

DIRECTV, incorporated in 2009, is a provider of digital television entertainment in the United States and Latin America. They’ve been at the forefront of entertainment for nearly three decades.

about the project

DIRECTV guide banners are spots in the set-top box guide that are designated space for marketing and advertising. Promotions included movies, shows, PPV events, and more.

skills utilized

creative direction

visual design
brand design

project highlights

CHANGING THINGS UP

Led several initiatives to enhance the DIRECTV guide banners, including exploring different layouts, flags, CTA buttons, and more

EYE-CATCHING CREATIVE

Delivered high-quality visuals for various promotions, offers, and launches between 2011-2020

SPEED-TO-MARKET

Created and optimized a template system for the design team in order to improve design turnaround as well as reduce errors

project images

BACK TO MAIN

Posts navigation

  • 1
  • 2
JonVernon.com JonVernon.com

©2023 JonVernon.com ::  All rights reserved