Jon Hutchison

Cancer Help App Devices

Classwork

"Cancer Help" iPhone App Concept

From scratch, I developed a concept, did a competitive analysis, built a user flow, designed wireframes and developed a web prototype for this iPhone application designed to help cancer patients and caretakers. This concept is evolving each day and updates will be posted periodically.

The tasks displayed in the prototype are: Log a Medication, Look up the word 'Melanoma' and create a note.


Concept, Competition Analysis, Personas (PDF)
User Flow, In Progress (PDF)
Initial Wireframes (PDF)
Mockups (PNG)
Working Web Prototype
Lauberge Website Devices

Classwork

L'Auberge Restaurant Responsive Website

I designed this website in class for a local fine dining restaurant that unfortunately went out of business during the process of creating the site. The website is responsive on desktop, tablet (portrait and landscape) and mobile (portrait and landscape), so try it on all of them!

Only the 'Home' page and 'Contact & About' page are working due to time constraints of the class time.


View the Website
Mobile App Devices

Classwork

Mobile App Research, Presentation, Redesign

With two other classmates, we researched several different mobile applications in a specific type of app. Our specific type was radio applications. For my part of the project, I researched the iHeartRadio and TuneIn Radio apps and reported my findings. As a group, we decided that the slacker radio application that on group member researched was the app that needed a redesign. Each member put together user flows and new wireframes for a redesigned version. Below is the presentation and revised user flows and wireframes in PDF format.


Presentation (PDF)
User flows and wireframes (PDF)
San Diego Chargers ReDesign Devices

Classwork

San Diego Chargers Website Redesign and User Study

Completed over the course of 10 weeks, this class project involved an in depth look at a certain industry and a website that could improve from a complete redesign. Along with two other classmates, we chose National Football League teams as our industry and narrowed our scope to the San Diego Chargers web site. We started off with a complete written analysis (downloadable below) of the industry, the existing website and the likely user base. We then conducted user testing experiments with surveys and card sorting activities. From there we developed a navigation system that would adhere to all types of users. Individually, we drew up site maps, wireframes, prototypes and a final design of four different pages. The objective of the project was to cover each step of the user experience and design process from the ground up. All photos, logos and some advertisements are property of The San Diego Chargers.


Download industry, site and user analysis (PDF)
Download site map, wireframe, final design portfolio (PDF)
Perkis Website Devices

Freelance Work

Perkis Band Website

This website was designed and coded over the course of around 4 weeks. The band wanted a one-stop source for all news, media, social networking options and information. All media used in the website is property of me and Perkis band. The site has been taken down from its offical URL due to indefinite hiatus taken by the band. You can view a working version of it by following the link below.


Go to Perkis Website
some_text

I'm the 'Users' Best Friend.

From phone applications to full blown websites, I'm an advocate for crisp, clean, and extremely usable interfaces. Seeing how people interact with and where they view a digital product is just the beginning. I take user feedback or research and transform it into an experience they love, through iterations of deliverables like user-flows, site maps, wireframes, mockups and rapid prototypes. I've also got quite a few other skills in many different areas of design and interactivity (check out my resume for those). I'd be honored to help you take your project to the next level of usability.