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