Cover slide

Roy van Rooijen Made with love in Hamburg April 10, 2019

Agenda

About Me + My (Side) Projects Design Tools × Workflows Sneak Peek

Intro

Hi! I’m Roy from the Netherlands

Intro: Sketch Runner

I’m one of the makers of Sketch Runner

Impression of Sketch Hackathon 2016

Precious, April 2016, Hamburg

The v0.1 hack of Sketch Runner

sketchrunner.com

Help functionality

Critique: I can already do that

Dropbox critique — HackerNews

3 points of critique — HackerNews

  1. “ I can already do that… (but in a very complicated way)”
  2. “ It doesn’t do what you promise, in my (edge) case…”
  3. “ I don’t think you can make money with this!” 9

Sketch Runner Classic

Sketch Runner critique

Runner Learnings

  1. Build what you need, understand, and love → Do it on the side.
  2. If others say your idea is bad → Go for it!
  3. If people complain → They truly care.

Intro Design Tools Network

DTN

Sketch Plugin Hackathon 2017 at IXDS Berlin

2 hackathons, several meetups

Sketch Plugin Hackathon, October 2017, Berlin, Germany Design Tools Hackathon, October 2018, Tel Aviv, Israel

Impression Design Tools Hackathon 2018

Impression Design Tools Hackathon 2018

Impression Design Tools Hackathon 2018

Impression Design Tools Hackathon 2018

Impression Design Tools Hackathon 2018

Impression Design Tools Hackathon 2018

Impression Design Tools Hackathon 2018

Impression Design Tools Hackathon 2018

Impression Design Tools Hackathon 2018

Impression Design Tools Hackathon 2018

All talks on our website

DesignToolsNetwork.com

Design Tools Network Learnings

  1. The best way to grow a network
  2. Getting speakers: Ask nicely, be responsive. A lot is possible
  3. There’s a need for knowledge sharing.

Agenda

Next up: About Me + My (Side) Projects

Challenges with the workflow of design to development

What is Design?

Difference illustration vs. interface design

Interface design

What is Development?

Focus on front-end development

Skills and role for product development

Business Development Product Management User Research Interface Design Marketing Branding Copywriting Front-end Development Data Science Back-end Development QA

Focus on Interface design and Front-end development overlap

Workflow

Velocipedia project

Art project by: Gianluca Gimini

Velocipedia project render

Tools we use in digital design

Our tools are optimized for illustration

What they’re great for

Ideation:

  • Direct manipulation
  • Communication with little friction
  • Simple prototyping and testing

Layout example

Difference in illustration and development tools

The 1:1 workflow

We need a mindset change

Example: Map Generator Plugin

Use the same data source

Example: Framer X

Fluid Design and Coded Components

Example: Webflow

Design is Code. Great web design tool

Project: Solar Sinter

Art project by: Markus Kayser

Video: Solar Sinter

Art project by: Markus Kayser

Learnings from Solar Sinter for designers

  1. Construct your output
  2. Understand the medium
  3. Know tool limitations
  4. Explore new territory
  5. Constantly align through communication

Agenda

Next up: Sneak Peek

Runner Pro

We’re taking it to the next level. Runner is completely redesigned and rebuilt.

Runner Pro coming soon!

sketchrunner.com

Contact me

hi@rvroo.nl RvRoo.nl noti.st/RvRoo twitter.com/RvRoo sketchrunner.com news.designtoolsnetwork.com

BYEEEEEE

👋