SlideShare ist ein Scribd-Unternehmen logo
1 von 52
OUR WORK
AND HOW
WE DO IT
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.
These are some of the brands
            we’ve worked with.


H OT E L S & R E S O RT S
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
SELECT WORK
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
BEF ORE
Jar Creative: Portfolio & Process
BEF ORE
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
BEF ORE
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
BEF ORE
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
Email to Landing Page >
Jar Creative: Portfolio & Process
Touchscreen Kiosk Installation
Mobile Site Design
Mobile Applications
PROCESS
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
1. Brief and Technology Review
2. Timelines
3. Research & Discovery Process
4. Sitemap
5. Wireframes
6. Content Strategy
7. VisualDesign
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>
9. Search Engine Optimization
10. Quality Assurance
11. Site Launch
UX DESIGN PRINCIPLES
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
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
1. Intuitiveness and Efficiency




The process of accomplishing goals or performing tasks should
   be obvious to the user, without explanation or confusion.
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.
3. Performance




 The system should perform without significant lag to
       maintain user’s trust and engagement.
4. Delivery of relevant, valuable content




  The interface should provide relevant supporting or
 related content wherever appropriate to enhance user
              engagement and drive sales.
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.
6. Mobile Friendly




 The interface should anticipate touch-screen devices and
        contexts that include external distractions.
www.jarcreative.com

Weitere ähnliche Inhalte

Was ist angesagt?

Personalized Search - SMX Toronto 2010 - Rob Garner - iCrossing
Personalized Search - SMX Toronto 2010 - Rob Garner - iCrossingPersonalized Search - SMX Toronto 2010 - Rob Garner - iCrossing
Personalized Search - SMX Toronto 2010 - Rob Garner - iCrossingiCrossing
 
Ahadh Abbas Sr. Web UIUX Designer
Ahadh Abbas Sr. Web UIUX DesignerAhadh Abbas Sr. Web UIUX Designer
Ahadh Abbas Sr. Web UIUX Designerahadh abbas
 
Brief Profile - Prateek Agarwal
Brief Profile - Prateek AgarwalBrief Profile - Prateek Agarwal
Brief Profile - Prateek AgarwalPrateek Agarwal
 
The Elements of User Experience
The Elements of User Experience The Elements of User Experience
The Elements of User Experience brandextract
 
Use of entertainment solutions for small and medium enterprises marketing
Use of entertainment solutions for small and medium enterprises marketing Use of entertainment solutions for small and medium enterprises marketing
Use of entertainment solutions for small and medium enterprises marketing USAID CEED II Project Moldova
 
Chapter 2 | Website design & development - pf
Chapter 2  | Website design & development - pfChapter 2  | Website design & development - pf
Chapter 2 | Website design & development - pfMikaStuttaford
 
Ux people 042010
Ux people 042010Ux people 042010
Ux people 042010Robert Fein
 

Was ist angesagt? (8)

Personalized Search - SMX Toronto 2010 - Rob Garner - iCrossing
Personalized Search - SMX Toronto 2010 - Rob Garner - iCrossingPersonalized Search - SMX Toronto 2010 - Rob Garner - iCrossing
Personalized Search - SMX Toronto 2010 - Rob Garner - iCrossing
 
Ahadh Abbas Sr. Web UIUX Designer
Ahadh Abbas Sr. Web UIUX DesignerAhadh Abbas Sr. Web UIUX Designer
Ahadh Abbas Sr. Web UIUX Designer
 
Brief Profile - Prateek Agarwal
Brief Profile - Prateek AgarwalBrief Profile - Prateek Agarwal
Brief Profile - Prateek Agarwal
 
The Elements of User Experience
The Elements of User Experience The Elements of User Experience
The Elements of User Experience
 
Ideas for addictive series 40 web apps
Ideas for addictive series 40 web appsIdeas for addictive series 40 web apps
Ideas for addictive series 40 web apps
 
Use of entertainment solutions for small and medium enterprises marketing
Use of entertainment solutions for small and medium enterprises marketing Use of entertainment solutions for small and medium enterprises marketing
Use of entertainment solutions for small and medium enterprises marketing
 
Chapter 2 | Website design & development - pf
Chapter 2  | Website design & development - pfChapter 2  | Website design & development - pf
Chapter 2 | Website design & development - pf
 
Ux people 042010
Ux people 042010Ux people 042010
Ux people 042010
 

Andere mochten auch

didactica de la informatica
didactica de la informaticadidactica de la informatica
didactica de la informaticayeyems
 
4 oferta2016
4 oferta20164 oferta2016
4 oferta2016cejotaz
 
Cause Marketing Kellogg Marketing Conference 090124
Cause Marketing Kellogg Marketing Conference 090124Cause Marketing Kellogg Marketing Conference 090124
Cause Marketing Kellogg Marketing Conference 090124Autodesk
 
