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

Interactive

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

Interactive

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 | Interactive

microsoft hardware modules

microsoft hardware modules

Microsoft leading developer of personal-computer software systems and applications.

LIKE THIS 0
< BACK TO MAIN

Interactive

Microsoft leading developer of personal-computer software systems and applications.

about the project

These purpose of these stand-alone modules was to educate potential customers about the advantages of Microsoft’s line of hardware.

skills utilized

creative direction

interaction design
expanding skills

project highlights

SELF-STARTER

Having never used Silverlight or Blend, I taught myself how to use these apps to build the modules

CRANKING OUT PRODUCT

Designed / developed several modules for various Microsoft Hardware items (cameras, keyboards, etc).

SHOWCASE

Several products were featured, including the Sidewinder X4 keyboard and the LifeCam HD-6000

project images

Sidewinder X4 Overview
Sidewinder X4 Anti-ghosting capability
Sidewinder X4 Auto profile switching
LifeCam HD-5000 widescreen
LifeCam HD-5000 auto focus
LifeCam HD-6000 TrueColor
LifeCam HD-6000 360º lens rotation
BACK TO MAIN
Design | Interactive

oakley wearable electronics kiosk

oakley wearable electronics kiosk

Oakley is one of the leading product design and sport performance brands in the world, chosen by world-class athletes to compete at the highest level possible.

LIKE THIS 0
< BACK TO MAIN

Interactive

Oakley is one of the leading product design and sport performance brands in the world, chosen by world-class athletes to compete at the highest level possible.

about the project

The goal of this project was to create an interactive, touch-screen experience for Oakley. This experience would be available in-store in order to educate customers about the benefits of Oakley’s new line of Wearable Electronics.

skills utilized

interaction design

animation
development

project highlights

LOTS OF MOTION

Animated kiosk experience to showcase key features of each pair of Oakley sunglasses

PILES OF CODE

Led development of navigation, settings (volume, language, etc), animation, and voiceover cues

DOES IT WORK?

Spearheaded QA efforts, including fixing software bugs and testing on a touch-screen monitor

project images

WEP kiosk home screen
WEP kiosk Razrwire landing page
WEP kiosk Razrwire controls
WEP kiosk Razrwire electronics
BACK TO MAIN
Design | Interactive

kaiser permanente – kpvalue.org

kaiser permanente – kpvalue.org

Kaiser Permanente exists to provide high-quality, affordable health care services and to improve the health of their members and the communities they serve.

LIKE THIS 0
< BACK TO MAIN

Interactive

Kaiser Permanente exists to provide high-quality, affordable health care services and to improve the health of their members and the communities they serve.

about the project

Kaiser Permenante was looking for a way to get in touch with HR adminstrators in order to educate them about the benefits of the various health care plans they offer. KPValue.org was created to inform reps on what was available, the current state of healthcare, and possible ROI.

skills utilized

interaction design

video interactivity
web development

project highlights

CODE FOR DAYS

Developed site interaction which included secure authentication, real-time video triggers, a "scrubbable" video, and navigation

READY FOR LAUNCH

Partnered with web development team to facilitate implementation and launch

SECURITY WAS KEY

Because admins would receive a code for kpvalue.org, tight security was implemented to ensure no information was lost

project images

Welcome screen
Video about health care today
ROI
Registration page
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

Interactive

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 | Interactive
1

scene it? facebook game

scene it? facebook game

Screenlife Games was a premier game company transforming the way the world has fun through its socially interactive and immersive entertainment-based games and online experience.

LIKE THIS 1
< BACK TO MAIN

Interactive

Screenlife Games was a premier game company transforming the way the world has fun through its socially interactive and immersive entertainment-based games and online experience.

about the project

Screenlife launched an online iteration of their massively popular DVD-based board game, SceneIt?. The purpose of this project was to provide ongoing support and product enhancements for the Facebook-based version of SceneIt?.

skills utilized

creative direction

interaction design
development

project highlights

NEW FEATURES

Designed and implemented several new game features including user-generated content and monthly promotions

GET IN THE SCRUM!

Participated in scrum-style agile development process in order to identify, prioritize, and squash bugs as they were identified

THAT'S A LOTTA FILES

Managed the massive, MVC-based code library, which consisted of over 1,000 individual files

project images

SceneIt? loading screen
SceneIt? main menu
SceneIt? quiz question
SceneIt? design your character
SceneIt? list of quizzes
SceneIt? user-generated content
BACK TO MAIN
Design | Interactive | Motion

expedia storepoint expandables

expedia storepoint expandables

Expedia is a full service online travel platform that’s provides travelers access to airline tickets, lodging, car rentals, cruises, and activities and tours.

LIKE THIS 0
< BACK TO MAIN

Interactive

Expedia is a full service online travel platform that’s provides travelers access to airline tickets, lodging, car rentals, cruises, and activities and tours.

about the project

With the Storepoint Expandable product (SPE), we partnered with visitor bureaus, travel boards, and hotels to create rich media, microsite-esque experiences. These experiences would live on the expedia.com to promote their corresponding destination to users.

skills utilized

creative direction

interaction design
development

project highlights

CREATIVE CONSISTENCY

Worked with clients to ensure the creative of the SPE properly reflected the look-and-feel of their brand

FULL CYCLE

Designed, developed, tested, and launched SPEs for various clients

ARRAY OF CLIENTS

Clients included Colorado, Holland, Mexico, Renaissance Hotels, Residence Inn, and Samsonite luggage

project images

SPE for Westin Hotels
SPE for Samsonite
SPE for Renaissance Hotels
SPE for Renaissance Hotels (expanded state)
SPE for Montreal
SPE for Mississippi
SPE for Mexico
SPE for Holland
SPE for Holland (expanded state)
SPE for Colorado
BACK TO MAIN

Posts navigation

  • 1
  • 2
JonVernon.com JonVernon.com

©2023 JonVernon.com ::  All rights reserved