Your SlideShare is downloading. ×
0
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Jar Creative: Portfolio & Process

3,680

Published on

Jar Creative is a Digital Experience Design Agency based in Toronto, Canada. We help leading brands design better websites and web based applications. …

Jar Creative is a Digital Experience Design Agency based in Toronto, Canada. We help leading brands design better websites and web based applications.

This is our work and how we do it.

Published in: Design, Technology, Business
0 Comments
12 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
3,680
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
12
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. OUR WORKAND HOWWE DO IT
  • 2. ONE-PAGE COMPANY OVERVIEWJar Creative is a DigitalExperience Design AgencyWe design websites, applications anddigital campaigns for leading brands.We’re a small, passionate team of topindustry professionals based in Toronto.
  • 3. These are some of the brands we’ve worked with.H OT E L S & R E S O RT S
  • 4. These are some of the things they say about us. “Ive been in the industry more than 20 years, and working withJar Creative is one of the best agency experiences that Ive had.” - Pamela Gilbert Director of Sales and Marketing, InterContinental Chicago“I still rank the work we created with Jar Creative as some of the best I have ever been associated with.” - Edward Utz Regional Director, Marketing, Marriott Golf
  • 5. SELECT WORK
  • 6. BEF ORE
  • 7. BEF ORE
  • 8. BEF ORE
  • 9. BEF ORE
  • 10. Email to Landing Page >
  • 11. Touchscreen Kiosk Installation
  • 12. Mobile Site Design
  • 13. Mobile Applications
  • 14. PROCESS
  • 15. TMThe Web Insight Design Process1. Brief and Technology Review2.Timelines3. Research / Discovery4. Site Map5. Wireframes6. Site Copy7. Visual Design8. Development9. Search Engine Optimization10.Quality Assurance11. Site Launch
  • 16. 1. Brief and Technology Review
  • 17. 2. Timelines
  • 18. 3. Research & Discovery Process
  • 19. 4. Sitemap
  • 20. 5. Wireframes
  • 21. 6. Content Strategy
  • 22. 7. VisualDesign
  • 23. 8. Development<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="preloadImages();"><table width="954" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td class="bgwhite"><img src="images/spacer.gif" width="2" height="2" alt="spacer"></td> <td width="950" align="left" valign="top"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="950" height="125" id="FlashID" title=""> <param name="movie" value="flash/head_our.swf"> <param name="quality" value="high"> <param name="wmode" value="opaque"> <param name="swfversion" value="6.0.65.0"> <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it iyou don’t want users to see the prompt. --> <param name="expressinstall" value="Scripts/expressInstall.swf"> <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. --> <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="flash/head_our.swf" width="950" height="125"> <!--<![endif]--> <param name="quality" value="high"> <param name="wmode" value="opaque"> <param name="swfversion" value="6.0.65.0"> <param name="expressinstall" value="Scripts/expressInstall.swf"> <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. --> <div> <h4>Content on this page requires a newer version of Adobe Flash Player.</h4> <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p> </div> <!--[if !IE]>--> </object> <!--<![endif]--> </object></td> </tr>
  • 24. 9. Search Engine Optimization
  • 25. 10. Quality Assurance
  • 26. 11. Site Launch
  • 27. UX DESIGN PRINCIPLES
  • 28. User Experience Design is an approach to designing interactivesystems that considers the overall experience of the end user. ContextUser Interface CopywritingInteractivity Products Usability Design ContentLayout and Design Services UX user experienceInformation Human FactorsArchitecture Brand Company Logo Community Engagement Lifestyle Business Process Product Culture
  • 29. User Experience Design TaxonomyTypes of Systems Issues Addressed Disciplines Used•Corporate Websites •Many user profiles •User Research•Intranets •Ease of use •Information Architecture•Web Based Applications •User engagement •Rapid Prototyping•Mobile Apps •Likability •Graphic Design•Kiosks •Brand clarity •Interface Design •Content Strategy•Display Screens •Interface consistency •Copywriting •Many contributors •Motion Graphics •Multiple stakeholders •Videography •Organizing content •Branding •Managing content •Marketing Strategy
  • 30. 1. Intuitiveness and EfficiencyThe process of accomplishing goals or performing tasks should be obvious to the user, without explanation or confusion.
  • 31. 2. Responsiveness and Feedback The interface should provide appropriate feedback to reassure the user that each micro-task performed in pursuit of a specific goal has been effective.
  • 32. 3. Performance The system should perform without significant lag to maintain user’s trust and engagement.
  • 33. 4. Delivery of relevant, valuable content The interface should provide relevant supporting or related content wherever appropriate to enhance user engagement and drive sales.
  • 34. 5. ConsistencyThe system should handle similar tasks in similar ways to create a unified experience. The design should demonstrate external consistency with other elements in your brand universe.
  • 35. 6. Mobile Friendly The interface should anticipate touch-screen devices and contexts that include external distractions.
  • 36. www.jarcreative.com

×