3. presentacion losep resumen
3. presentacion losep resumen3. presentacion losep resumen
3. presentacion losep resumenbryan sedamanos
 
Mantri Global Heights - ft2acres.com
Mantri Global Heights - ft2acres.comMantri Global Heights - ft2acres.com
Mantri Global Heights - ft2acres.comKin Housing
 
thad-gentleman-final resume
thad-gentleman-final resumethad-gentleman-final resume
thad-gentleman-final resumethad gentleman
 
Movimientos anormales paraneoplasicos
Movimientos  anormales paraneoplasicos Movimientos  anormales paraneoplasicos
Movimientos anormales paraneoplasicos Comunidad Cetram
 
рассказы о корове наша кормилица
рассказы о корове наша кормилицарассказы о корове наша кормилица
рассказы о корове наша кормилицаElena_uria
 
Edyta Podmokla 12.06.2014
Edyta Podmokla 12.06.2014Edyta Podmokla 12.06.2014
Edyta Podmokla 12.06.2014Edyta Podmokła
 
Cartelera
CarteleraCartelera
Carteleracejotaz
 
Incredible Historic Sites in NYC
Incredible Historic Sites in NYCIncredible Historic Sites in NYC
Incredible Historic Sites in NYCJohn Partilla
 
Dossier de proyectos Dot
Dossier de proyectos DotDossier de proyectos Dot
Dossier de proyectos Dotovusfritum
 

Andere mochten auch (13)

didactica de la informatica
didactica de la informaticadidactica de la informatica
didactica de la informatica
 
4 oferta2016
4 oferta20164 oferta2016
4 oferta2016
 
Cause Marketing Kellogg Marketing Conference 090124
Cause Marketing Kellogg Marketing Conference 090124Cause Marketing Kellogg Marketing Conference 090124
Cause Marketing Kellogg Marketing Conference 090124
 
Doc1
Doc1Doc1
Doc1
 
3. presentacion losep resumen
3. presentacion losep resumen3. presentacion losep resumen
3. presentacion losep resumen
 
Mantri Global Heights - ft2acres.com
Mantri Global Heights - ft2acres.comMantri Global Heights - ft2acres.com
Mantri Global Heights - ft2acres.com
 
thad-gentleman-final resume
thad-gentleman-final resumethad-gentleman-final resume
thad-gentleman-final resume
 
Movimientos anormales paraneoplasicos
Movimientos  anormales paraneoplasicos Movimientos  anormales paraneoplasicos
Movimientos anormales paraneoplasicos
 
рассказы о корове наша кормилица
рассказы о корове наша кормилицарассказы о корове наша кормилица
рассказы о корове наша кормилица
 
Edyta Podmokla 12.06.2014
Edyta Podmokla 12.06.2014Edyta Podmokla 12.06.2014
Edyta Podmokla 12.06.2014
 
Cartelera
CarteleraCartelera
Cartelera
 
Incredible Historic Sites in NYC
Incredible Historic Sites in NYCIncredible Historic Sites in NYC
Incredible Historic Sites in NYC
 
Dossier de proyectos Dot
Dossier de proyectos DotDossier de proyectos Dot
Dossier de proyectos Dot
 

Ähnlich wie Jar Creative: Portfolio & Process

Increasing Website Engagement with Sitecore CMS
Increasing Website Engagement with Sitecore CMSIncreasing Website Engagement with Sitecore CMS
Increasing Website Engagement with Sitecore CMSPerficient, Inc.
 
Prateek Agarwal Portfolio
Prateek Agarwal PortfolioPrateek Agarwal Portfolio
Prateek Agarwal PortfolioPrateek Agarwal
 
Mobile Design at Gilt
Mobile Design at GiltMobile Design at Gilt
Mobile Design at GiltDavid Park
 
Futureworks Scams & Frauds
Futureworks Scams & FraudsFutureworks Scams & Frauds
Futureworks Scams & Fraudsfutureworksindia
 
SharePoint User Experience Best Practices
SharePoint User Experience Best PracticesSharePoint User Experience Best Practices
SharePoint User Experience Best PracticesPerficient, Inc.
 
WavuDigital Overview
WavuDigital OverviewWavuDigital Overview
WavuDigital OverviewWAVU Digital
 
Wireframes and UI-Prototypes
Wireframes and UI-PrototypesWireframes and UI-Prototypes
Wireframes and UI-Prototypestec
 
2012 Presentation June 2012 Final
2012 Presentation June 2012 Final2012 Presentation June 2012 Final
2012 Presentation June 2012 Finalohkaz1
 
How content strategy fits into the user experience
How content strategy fits into the user experienceHow content strategy fits into the user experience
How content strategy fits into the user experienceNick Finck
 
