One Vision

How to keep Design and Development on the same page

Mitja Simcic

@UX Eye, 8/18/15

About ROI·DNA

Communication

Handoffs

• Inconsistency• Inattention to detail• Lack of

organization• Poor awareness of

the tools being used

• Good ol’ laziness• Too little and/or

terrible communication

Go Lean or Go Home

Workflow

New methodologies & ideas

Content modules

Next steps

• Content module library• Wordpress framework• Color palette• Grid systems• Styleguides• Fontguides• Not just mobile, design for hi-res as well

Communication

• Notes about everything• We never, ever assume• Use naming conventions• Checklists• Retrospectives• Understand eachother’s constraints• It’s not only designers and developers but

everyone involved with the project (marketing, ux, project management, clients)

Tools

• PSD: Assets.adobe.com Specctr Ink (http://ink.chrometaphore.com/) Photoshop: Layers, Linked Smartobjects with Layer Comps

• Sketch: zeplin.io

• Browsers: PerfectPixel extension

Developer’s mind

• varying constraints of the technologies we’re developing for

• best-practices• future-proofing• building efficient code• developing a manageable application/website

Create Good Habits by Jason Lengstorf 

• Deliver consistent designs• that are fully thought out• and well-organized• using the appropriate tools• and without getting lazy.

Then, discuss it like besties.

Thank You

mitja@roidna.com@mitja_simcic

linked.in/public/mitja.simcic