systems + processes for creatives – wordcamp philadelphia 2017

36
Systems & Processes for Creatives

Upload: lauren-pittenger

Post on 22-Jan-2018

182 views

Category:

Design


2 download

TRANSCRIPT

Page 1: Systems + Processes for Creatives – WordCamp Philadelphia 2017

Systems & Processes for Creatives

Page 2: Systems + Processes for Creatives – WordCamp Philadelphia 2017

But I’m a creative!I know. Me, too.

@laurenpittenger#wcphilly

Page 3: Systems + Processes for Creatives – WordCamp Philadelphia 2017

The inside of my brain

Page 4: Systems + Processes for Creatives – WordCamp Philadelphia 2017

proc·ess1

ˈpräˌses,ˈprōˌses/nouna series of actions or steps taken in order to achieve a particular end.

@laurenpittenger#wcphilly

Page 5: Systems + Processes for Creatives – WordCamp Philadelphia 2017

Why bother?

@laurenpittenger#wcphilly

Page 6: Systems + Processes for Creatives – WordCamp Philadelphia 2017

Processes give us a roadmap.

@laurenpittenger#wcphilly

Page 7: Systems + Processes for Creatives – WordCamp Philadelphia 2017

Systems and processes help us do a good job.

@laurenpittenger#wcphilly

Page 8: Systems + Processes for Creatives – WordCamp Philadelphia 2017

Processes help us

lead clients.

@laurenpittenger#wcphilly

Page 9: Systems + Processes for Creatives – WordCamp Philadelphia 2017

Processes mean less time reinventing the wheel.

@laurenpittenger#wcphilly

Page 10: Systems + Processes for Creatives – WordCamp Philadelphia 2017

Helps get everyone on the same page.

@laurenpittenger#wcphilly

Page 11: Systems + Processes for Creatives – WordCamp Philadelphia 2017

Systems + processes are how it gets done.

@laurenpittenger#wcphilly

Page 12: Systems + Processes for Creatives – WordCamp Philadelphia 2017

The work is what is getting done.

@laurenpittenger#wcphilly

Page 13: Systems + Processes for Creatives – WordCamp Philadelphia 2017

The end goal is why we’re doing it.Don’t forget this.

@laurenpittenger#wcphilly

Page 14: Systems + Processes for Creatives – WordCamp Philadelphia 2017

What is the site’s purpose?Don’t forget this.

@laurenpittenger#wcphilly

Page 15: Systems + Processes for Creatives – WordCamp Philadelphia 2017

Our Process

@laurenpittenger#wcphilly

Page 16: Systems + Processes for Creatives – WordCamp Philadelphia 2017

Our Process

DevelopmentDesignDiscovery

ResearchSitemap

Tech Brief

WireframesStyle TilesMockups

TemplatesFunctionality

Page 17: Systems + Processes for Creatives – WordCamp Philadelphia 2017

Client Questionnaire

17

● Client’s Organization● Client’s Customers, Clients or Supporters● Client’s Competitors● Brand● Website

Page 18: Systems + Processes for Creatives – WordCamp Philadelphia 2017

Sitemap

Page 19: Systems + Processes for Creatives – WordCamp Philadelphia 2017

A Slickplan Sitemap

Page 20: Systems + Processes for Creatives – WordCamp Philadelphia 2017

Tech Brief

20

● Content Types● Templates● Forms● Sitemap● Search● User permissions

Page 21: Systems + Processes for Creatives – WordCamp Philadelphia 2017

Wireframe

21

Page 22: Systems + Processes for Creatives – WordCamp Philadelphia 2017

Style Tile

22

Page 23: Systems + Processes for Creatives – WordCamp Philadelphia 2017

Visual Mockups

23

Page 24: Systems + Processes for Creatives – WordCamp Philadelphia 2017

Website Development

24

● Templates● Forms● Plugins● Functionality● 301 redirects● SSL certificate

Page 25: Systems + Processes for Creatives – WordCamp Philadelphia 2017

Content

25

¯\_(ツ)_/¯

Page 26: Systems + Processes for Creatives – WordCamp Philadelphia 2017

Setting up your own

@laurenpittenger#wcphilly

Page 27: Systems + Processes for Creatives – WordCamp Philadelphia 2017

Write down steps you already take.

@laurenpittenger#wcphilly

Page 28: Systems + Processes for Creatives – WordCamp Philadelphia 2017

Look to the past for challenges.

@laurenpittenger#wcphilly

Page 29: Systems + Processes for Creatives – WordCamp Philadelphia 2017

One process does not fit all projects.

@laurenpittenger#wcphilly

Page 30: Systems + Processes for Creatives – WordCamp Philadelphia 2017

Shiny Process Syndrome is a real thing (I made up).

Ooooo, Trello! And Asana?! Or Todoist ... No wait, Basecamp!

@laurenpittenger#wcphilly

Page 31: Systems + Processes for Creatives – WordCamp Philadelphia 2017

Nothing is less productive than to make more efficient what should not be done at all.

– Peter Drucker

Page 32: Systems + Processes for Creatives – WordCamp Philadelphia 2017

Changing our habits is hard.Due to our human brains.

http://bit.ly/wcpgh-change-is-hard @laurenpittenger

Page 33: Systems + Processes for Creatives – WordCamp Philadelphia 2017

Commit to it.

@laurenpittenger#wcphilly

Page 34: Systems + Processes for Creatives – WordCamp Philadelphia 2017

It’s a process.Not once and done.

@laurenpittenger#wcphilly

Page 35: Systems + Processes for Creatives – WordCamp Philadelphia 2017

Resources

● Unstoppable Basecamp● Designing to Delight● Elle and Company

Blog + Webinars● Get Back to Design Podcast● Smashing Magazine’s “Following a Web Design Process”

Page 36: Systems + Processes for Creatives – WordCamp Philadelphia 2017

Thanks! Let’s Connectlaurenpittenger.com@laurenpittenger