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

Three BuddyPress Tales

Three BuddyPress Tales

Multipack WordPress show and tell presentation.
http://lanyrd.com/2012/multipack-presents-may/

Tammie Lister

May 12, 2012
Tweet

More Decks by Tammie Lister

Other Decks in Design

Transcript

  1. Three
    BuddyPress
    Tales
    By Tammie Lister

    View Slide

  2. BuddyPress?
    Social networking, in a box.
    www.buddypress.org
    FRIENDS
    FORUMS GROUPS
    ACTIVITY
    DIRECTORYCOMM
    BLOG
    MEMBERSPROFIL
    A plugin for WordPress

    View Slide

  3. Activity Streams User Groups Multisite Blogging
    Friend Connections Extended Profiles
    Discussion Forums Private Messaging
    User Settings ...and lots more
    http://wordpress.org/extend/plugins/buddypress

    View Slide

  4. View Slide

  5. Empowering communities
    BuddyPress gets about a bit......

    View Slide

  6. View Slide

  7. BuddyPress rocks because...
    Open source
    Free
    Plugintastic
    Flexible
    ... and so much more

    View Slide

  8. Are you sitting comfortably?
    Let me tell you a tale about 3 communities...

    View Slide

  9. 1. A music journalism community
    2. Young people with ms community
    3. A community effort theme
    BuddyPress does it all......

    View Slide

  10. Rockhaq
    the UK's first music journalism community for schools
    and colleges
    my role : designer and front end developer
    Once upon a time...

    View Slide

  11. View Slide

  12. The Challenges
    The Solutions
    s

    View Slide

  13. Motivation
    Achievements plugin by Paul Gibbs
    http://achievementsapp.wordpress.com/
    Featured post slider
    Leader boards

    View Slide

  14. Appeal across ages
    Mobile first responsive design
    Photo image background
    Familiar profile layout
    Easy to see activity streams
    Simple blog format
    r

    View Slide

  15. Just do it
    Child of BuddyPress default
    Let community decide direction
    9

    View Slide

  16. Rockhaq
    www.rockhaq.com
    And they all lived happily
    ever after...

    View Slide

  17. Shift ms
    Shift.ms is a social network run by its users where young
    MSers meet share experiences and support each other
    my role : front end developer and advisor
    Once upon a time...

    View Slide

  18. View Slide

  19. The Challenges
    The Solutions
    s

    View Slide

  20. The great site move
    Easy does it in stages
    WP Valet took away the pain - www.thewpvalet.com
    Inform community
    p
    Get a specialist, get solid hosting

    View Slide

  21. Strong identity
    Sketch images throughout
    Strong colour threads
    Design thread throughout site
    g

    View Slide

  22. Create a safe haven
    Privacy when need it
    A sense of belonging
    Able to say what gets done
    n

    View Slide

  23. Shift ms
    www.shift.ms
    And they all lived happily
    ever after...

    View Slide

  24. Status
    A community created theme for BuddyPress 1.6
    my role : designer and front end developer
    Custom backgrounds HTML5 Mobile first responsive
    Custom link colours User statistics built in Friends in sidebar
    Activity stream focused Template making it members only
    Once upon a time...

    View Slide

  25. View Slide

  26. The Challenges
    The Solutions
    s

    View Slide

  27. It started with a ticket
    A seed of an idea was planted
    Child of BuddyPress default
    Just do it - design in browser for 75%
    =

    View Slide

  28. Different roles
    Designers and front end developers
    HTML5ification
    Theme reviewer
    Testers
    Developers
    j

    View Slide

  29. Beyond BuddyPress
    Activity stream focused like Twitter
    Login template on front
    Profiles extended - colours and backgrounds
    User statistics included
    Mobile first responsive design
    t

    View Slide

  30. Status
    Working copy https://github.com/karmatosed/Status
    Once released will be on wordpress.org
    And they all lived happily
    ever after...

    View Slide

  31. The End

    View Slide

  32. Thank you for listening
    Tammie Lister @karmatosed www.logicalbinary.com
    Any questions?

    View Slide