Jar Creative: Portfolio & Process
•
16 j'aime•3,185 vues
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.
Recommandé
Contenu connexe
Tendances
Tendances (8)
En vedette
En vedette (13)
Similaire à Jar Creative: Portfolio & Process
Similaire à Jar Creative: Portfolio & Process (20)
Dernier
Dernier (20)
Jar Creative: Portfolio & Process
- 1. OUR WORK AND HOW WE DO IT
- 2. ONE-PAGE COMPANY OVERVIEW Jar Creative is a Digital Experience Design Agency We design websites, applications and digital campaigns for leading brands. We’re a small, passionate team of top industry 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. “I've been in the industry more than 20 years, and working with Jar Creative is one of the best agency experiences that I've 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
- 10. BEF ORE
- 12. BEF ORE
- 15. BEF ORE
- 18. BEF ORE
- 25. Email to Landing Page >
- 30. PROCESS
- 31. TM The Web Insight Design Process 1. Brief and Technology Review 2.Timelines 3. Research / Discovery 4. Site Map 5. Wireframes 6. Site Copy 7. Visual Design 8. Development 9. Search Engine Optimization 10.Quality Assurance 11. Site Launch
- 32. 1. Brief and Technology Review
- 33. 2. Timelines
- 34. 3. Research & Discovery Process
- 35. 4. Sitemap
- 36. 5. Wireframes
- 38. 7. VisualDesign
- 39. 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 i you 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>
- 40. 9. Search Engine Optimization
- 42. 11. Site Launch
- 44. User Experience Design is an approach to designing interactive systems that considers the overall experience of the end user. Context User Interface Copywriting Interactivity Products Usability Design Content Layout and Design Services UX user experience Information Human Factors Architecture Brand Company Logo Community Engagement Lifestyle Business Process Product Culture
- 45. User Experience Design Taxonomy Types 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
- 46. 1. Intuitiveness and Efficiency The process of accomplishing goals or performing tasks should be obvious to the user, without explanation or confusion.
- 47. 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.
- 48. 3. Performance The system should perform without significant lag to maintain user’s trust and engagement.
- 49. 4. Delivery of relevant, valuable content The interface should provide relevant supporting or related content wherever appropriate to enhance user engagement and drive sales.
- 50. 5. Consistency The 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.
- 51. 6. Mobile Friendly The interface should anticipate touch-screen devices and contexts that include external distractions.