Made with ❤️ in Hamburg

A presentation at Shapes #8 in in Hamburg, Germany by Roy van Rooijen

Cover slide

Cover slide

Agenda

Agenda

Intro

Intro

Intro: Sketch Runner

Intro: Sketch Runner

Impression of Sketch Hackathon 2016

Impression of Sketch Hackathon 2016

The v0.1 hack of Sketch Runner

The v0.1 hack of Sketch Runner

Help functionality

Help functionality

Dropbox critique — HackerNews

Dropbox critique — HackerNews

3 points of critique — HackerNews

3 points of critique — HackerNews

Sketch Runner Classic

Sketch Runner Classic

Sketch Runner critique

Sketch Runner critique

Runner Learnings

Runner Learnings

Intro Design Tools Network

Intro Design Tools Network

DTN

DTN

2 hackathons, several meetups

2 hackathons, several meetups

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

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

All talks on our website

Design Tools Network Learnings

Design Tools Network Learnings

Agenda

Agenda

Challenges with the workflow of design to development

Challenges with the workflow of design to development

What is Design?

What is Design?

Difference illustration vs. interface design

Difference illustration vs. interface design

Interface design

Interface design

What is Development?

What is Development?

Skills and role for product development

Skills and role for product development

Focus on Interface design and Front-end development overlap

Focus on Interface design and Front-end development overlap

Workflow

Workflow

Velocipedia project

Velocipedia project

Velocipedia project render

Velocipedia project render

Tools we use in digital design

Tools we use in digital design

Our tools are optimized for illustration

Our tools are optimized for illustration

What they’re great for

What they’re great for

Layout example

Layout example

The 1:1 workflow

The 1:1 workflow

Example: Map Generator Plugin

Example: Map Generator Plugin

Example: Framer X

Example: Framer X

Example: Webflow

Example: Webflow

Project: Solar Sinter

Project: Solar Sinter

Video: Solar Sinter

Video: Solar Sinter

Learnings from Solar Sinter for designers

Learnings from Solar Sinter for designers

Agenda

Agenda

Runner Pro

Runner Pro

Runner Pro coming soon!

Runner Pro coming soon!

Contact me

Contact me

BYEEEEEE

BYEEEEEE

Personal learnings on side projects, organizing events, and figuring out doing what makes sense as a digital designer. And how it all got a boost here in Hamburg.

Resources

The following resources were mentioned during the presentation or are useful additional information.

Buzz and feedback

Here’s what was said about this presentation on social media.