Manage Your Web Content with SharePoint 2013 Mobility and Search
Manage Your Web Content with SharePoint 2013 Mobility and SearchManage Your Web Content with SharePoint 2013 Mobility and Search
Manage Your Web Content with SharePoint 2013 Mobility and SearchPerficient, Inc.
 
Designing your SharePoint Internet site: The basics
Designing your SharePoint Internet site: The basicsDesigning your SharePoint Internet site: The basics
Designing your SharePoint Internet site: The basicsC/D/H Technology Consultants
 
Henry Sannikov User Experience Design Portfolio
Henry Sannikov User Experience Design PortfolioHenry Sannikov User Experience Design Portfolio
Henry Sannikov User Experience Design Portfoliovstrannik
 
User centered design process - Measurefest Presentation
User centered design process - Measurefest PresentationUser centered design process - Measurefest Presentation
User centered design process - Measurefest Presentationflashbender
 

Ähnlich wie Jar Creative: Portfolio & Process (20)

Increasing Website Engagement with Sitecore CMS
Increasing Website Engagement with Sitecore CMSIncreasing Website Engagement with Sitecore CMS
Increasing Website Engagement with Sitecore CMS
 
Prateek Agarwal Portfolio
Prateek Agarwal PortfolioPrateek Agarwal Portfolio
Prateek Agarwal Portfolio
 
Mobile Design at Gilt
Mobile Design at GiltMobile Design at Gilt
Mobile Design at Gilt
 
User Experience 2: Talk@Stabilo
User Experience 2: Talk@StabiloUser Experience 2: Talk@Stabilo
User Experience 2: Talk@Stabilo
 
Futureworks Scams & Frauds
Futureworks Scams & FraudsFutureworks Scams & Frauds
Futureworks Scams & Frauds
 
IT Project NE - Services Offer 2013
IT Project NE - Services Offer 2013IT Project NE - Services Offer 2013
IT Project NE - Services Offer 2013
 
SharePoint User Experience Best Practices
SharePoint User Experience Best PracticesSharePoint User Experience Best Practices
SharePoint User Experience Best Practices
 
WavuDigital Overview
WavuDigital OverviewWavuDigital Overview
WavuDigital Overview
 
Wireframes and UI-Prototypes
Wireframes and UI-PrototypesWireframes and UI-Prototypes
Wireframes and UI-Prototypes
 
2012 Presentation June 2012 Final
2012 Presentation June 2012 Final2012 Presentation June 2012 Final
2012 Presentation June 2012 Final
 
Saheel_Babu _KT
Saheel_Babu _KTSaheel_Babu _KT
Saheel_Babu _KT
 
How content strategy fits into the user experience
How content strategy fits into the user experienceHow content strategy fits into the user experience
How content strategy fits into the user experience
 
Best Practices for SharePoint Public Websites
Best Practices for SharePoint Public WebsitesBest Practices for SharePoint Public Websites
Best Practices for SharePoint Public Websites
 
Manage Your Web Content with SharePoint 2013 Mobility and Search
Manage Your Web Content with SharePoint 2013 Mobility and SearchManage Your Web Content with SharePoint 2013 Mobility and Search
Manage Your Web Content with SharePoint 2013 Mobility and Search
 
Designing your SharePoint Internet site: The basics
Designing your SharePoint Internet site: The basicsDesigning your SharePoint Internet site: The basics
Designing your SharePoint Internet site: The basics
 
UX @ Neev
UX @ NeevUX @ Neev
UX @ Neev
 
Henry Sannikov User Experience Design Portfolio
Henry Sannikov User Experience Design PortfolioHenry Sannikov User Experience Design Portfolio
Henry Sannikov User Experience Design Portfolio
 
User centered design process - Measurefest Presentation
User centered design process - Measurefest PresentationUser centered design process - Measurefest Presentation
User centered design process - Measurefest Presentation
 
AravindaKumarNew
AravindaKumarNewAravindaKumarNew
AravindaKumarNew
 
DS_Upsourcing
DS_UpsourcingDS_Upsourcing
DS_Upsourcing
 

Kürzlich hochgeladen

Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxSamKuruvilla5
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfsaidbilgen
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxb2kshani34
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTThink 360 Studio
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024Alan Dix
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtTeeFusion
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxHasan S
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024mikailaoh
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Amil baba
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsBlock Party
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...khushisharma298853
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Ed Orozco
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfHctorFranciscoSnchez1
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comjakyjhon00
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before ConstructionResDraft
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Ted Drake
 

Kürzlich hochgeladen (19)

Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptx
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptx
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPT
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy Shirt
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teams
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdf
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.com
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before Construction
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
 

Jar Creative: Portfolio & Process

  • 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
  • 32. 1. Brief and Technology Review
  • 34. 3. Research & Discovery Process
  • 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
  • 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.