TravisBead Work | Winter 2013/14
Be|winter 2013/14
Following our sabbatical in 2013 when John and Roze both took a break from TravisBead to work on other projects, we’ve been delighted with the workload since returning in early October. Fortunately most of pre-2013 clients were happy to know we are back and we’ve enjoyed working with them again over the last few months. In that time we have also started working with some new clients whose work is featured in the following pages. We are keen to grow our client list in 2014, so take a look at the things we do and let us know if you have a project that you need help with. Get in touch on 01908 231401 or email info@travisbead.com We look forward to hearing from you soon.
DEALING WITH DESIGNERS
Are you responsive? The rise and rise of smartphones and tablets has meant that many more of us consume the web on our mobile devices and you are sure to have noticed that lots of web sites are responding to the size of your screen. No longer do they look the same on your desktop, tablet and mobile. And this is causing much debate, headaches and chin rubbing from business owners, designers, developers and just about everyone that uses the web. So what is responsive design? Responsive Web Design is a web site is made using fluid proportion-based grids, to adapt the layout and image content to the viewing environment. As a result, users across a broad range of devices and browsers will have access to a single source of content, laid out so as to be easy to read and navigate with a minimum of resizing, panning, and scrolling. Sounds good doesn’t it? But there are divided opinions on this and most revolve around the rush to do it has led to lots of bad design and implementation. The mobile web user is having to learn a whole load of new conventions when it comes to mobile surfing. The traditional layout: navigation at the top, two, three or four columned layout and the general overview of a company’s wares that you get with a “large view” is lost in responsive mobile. So, you may have even less time to attract the users attention on a mobile. The argument against responsive goes that all mobile devices have “pinch and zoom” facilities which make traditional website accessible anyway, maintaining the users expectation of the interface. There are cost implications as all this clever design and coding takes longer to achieve. But, and it is a big one, Google loves responsive. It will return responsive sites higher up it’s search rankings when you are “Googling” on a mobile device. So that is potentially the big one for the business owners out there. Personally we feel that it is down to design, planning, development and then user testing. There are some good adaptive sites out there, the BBC does a pretty good job and as we use our devices more and more the quality of mobile site design will inevitably improve or sites will lose their users and have to respond!
Be|winter 2013/14
Geddes Consulting Telecoms Consultant TravisBead have been working with Phase Marketing on the implementation of the Geddes Consulting brand since October. From White papers, Powerpoint presentations, art direction and devising a series of diagrams to illustrate complex topics.
inking Fresh th
Quick Data is mo sensi s tive t o late t Slow ncy; Data is mo sensi st tiv proce e to ssing cost.
s on de ati tra loc ht ht rig rig he he et nt ak s i m ng to hi w ut t Ho d p an
SLow DaTa
anD as a QuiC resu k Da assum lt of this critic Ta es tw al pa o dis Data th eff tinct . Slow ect, B form Data lies o s: S is off low D ig Data n it. f th a u ta e rtherm cri is con and Q stantl ore, th tical path uick y nud ; Quic e nee these ging k d for . The the b timely Data need adva ound to cre a ntage c a ti ry be on ate a or re twee Slow st spon n Data d to co rategic bu can b form sin mpeti ecom erly tion m ess e Qu autom Quick Da ick D e a ns th ta ca a ation at n beco ta. Mean shifts most while me S c sensi , low D tive to ritical path sensi ata a s. Qu laten tive to s ic c y k Data proce ; Slow ssing is Data cost. is mo st in
eir th to ce an iate ing ck rm pr ang n ui rfo ro ch e a e Q t v pe app eir ha gra s h te i i t se o ea o cr ces can ? D to m ? yt d to ro a e w wa re ta t p ho date s m vers st a it t Da en s? o be hat en m erm vice ick em eed he m e s t t’? w e Qu nag nt n ccom at p and ag e ti i a c n th m fere be a e th ata, an ha te r f w iga rma t m ise on? D di t tu v ds i a s: i o t c w f e s e h d r ce ; m er w nd r unc ne hite Slo an ro l it m p cs? ou c o a te f g, in ar ta t e ty , l p de ri w tin pu ting na mo syst met evie mpu Da pu lem me u ; r s tio o e t o b m d i t c a y ho co pro re so an d to nd d er re ria ul ted ight y a nd ed Op asu rop nts de a a n a l r ho s a olv ere e a een 4. ‘Me app me nee dat : S loc the upp d” re s k h w e re s h e ce cote sto is a ing. ma bet r. th asu ls ar eac an cy ta in stry nec t ta ld e e s, at n f m n i o a r o r m io da de pu ou pl du con ou t th n fo ate s d nt n i l r ra om t w rsat sup ow te xi st ld y no co tio s c w- s? ca e t pe e kn e a e , r o c e lo d ge nv rm th ou ds ud pl “b or n l lo te h f o i n s m l up ug co fo an om nd nd to ke s n ca co d ta co oe n rc re ma of s e s r a plat lo sig Da the re n d he llise an s fr e a e a w fo u he n i w o mo he De ck rst ue tur nc w w to mai hat ing loud yo de niq itec iste ay xist? ld 5. Qui e to as ? w ce”? of m o s t en ir c ho x p h un e i s t ou st n p r e s e d on t u ec rch e e ar sh r-co le)? ith clo atio form st p co ? th esti nt o d th yo re t d a f th icul s tha n c e the w o og rs u o isk he we o rt lo ns d o w s qu celle an a o i R o : D e c clo re ar e at es pa o & ha “lo by ess :w rl rG D d c o ? gy y th to wa in haz y ex y Ci o dg sin es re at ce oc lo a l d g nc ed on low e an he ata e be asu opr an d bu iliti et an no app tin ou , an nc S cie ut az al you ck D r e m b a b u y n e c g r i fi s a ch t m s f r a m mic i ap ou e Te w to omp are ade form rfo r e dist .g. a -loca s of can Qu r ? of Pe tem al c o y c tr o 1. fo g er e r a e n s n o i h i e ( d n c io sy ion he e p pe m how min ch of th o ta ts ig su erat of t th is rall isat how whi on ired es Da en st t ono y? co o i o e n h op ure n t e, . D ow nm be r ec ibilit a be qu lat ov ga re? d 6 l i e w t t o o r u r i i r t S na ent n: e fo w o requ ma calc ills vir is ta fo flex Da l t nd e g e k en en tio at Da nce low h sa nsib at n ting bein s th he s ge a ve S a w ck ni h t o u i m of p es ake ve tora f ha w ga sp ? Qu rfor sks Or r re es? com rad m ha r s taf llel gn pe ur ri 2. Tsa om ud he t ho you s fo al s ara desi c c t p n o w i t l s yo of it? g, Do tio hn e a m ou s c a y ? c e i th dat t s c tin te ec do ibili mpl ade t lo h t pu sys rm ch c l vis en i ht tr righ whi rcom tica rfo hi t i pe d w we e ? ig he cr of we stan can 20% e r ck t tion sup etyth i r f a in an e t p e a c ow th pu ce r s nd to w h o m en om ho o u a? r co peri sing f g: is t at a f of ex ces lin alys ck D Dat Eel o i aD pr od h an Qu low TR t s m S . ta l pa ta v 0% e3 a Da Da ur c i e8 Fig 3. crit ow th Sl rate is pa se
Qu hav ick D e d ata iffe and rin g a Slow rch D ite ata c tu PR CRE ral BE oBLE Co M viRTu aSinG Ln ME #1 aLiSa EveEe of Mo – B Tion LSd s RE aD E Co x
Th e typ dive rse e de req s of m d uir em ata a ands Re gre nd en t t bu plac are t f six ably, or an sine ed by ss th spe eq the pr u cifi is is di oft al div oces cp s c ffere en rob e lem ove rsity reate nt in s th rloo a s u k at res ed. T pply. Bu he ult si re . The g tra ness rowin n p g volu cus sacti roce data me a ss o proce t MM PER nd div ssing yo ome n tim es fa cost, i ersity , cou uh E r fr i e o l is n du prom pled of de n ave ust . Th rar C e with p te E mand e ting a ra chnic e t s S t a driv for al infr quali rel , rath o ma tion e bad o out e to re tative astru ati duce cture vel er th ke b and t exp liers chan ad g of eri u yc an h e se E in e n d to p terpri en the om nc sim exp Go ro c se h ce m e s hav ss this in sd from on ply m erien urn. e alre riv tra g to data. appli . ce T ady la aki e n catio t serve rgely ng s suf hat m ns ha the sacti he cl rs. Th move fi go ving o o ey in d aw od cien eans their runn ‘ju ‘tail o n tim ud ch st R a e t E y o in exp ad use wn PAP ly g st i edica eri vir HITE d n t f failu es an ange enterp on shared ted en im (b A Wtualised rise in ces e’ n re’. Q d ten s the appli frastru ut still pri ho usag catio ds di ow vate) u e effi w cture ns c o ie be ick D to in stribu n . no ever n T -prem a c his in ccess y, wh com ata tb ,b cre tio ises c ib il re le st u e a as n me ses re over appli t sin es me a loc catio sourc a e ‘ju hat u e the of al are ns re e st t tra surin asuri ss pr sed s m a T iz he ne netw ain n n o oo ga ork (L xt ste be sacti lat to ar e of ver g the cess an). p, an is mo e’. o riv ma m a d e ving pro ean n late ge tr ‘tail’ na to a ce one that ge s at a virtu ble n many ntrali alised ms to ma cy is nsact all, b men a sed a re tak infrast ion t me ©2013 platfo n in ut nd sh ing, ru the age Marti me may a rms. ared n Ged an sure time. in this cture, or rel priva ‘ta over des C ©2 dm to pu d y te il case, E a wid onsu 01 blic cl lting ’. appli itig , ther ven i e are 3M Ltd | o u c a f e a d a n art ti DECEM etwo ons a t ma in rk (w BER 20e pe re acc Ge yn an). 13 rfo dd essed o es t r ma Co nsu nce
ta a D w o l S SUS VER a t a D k Quic 13
20 ©
M
ti ar
n
ltin gL
DE
CE
MB
ER
lti
su
on sC de
d Ge
td |
20
13
ng d Lt
Go i dis ng to t ten ribut the c i l of ds to on of oud c f i arr ailure ncre trans hang a e i a ‘ju ve ‘ju ’. Qui se th ction s the st t es ck st i t im i oo D n z es lat time ata t e of an t e’. h h ’n d a e t ow ‘t u be sed ail com to es
|D
03
R
BE
EM
EC 13
20
06
11
Be|winter 2013/14
FFEI Software Imaging Systems TravisBead worked with FFEI to develop a concept for a new product to be launched at the UK’s largest packaging show. The idea of transformation was born out of the products ability to transform the workflow of the packaging design by keeping them in native Adobe applications whilst doing their packaging pre-press. In an industry dominated by screenshots this was a refreshing departure that went down well at the show and has been used across the product suite.
Be|winter 2013/14
With infographics being a popular way to interpret information with the rise of social media sharing. Here are a couple we’ve done recently. XPS Facilities Management XPS do a lot of thing, so the infographic was the obvious choice to demonstrate them, beats a long bulleted list! FFEI Software Imaging Systems Highlighting the many benefits of the Graphium digital printer in bright, colourful, well ordered graphics.
Be|winter 2013/14
Choice Magazine Publishing Choice Magazine is a general interest magazine for the over 50’s. Their strapline “Get the most out of life’ effectively sums up the magazines style and the website had to mirror this. We used the printed magazine as a starting point
for the design we developed a complimentary style, even replicating the fonts using webfont replacement. In a text heavy site the ordering and signposting was a priority. So we have endeavoured to keep it clean and well laid out, with each section having a key colour from the complimentary palette. The backend of the site was coded using a PHP framework that allows Choice to add new stories on a monthly basis.
Thanks
See you again soon.
TravisBead 611 South Eighth Street Central Milton Keynes MK9 3DE 01908 231401 info@travisbead.com www.travisbead.com www.linkedin.com/in/travisbead www.twitter.com/travisbead
Š2014 TravisBead