A casual approach to website advice based on discussions we've had recently; How to choose a web design company. Slideshow by Mike Hulleman. Twitter: @contact_mike Provides answers to questions such as "What is a CMS?", "What is Responsive Design?" and "How can you tell when a website is responsive?". Covers everything from website integrations to design tips. This is part 1 of 2. You can find this content and more like it, or leave a comment at: http://gethonest.ca/123 We appreciate your feedback!

1. Website
ProcuringaCompany
Baselineadvicefor
v1.0

2. Ahandfulofthingstoconsider
whenlookingforawebsite(company)
E entialTips
Website
ProcuringaCompany
Baselineadvicefor

3. TableofContents
Pleasevisitourwebsiteforbothpartsofthisseries:
gethonest.ca/123

4. Introduction
PartOne

5. cmsdesign

6. cms esponsive
trust
design
hosting&d ain

7. lcertificate?
cms
calability
esponsive
trust
labouroftwarelicense?
ec merce?
design
hosting&d ain

8. lcertificate?
buyv.build
cmsanalytics
calability
crm
esponsive
trustintegrationtrust
labour
copecreep
copecreep
copecreep
oftwarelicense?
ec merce?
design
hosting&d ain

10. WhatisaCMS?
PartTwo

11. “Softwarethatisusedtomanagetext,images,
audioandvideocontentforawebsite.
Itprovidesamechanismforsubmissionof
material,storage,andmaintenance,
aswellasdistributionandconversion
toHTMLpagesforviewing”.
PCMagazine
describesaCMSas:

12. Offsitedata ources
Socialintegrations
Media erver
Chronologicaltasks,
backup
Notificationemails
Ec merce;
merchantervices,hipping,etc
Design
Design
Visitor
Devicebrowser
Hosting
D ain
lcertificate
Websitesareallaboutintegration
gethonest.ca

13. Well,
It’smostlygluedtogetherbya
CONTENT
MANAGEMENT
SYSTEM(CMSforshort)
It’sthesoftwareattheheartofyour
wewebsite,underthedesignlayer

14. A great
contentmanagementystemcan
HAVECUSTOMPOSTTYPES,
WORKFLOW FEATURES,
ACCESSLEVELS,ANDBE
FAST&EASYTOUSE

15. Thecreativelayer
PartThree

16. Createwireframes
beforeyoubeginfocusing
onaesthetics
Buildthehousebeforeyou
pickoutthewallpaper

17. Ittakestimetocust ize!
CONSIDERTHEDEVELOPMENT
IMPLICATIONSOFEACHAND
EVERYDESIGNCHOICE

18. Lessismore!
DESIGNFORREUSABILITY;
MAINTAINALIBRARYOF
COMMONLYUSEDDESIGN
ELEMENTS

19. Leveragedesignframeworkslike
TwitterBootstrap,anditsvariants

20. Purposeful,
functionality-drivendesign!
KEEPTEMPLATECOUNT
ASLOW ASPOSSIBLE

22. Designonceformultipledevices
Withresponsivedesign

23. ResponsiveDesign
ISANAPPROACHTOWEBPAGECREATION
THATMAKESUSEOFFLEXIBLELAYOUTS,
FLEXIBLEIMAGES,ANDCASCADING
STYLESHEETMEDIAQUERIES.
ITSGITSGOALISTOBUILDWEBPAGESTHAT
DETECTTHEVISITORSSCREENSIZEAND
ORIENTATIONTOCHANGETHELAYOUT
ACCORDINGLYONTHEFLY.

24. Elementsreorganise
ontheflytocompensate
forviewablespace
Youcangrabthecornerofawindowanddrag
itongethonest.catoseewhatwemean!

25. “Responsive”doesn’tnecessarily
mean“etina eady”

26. DESIGNYOURWEBSITEWITHHIGHPIXEL-DENSITY
DISPLAYSINMIND,OTHERWISEYOURGRAPHICSWILL
LOOKBLURRYWHENVIEWEDONNEWERDEVICES.

27. Requirements
Vendor
Selection
Choosing
Technology
Upnext..

28. Upnext..
Pleasevisitourwebsiteforbothpartsofthisseries:
gethonest.ca/123

29. Thankyou!