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 full-size slide

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

    View full-size 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 full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  9. The Challenges
    The Solutions
    s

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  14. 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 full-size slide

  15. The Challenges
    The Solutions
    s

    View full-size slide

  16. 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 full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  20. 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 full-size slide

  21. The Challenges
    The Solutions
    s

    View full-size slide

  22. 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 full-size slide

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

    View full-size slide

  24. 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 full-size slide

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

    View full-size slide

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

    View full-size slide