razorfish
2015

A Modern Web Design Workflow

The Project

I organized and presented a seminar for the razorfish NYC Creative and UX teams to promote a more modern web design workflow built around Sketch, InVision, and related collaboration tools.

My Contribution

I designed 5 teaser posters and few dozens of slides. I presented using Sketch and InVision itself, quickly demonstrating each feature by manipulating the layers of each slide.

Role
  • Art Director
Technologies
  • Sketch
  • InVision
  • Zeplin

Slides

Presented during workshop

Web design workflow workshop slide 1: Introduction to SketchWeb design workflow workshop slide 2: Sketch overviewWeb design workflow workshop slide 3: Sketch featuresWeb design workflow workshop slide 4: Sketch artboardsWeb design workflow workshop slide 5: Sketch symbolsWeb design workflow workshop slide 6: Sketch pluginsWeb design workflow workshop slide 7: Sketch prototypingWeb design workflow workshop slide 8: Sketch exportWeb design workflow workshop slide 9: Sketch workflowWeb design workflow workshop slide 10: Sketch collaborationWeb design workflow workshop slide 11: Sketch tipsWeb design workflow workshop slide 12: Sketch best practicesWeb design workflow workshop slide 13: Sketch responsive designWeb design workflow workshop slide 14: Sketch componentsWeb design workflow workshop slide 15: Sketch stylesWeb design workflow workshop slide 16: Sketch layoutWeb design workflow workshop slide 17: Sketch grid systemWeb design workflow workshop slide 18: Sketch typographyWeb design workflow workshop slide 19: Sketch colorsWeb design workflow workshop slide 20: Sketch iconsWeb design workflow workshop slide 21: Sketch assetsWeb design workflow workshop slide 22: Sketch handoffWeb design workflow workshop slide 23: Sketch integrationWeb design workflow workshop slide 24: Sketch librariesWeb design workflow workshop slide 25: Sketch advanced featuresWeb design workflow workshop slide 26: Sketch summaryWeb design workflow workshop slide 27: Introduction to InVisionWeb design workflow workshop slide 28: InVision prototypingWeb design workflow workshop slide 29: InVision interactionsWeb design workflow workshop slide 30: InVision collaborationWeb design workflow workshop slide 31: InVision feedbackWeb design workflow workshop slide 32: InVision projectsWeb design workflow workshop slide 33: InVision boardsWeb design workflow workshop slide 34: InVision inspectWeb design workflow workshop slide 35: InVision workflowWeb design workflow workshop slide 36: InVision integrationsWeb design workflow workshop slide 37: InVision design systemsWeb design workflow workshop slide 38: InVision summaryWeb design workflow workshop slide 39: Introduction to ZeplinWeb design workflow workshop slide 40: Zeplin handoff featuresWeb design workflow workshop slide 41: Zeplin developer workflowWeb design workflow workshop slide 42: Slack team communicationWeb design workflow workshop slide 43: Slack integrations for designWeb design workflow workshop slide 44: Questions and discussion

Posters for the event

We did hang them around the office shortly before the event

Modern Web Design Workflow event poster, design 1Modern Web Design Workflow event poster, design 2Modern Web Design Workflow event poster, design 3Modern Web Design Workflow event poster, design 4Modern Web Design Workflow event poster, design 5

Still have time?

Check these other related projects