Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Not just another Wordpress blog

Not just another Wordpress blog

My presentation for Wordcamp Greece 2011 @ Thessaloniki.

Zaharenia Atzitzikaki

September 26, 2011
Tweet

More Decks by Zaharenia Atzitzikaki

Other Decks in Design

Transcript

  1. Not just another
    Wordpress blog
    Wordcamp 2011, Thessaloniki

    View Slide

  2. Not just another
    Wordpress blog
    Wordcamp 2011, Thessaloniki

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  9. View Slide

  10. The problem

    View Slide

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

    View Slide

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


    View Slide

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


    View Slide

  14. Arras (arrastheme.com)

    View Slide

  15. Everyone.
    Whom is this presentation for?

    View Slide

  16. This.
    So what’s your problem anyway?

    View Slide

  17. Bueno by WooThemes

    View Slide

  18. Aurora Borealis by Themeforest

    View Slide

  19. Topzglow by simplyWP

    View Slide

  20. MyWordpress by Themeforest

    View Slide

  21. Fresh News by WooThemes

    View Slide

  22. Header

    View Slide

  23. Header
    Fat Footer

    View Slide

  24. Header
    Fat Footer
    Most popular

    View Slide

  25. Header
    Fat Footer
    Carousel
    Most popular

    View Slide

  26. Header
    Fat Footer
    Carousel
    Featured
    Most popular

    View Slide

  27. Header
    Fat Footer
    Carousel
    Featured
    Most popular
    Tag clouds

    View Slide

  28. Pffffft...
    Wait, tag clouds?

    View Slide

  29. Whut?

    View Slide

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

    View Slide

  31. Tight deadlines.
    Why do we do this?

    View Slide

  32. Tight budgets.
    Why do we do this?

    View Slide

  33. Laziness.
    Why do we do this?

    View Slide

  34. Let’s change this.

    View Slide

  35. Art Direction
    The elephant in the room

    View Slide

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

    View Slide

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


    View Slide

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

    View Slide

  39. ...and this is not a pharmacy website.

    View Slide

  40. Design Research
    You. Need. It.

    View Slide

  41. Moodboards
    Capture the mood of the website

    View Slide

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

    View Slide

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


    View Slide

  44. View Slide

  45. View Slide

  46. View Slide

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

    View Slide

  48. Best-sellers? Stay away.
    So generic it hurts

    View Slide

  49. (Plus they all look alike)

    View Slide

  50. Striking by ThemeForest

    View Slide

  51. inFocus by ThemeForest

    View Slide

  52. Display by ThemeForest

    View Slide

  53. Go stylish minimal
    But only if you have to

    View Slide

  54. Dandelion by Themeforest

    View Slide

  55. Briefed by WooThemes

    View Slide

  56. Modest by ElegantThemes

    View Slide

  57. Penelope by cssigniter

    View Slide

  58. Practical by WPBundle

    View Slide

  59. Don’t copy.
    Not too much anyway

    View Slide

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

    View Slide

  61. Frankly, it gets boring.

    View Slide

  62. View Slide

  63. View Slide

  64. View Slide

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

    View Slide

  66. It will show.

    View Slide

  67. Macalicious.com (design from 45Royale)

    View Slide

  68. Delicious Magazine by WooThemes

    View Slide

  69. Diverse by WPBundle

    View Slide

  70. Vetee by Themeforest

    View Slide

  71. Hipstr Tumblr
    It is popular for a reason

    View Slide

  72. Slanted by WooThemes

    View Slide

  73. Nimble by WPBundle

    View Slide

  74. Auld by WooThemes

    View Slide

  75. Shelf by The Theme Foundry

    View Slide

  76. View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide