Upload
phamdien
View
215
Download
0
Embed Size (px)
Citation preview
www.jasonrobb.com [email protected] 617-899-6400 75 St. Alphonsus Street Apt. 705, Boston, MA, 02120, USA
JASON ROB!"I design delightful web sites.Recent experience
Language International (October 2008–Present)Experience design, visual design, UI, HTML/CSS, jQuery, Drupal. www.languageinternational.com
MyHappyPlanet (April 2008–Present)Experience design, UI, HTML/CSS, jQuery.www.myhappyplanet.com
Jason Robb Design (2004–Present)Freelance UX, IXD, IA, graphic design, visual identities, HTML/CSS templates. www.jasonrobb.com
Formal#y educated & autodidactic
Community College of Allegheny CountyGraphic communications, Associates degree (2006), Web designer, Certificate (2007)
I attend conferences: UPA Boston, Refresh Boston, An Event Apart, NAPP, and presented at Pittsburgh Web Design Day (April 2009)
I organize a book club: UX Book Club Boston www.uxboston.com
I write about UI Scraps: a collection of good, bad, and noteworthy interface designs.http://uiscraps.tumblr.com
And I write about design & life: www.jasonrobb.com
User Experience: Adaptive Path, Bill Buxton, James Kalbach, Steve Krug
Design: Paul Rand, Robert Bringhurst, Pentagram Partners, Edward Tufte
Web: Dan Cederholm, Je!rey Zeldman, Jared Spool, Jason Santa-Maria, Daniel Mall
References available, natural#y: Brian O’Neill, Karen Ong, Tony Vespa, Jim Wells
Inspired & influenced by:
JASON ROB!! www.jasonrobb.com [email protected] 617-899-6400www.jasonrobb.com [email protected] 617-899-6400
Language International: Experience design
LIME project sketchboard
Problem: Student advisors (SA) waste lots of time creating invoices. Their primary tasks are to get accurate prices and create a printable invoice for prospective customers.
Goals: Build a web app that makes it easy and fast to create invoices. The system must have accurate price data so the student advisors don’t have to scour through PDF brochures for course prices.
Measuring the success: SA’s created 1 invoice and spent 30 minutes to create it. After launching LIME they spent 1 minute per invoice. With 7 student advisors, the company saves approximately 24.5 man-hours per day.
24.5 man-hours per day saved.
JASON ROB!! www.jasonrobb.com [email protected] 617-899-6400www.jasonrobb.com [email protected] 617-899-6400
Language International: Experience design
Above: Early version of the sketchboard.
Always eat cake after sketching.
Above: Reviewing the progress with the CEO/Product manager and Sales manager, taking notes while we discuss the vision for LIME.
www.jasonrobb.com [email protected] 617-899-6400 JASON ROB!! www.jasonrobb.com [email protected] 617-899-6400www.jasonrobb.com [email protected] 617-899-6400
Language International: Experience designLeft: Prototype screenshot with notes about the naunced interactions throughout the app.
Below: Full screen view of the invoicing tool.
JASON ROB!" www.jasonrobb.com [email protected] 617-899-6400www.jasonrobb.com [email protected] 617-899-6400
Language International: Logo design
Refined logo mark sketch and logo type specimens
Final logo design
Early sketches and ideation
www.jasonrobb.com [email protected] 617-899-6400 JASON ROB!" www.jasonrobb.com [email protected] 617-899-6400www.jasonrobb.com [email protected] 617-899-6400
Language International: Experience designHome page: www.languageinternational.com
Language InternationalWireframe: Home page
Purpose of this document:
This wireframe shows the redesigned content on our home page. Is this the right content? The presentation will change, the layout is a bit cramped, but that will be adjusted later. Shown below is the home page MINUS the header, navigation and footer.
Notes
Clear, concise H1 & Tour linkA) Pending final revision, this is our mission statement packed into 7 words or less.B) Take the tour - maybe not the best copywriting. Something to this e!ect. The people that "get it" will find the search form, destinations, or special courses below.
1
Created on Tue Feb 17 2009Modified on Wed Feb 18 2009
Created by Jason Robbwf-HomePage2.gra"e
IconWe have thousands of courses, all at high quality schools.
Search courses now
Easily compare multiple courses & schools Icon
Learn more about us
Our student advisors are knowledgeable, friendly, and want to help you find the perfect match.
Free student counseling
Icon
Price matching policy
If you find a cheaper price somewhere else we'll match it!
Low prices guaranteed
Photo of a city or personFind language courses at the best schools
USA Boston
San Antonio
Nomans Land
New York City
Pittsburgh
Someplace
Los Angelos
Baltimore
Lightville
UK London Cambridge Berkshire
Study abroad destinations
Study English
Find a course
Select a language
Language
Select a country
Country
Select a country
City
Study in sunny Boston USA, where the grass is greener and the air is cleaner.
Summer courses
Your boss will love you and want to give you a raise immediately.
Business courses
Send your kids to Italy to work like slaves for 6 weeks.
Kids courses
1.A
Triple playThree great things that we do that makes us stand apart from out competition. Icons are either already made or need minor tweaking to fit.
2
2Mini-search got minifiedNo AJAX . Why? It's complicated and redundant. The original design was apart of a larger (now extinct) UX.
No duration - it isn't something people think about from the start. It's important. But I'd be willing to bet that data shows that nobody adjusts it from the home page (reference needed, lil help Mike?).
3
Search courses
Destination tableList all locations in every language we o!er. These links go to our SERP. If they click "USA", then we show them the default search for all cities in the USA, intensive courses only, for an duration.
4
Study Spanish
Specialty coursesThese won't be blue links, but they'll be obviously clickable. Presentation withstanding, ideally, these clicks send our users to SERP for these course types. Until then, we'll push them to our contact form. (See notes on Navigation paths.)
5
Take the tour >1.B
43 5
Annotated wireframe (Omnigra"e) Early sketches of home page
JASON ROB!" www.jasonrobb.com [email protected] 617-899-6400www.jasonrobb.com [email protected] 617-899-6400
Language International: Interface designCourse detail page: www.languageinternational.com/course/758/detail
Sticky note wireframes
Annotated wireframe sketches Final UI design
www.jasonrobb.com [email protected] 617-899-6400 JASON ROB!" www.jasonrobb.com [email protected] 617-899-6400www.jasonrobb.com [email protected] 617-899-6400
Language International: Interaction designShowing the possible link paths to get from point A to point B
The sticky notes to the left are the early wireframes for each of the corresponding pages in the grid above.
JASON ROB!" www.jasonrobb.com [email protected] 617-899-6400www.jasonrobb.com [email protected] 617-899-6400
MyHap$yPlanet: Logo & Interface design
Improved logo type (globe not mine)
Redesigned, logged out home page
www.jasonrobb.com [email protected] 617-899-6400 JASON ROB!" www.jasonrobb.com [email protected] 617-899-6400www.jasonrobb.com [email protected] 617-899-6400
MyHap$yPlanet: Refactoring projectRefactoring of table-based, convoluted web site. Front-end and back-end code needed to be salvaged if possible, or created anew if not. I converted countless table-based pages to CSS-based layouts.
Timeline of tasks
CSS file structure and outline
Visual inventory of all pages
JASON ROB!" www.jasonrobb.com [email protected] 617-899-6400www.jasonrobb.com [email protected] 617-899-6400
Logged in home page redesign
MyHap$yPlanet: Interface design
www.jasonrobb.com [email protected] 617-899-6400 JASON ROB!" www.jasonrobb.com [email protected] 617-899-6400www.jasonrobb.com [email protected] 617-899-6400
Compose message page Compose message page wireframe sketch
Notes on prob-lematic UX, and consider-ing possible solutions.
MyHap$yPlanet: Interface design
JASON ROB!" www.jasonrobb.com [email protected] 617-899-6400www.jasonrobb.com [email protected] 617-899-6400
Barbara Wel#s Studio: Art directionHome page: www.barbarawellsstudio.com
Collections page: www.barbarawellsstudio.com/collections/
About page: www.barbarawellsstudio.com/about/
I designed & developed the whole site from front to back, and continue to maintain the site for the Wells.
www.jasonrobb.com [email protected] 617-899-6400 JASON ROB!" www.jasonrobb.com [email protected] 617-899-6400www.jasonrobb.com [email protected] 617-899-6400
Barbara Wel#s Studio: Art directionLocations page: www.barbarawellsstudio.com/locations/
JASON ROB!" www.jasonrobb.com [email protected] 617-899-6400www.jasonrobb.com [email protected] 617-899-6400
UI Scraps: Identity design & blogI write about good, bad, and noteworthy interface designs: http://uiscraps.tumblr.com/
www.jasonrobb.com [email protected] 617-899-6400 JASON ROB!" www.jasonrobb.com [email protected] 617-899-6400www.jasonrobb.com [email protected] 617-899-6400
UX Boston bo%k club: web siteI organize a book club for people interested in User Experience design. This site provides some basic info about the club and links to popular UX books. http://uxboston.com
www.jasonrobb.com [email protected] 617-899-640075 St. Alphonsus Street Apartment 705Boston, MA, 02120 USA
" JASONROB!
How’d I do?
Whether you loved it or hated it, thanks for your time!
Let’s get in touch, we’ve got work to do.