Slide 1

Slide 1 text

EXTREME THEME MAKEOVER

Slide 2

Slide 2 text

MEGAN GRAY Designer wordpresser Beach bum @houseofgrays | itsmegangray.com | 10up.com

Slide 3

Slide 3 text

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// CUSTOMIZING off-the-shelf THEMES it’s not cheating. it’s winning. » » When you’re just beginning

Slide 4

Slide 4 text

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// CUSTOMIZING off-the-shelf THEMES it’s not cheating. it’s winning. » » When you’re just beginning » » When you’re short on time, budget, or resources

Slide 5

Slide 5 text

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// CUSTOMIZING off-the-shelf THEMES it’s not cheating. it’s winning. » » When you’re just beginning » » When you’re short on time, budget, or resources » » When you want to work smarter, not harder

Slide 6

Slide 6 text

use both halves to control creative chaos.

Slide 7

Slide 7 text

eat your vegetables first.

Slide 8

Slide 8 text

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// good DESIGN SOLVES PROBLEMs It doesn’t make problems prettier. » » People don’t visit sites for the design

Slide 9

Slide 9 text

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// good DESIGN SOLVES PROBLEMs It doesn’t make problems prettier. » » People don’t visit sites for the design » » Always begin with a plan

Slide 10

Slide 10 text

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// good DESIGN SOLVES PROBLEMs It doesn’t make problems prettier. » » People don’t visit sites for the design » » Always begin with a plan » » Make it smart before you make it pretty

Slide 11

Slide 11 text

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// HAVE A PLAN Design without a plan is just doodling. 1. Take inventory of your content (present & future)

Slide 12

Slide 12 text

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// HAVE A PLAN Design without a plan is just doodling. 1. Take inventory of your content (present & future) 2. Define required features

Slide 13

Slide 13 text

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// HAVE A PLAN Design without a plan is just doodling. 1. Take inventory of your content (present & future) 2. Define required features 3. Complete a creative brief

Slide 14

Slide 14 text

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// you need help Get it early and often. 1. Find a trusted WordPress consultant

Slide 15

Slide 15 text

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// you need help Get it early and often. 1. Find a trusted WordPress consultant 2. Share your plan

Slide 16

Slide 16 text

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// you need help Get it early and often. 1. Find a trusted WordPress consultant 2. Share your plan 3. Preventing fires > Putting them out (or watching your site burn)

Slide 17

Slide 17 text

do a warm up lap.

Slide 18

Slide 18 text

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// find your Inspiration: It feels like a cold slap in the face, by the way. » » Consult the creative brief

Slide 19

Slide 19 text

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// find your Inspiration: It feels like a cold slap in the face, by the way. » » Consult the creative brief » » Sources: Everywhere. Magazines. Internet.

Slide 20

Slide 20 text

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// find your Inspiration: It feels like a cold slap in the face, by the way. » » Consult the creative brief » » Sources: Everywhere. Magazines. Internet. » » Save it for later: Pinterest, Gimme Bar

Slide 21

Slide 21 text

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// shopping for themes It’s like dating. Kind of*. » » Find one that comes from a good family *Dating is awful. Theme shopping is mostly pleasant.

Slide 22

Slide 22 text

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// shopping for themes It’s like dating. Kind of*. » » Find one that comes from a good family » » Don’t expect it to change after you buy it *Dating is awful. Theme shopping is mostly pleasant.

Slide 23

Slide 23 text

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// shopping for themes It’s like dating. Kind of*. » » Find one that comes from a good family » » Don’t expect it to change after you buy it » » You’ll know when you find the one. *Dating is awful. Theme shopping is mostly pleasant.

Slide 24

Slide 24 text

you may now open photoshop

Slide 25

Slide 25 text

No content

Slide 26

Slide 26 text

designers are a maddening combination of competitiveness and insecurity. -mike monteiro

Slide 27

Slide 27 text

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// the design process (The parts nobody talks about) At least once in every good design process, you may: » » Doubt yourself

Slide 28

Slide 28 text

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// the design process (The parts nobody talks about) At least once in every good design process, you may: » » Doubt yourself » » Rage Quit your computer

Slide 29

Slide 29 text

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// the design process (The parts nobody talks about) At least once in every good design process, you may: » » Doubt yourself » » Rage Quit your computer » » Delete everything and start over

Slide 30

Slide 30 text

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// the design process (The parts nobody talks about) At least once in every good design process, you may: » » Doubt yourself » » Rage Quit your computer » » Delete everything and start over Everyone does this. This is Good.

Slide 31

Slide 31 text

keep going.

Slide 32

Slide 32 text

Inspiration

Slide 33

Slide 33 text

No content

Slide 34

Slide 34 text

No content

Slide 35

Slide 35 text

No content

Slide 36

Slide 36 text

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// design in the details Think big, work small. 1. Color Palette 2. Typography 3. Background 4. Header 5. Navigation 6. Content Area 7. Sidebar 8. Footer

Slide 37

Slide 37 text

4 5 8 6 7 3 AaBbCc 1 2 Color Palette Typography Background Content Sidebar Header Navigation Footer

Slide 38

Slide 38 text

Carolyna Pro Josefin Slab 5 6 7 8 1 2 3 4

Slide 39

Slide 39 text

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// designers’ block How to smash it. » » You can always afford 5 minutes

Slide 40

Slide 40 text

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// designers’ block How to smash it. » » You can always afford 5 minutes » » Play

Slide 41

Slide 41 text

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// designers’ block How to smash it. » » You can always afford 5 minutes » » Play » » Revisit your inspiration

Slide 42

Slide 42 text

learn to code (you can do it)

Slide 43

Slide 43 text

goodie bag

Slide 44

Slide 44 text

graphics » » TheInkNest.com » » CreativeMarket.com » » iStockphoto.com colors » » color.hailpixel.com » » colourlovers.com » » kuler.adobe.com textures » » lostandtaken.com » » subtlepatterns.com » » flickr.com typography » » typecast.com ($) » » typekit.com ($) » » google webfonts

Slide 45

Slide 45 text

learnin’ » » codeschool.com » » codeacademy.com » » dontfeartheinternet.com » » lynda.com » » hackdesign.org organizaiton » » teuxdeux.com » » workflowy.com » » app.weekplan.net inspiration » » real life! » » puglypixel.com » » dribbble.com » » pinterest.com » » webcreme.com » » awwwards.com

Slide 46

Slide 46 text

work smarter.

Slide 47

Slide 47 text

have a plan.

Slide 48

Slide 48 text

stick to the plan.

Slide 49

Slide 49 text

keep going.

Slide 50

Slide 50 text

be fearless. -andrea rennick

Slide 51

Slide 51 text

this is the best job in the world! let’s do it right. -MIKE MONTEIRO

Slide 52

Slide 52 text

@houseofgrays speakerdeck.com/houseofgrays