The document outlines a process for creatives to develop websites in a systematic way. It discusses how systems and processes can provide roadmaps, help teams work efficiently, and ensure consistency across projects. A sample website development process is presented, including steps for discovery, research, wireframing, design, and development. The process involves gathering information from clients, creating sitemaps, tech specifications, visual mockups, and templates before development and content population. It encourages creatives to establish their own processes by learning from past challenges and tailoring approaches to different project types, while acknowledging that changing habits can be difficult.

1. Systems & Processes
for Creatives

2. But I’m a creative!
I know. Me, too.
@laurenpittenger#wcphilly

3. The inside of my brain

4. proc·ess1
ˈpräˌses,ˈprōˌses/
noun
a series of actions or steps taken in
order to achieve a particular end.
@laurenpittenger#wcphilly

5. Why bother?
@laurenpittenger#wcphilly

6. Processes give us a
roadmap.
@laurenpittenger#wcphilly

7. Systems and processes
help us do a good job.
@laurenpittenger#wcphilly

8. Processes help us
lead clients.
@laurenpittenger#wcphilly

9. Processes mean less time
reinventing the wheel.
@laurenpittenger#wcphilly

10. Helps get everyone
on the same page.
@laurenpittenger#wcphilly

11. Systems + processes
are how it gets done.
@laurenpittenger#wcphilly

12. The work is what
is getting done.
@laurenpittenger#wcphilly

13. The end goal is
why we’re doing it.
Don’t forget this.
@laurenpittenger#wcphilly

14. What is the
site’s purpose?
Don’t forget this.
@laurenpittenger#wcphilly

15. Our Process
@laurenpittenger#wcphilly

16. Our Process
DevelopmentDesignDiscovery
Research
Sitemap
Tech Brief
Wireframes
Style Tiles
Mockups
Templates
Functionality

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

18. Sitemap

19. A Slickplan Sitemap

20. Tech Brief
20
● Content Types
● Templates
● Forms
● Sitemap
● Search
● User permissions

21. Wireframe
21

22. Style Tile
22

23. Visual Mockups
23

24. Website Development
24
● Templates
● Forms
● Plugins
● Functionality
● 301 redirects
● SSL certificate

25. Content
25
¯_(ツ)_/¯

26. Setting up your own
@laurenpittenger#wcphilly

27. Write down steps
you already take.
@laurenpittenger#wcphilly

28. Look to the past
for challenges.
@laurenpittenger#wcphilly

29. One process does
not fit all projects.
@laurenpittenger#wcphilly

30. Shiny Process Syndrome
is a real thing (I made up).
✨
✨
Ooooo, Trello!
And Asana?!
Or Todoist ...
No wait, Basecamp!
@laurenpittenger#wcphilly

31. Nothing is less productive
than to make more efficient
what should not be done at all.
– Peter Drucker
“

32. Changing our
habits is hard.
Due to our human brains.
http://bit.ly/wcpgh-change-is-hard @laurenpittenger

33. Commit to it.
@laurenpittenger#wcphilly

34. It’s a process.
Not once and done.
@laurenpittenger#wcphilly

35. Resources
● Unstoppable Basecamp
● Designing to Delight
● Elle and Company
Blog + Webinars
● Get Back to Design Podcast
● Smashing Magazine’s “Following a Web Design Process”

36. Thanks!
Let’s Connect
laurenpittenger.com
@laurenpittenger