Slide 1

Slide 1 text

Not just another Wordpress blog Wordcamp 2011, Thessaloniki

Slide 2

Slide 2 text

Not just another Wordpress blog Wordcamp 2011, Thessaloniki

Slide 3

Slide 3 text

Some stuff about me (I’m interesting. I think.)

Slide 4

Slide 4 text

My name is Zaharenia http://sugarenia.com – @sugarenia

Slide 5

Slide 5 text

My name is Zaharenia http://sugarenia.com – @sugarenia ≠

Slide 6

Slide 6 text

My name is Zaharenia http://sugarenia.com – @sugarenia ≠

Slide 7

Slide 7 text

...and this is Gadget, my cat (he doesn’t like walking on a leash)

Slide 8

Slide 8 text

I think I want to be a freelancer... – Me, circa 2009

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

The problem

Slide 11

Slide 11 text

terrainnova.gr/αν-το-περιεχόµενο-είναι- βασιλιάς-το-design-τ/

Slide 12

Slide 12 text

Αν εποµένως το πιο σηµαντικό είναι το περιεχόµενο σε µια παρουσία online (...) µήπως το αντίπαλο δέος το οποίο για χάρη συντοµίας θα το πω design πρέπει να είναι αυτό που θα ‘θυσιαστεί’; “ „

Slide 13

Slide 13 text

Πλέον η ουσία βρίσκεται (...) να βρεθείς µέσω των social media µπροστά στους χρήστες ή τους καταναλωτές σου (...) Και κανένα design όσο και να λειτουργήσει ως ‘κράχτης’ και όσο καλό και να είναι δεν πρόκειται να βοηθήσει σηµαντικά επ’ αυτού – ειδικά µακροπρόθεσµα. “ „

Slide 14

Slide 14 text

Arras (arrastheme.com)

Slide 15

Slide 15 text

Everyone. Whom is this presentation for?

Slide 16

Slide 16 text

This. So what’s your problem anyway?

Slide 17

Slide 17 text

Bueno by WooThemes

Slide 18

Slide 18 text

Aurora Borealis by Themeforest

Slide 19

Slide 19 text

Topzglow by simplyWP

Slide 20

Slide 20 text

MyWordpress by Themeforest

Slide 21

Slide 21 text

Fresh News by WooThemes

Slide 22

Slide 22 text

Header

Slide 23

Slide 23 text

Header Fat Footer

Slide 24

Slide 24 text

Header Fat Footer Most popular

Slide 25

Slide 25 text

Header Fat Footer Carousel Most popular

Slide 26

Slide 26 text

Header Fat Footer Carousel Featured Most popular

Slide 27

Slide 27 text

Header Fat Footer Carousel Featured Most popular Tag clouds

Slide 28

Slide 28 text

Pffffft... Wait, tag clouds?

Slide 29

Slide 29 text

Whut?

Slide 30

Slide 30 text

Hey, I’ve seen it before... The dreaded Wordpress look

Slide 31

Slide 31 text

Tight deadlines. Why do we do this?

Slide 32

Slide 32 text

Tight budgets. Why do we do this?

Slide 33

Slide 33 text

Laziness. Why do we do this?

Slide 34

Slide 34 text

Let’s change this.

Slide 35

Slide 35 text

Art Direction The elephant in the room

Slide 36

Slide 36 text

alistapart.com/articles/art-direction-and-design

Slide 37

Slide 37 text

Art direction brings clarity and definition to our work; it helps our work convey a specific message to a particular group of people. “ „

Slide 38

Slide 38 text

This is not your aunt’s travel blog...

Slide 39

Slide 39 text

...and this is not a pharmacy website.

Slide 40

Slide 40 text

Design Research You. Need. It.

Slide 41

Slide 41 text

Moodboards Capture the mood of the website

Slide 42

Slide 42 text

viget.com/inspire/perspectives-on-mood-boards

Slide 43

Slide 43 text

The purpose of a mood board is to set the tone & style of a design effort, without the distraction of flow and architecture. “ „

Slide 44

Slide 44 text

No content

Slide 45

Slide 45 text

No content

Slide 46

Slide 46 text

No content

Slide 47

Slide 47 text

Use whatever suits you OneNote, Curio, Photoshop, LittleSnapper...

Slide 48

Slide 48 text

Best-sellers? Stay away. So generic it hurts

Slide 49

Slide 49 text

(Plus they all look alike)

Slide 50

Slide 50 text

Striking by ThemeForest

Slide 51

Slide 51 text

inFocus by ThemeForest

Slide 52

Slide 52 text

Display by ThemeForest

Slide 53

Slide 53 text

Go stylish minimal But only if you have to

Slide 54

Slide 54 text

Dandelion by Themeforest

Slide 55

Slide 55 text

Briefed by WooThemes

Slide 56

Slide 56 text

Modest by ElegantThemes

Slide 57

Slide 57 text

Penelope by cssigniter

Slide 58

Slide 58 text

Practical by WPBundle

Slide 59

Slide 59 text

Don’t copy. Not too much anyway

Slide 60

Slide 60 text

Almost 89,2% of tutorial sites looks like PsdTuts or Smashing Magazine. – Me

Slide 61

Slide 61 text

Frankly, it gets boring.

Slide 62

Slide 62 text

No content

Slide 63

Slide 63 text

No content

Slide 64

Slide 64 text

No content

Slide 65

Slide 65 text

No more magazines. Especially when you don’t have content

Slide 66

Slide 66 text

It will show.

Slide 67

Slide 67 text

Macalicious.com (design from 45Royale)

Slide 68

Slide 68 text

Delicious Magazine by WooThemes

Slide 69

Slide 69 text

Diverse by WPBundle

Slide 70

Slide 70 text

Vetee by Themeforest

Slide 71

Slide 71 text

Hipstr Tumblr It is popular for a reason

Slide 72

Slide 72 text

Slanted by WooThemes

Slide 73

Slide 73 text

Nimble by WPBundle

Slide 74

Slide 74 text

Auld by WooThemes

Slide 75

Slide 75 text

Shelf by The Theme Foundry

Slide 76

Slide 76 text

No content

Slide 77

Slide 77 text

Recap time! (This is what you should write down)

Slide 78

Slide 78 text

Don’t Wordpress look Marketplace best-sellers Magazine themes without content

Slide 79

Slide 79 text

Do Design research Minimalism & personality Lean ’n’ mean original themes

Slide 80

Slide 80 text

No more of this. Don’t make me spank you.

Slide 81

Slide 81 text

Thank you! You’re cool. Zaharenia Atzitzikaki UI designer http://sugarenia.com @sugarenia