2015 - Website Design 2.0

21
Chapter Website Design 101 Section 67 Executive Retreat August 2015

Transcript of 2015 - Website Design 2.0

Page 1: 2015 - Website Design 2.0

Chapter Website Design 101Section 67 Executive RetreatAugust 2015

Page 2: 2015 - Website Design 2.0

The Essentials

All of the must-haves for any chapter's website.

Page 3: 2015 - Website Design 2.0

The Essentials:

• Facts about APO• Co-ed service

fraternity• Symbols• Cardinal Principles• Famous alumni• Link to apo.org

• Facts about the chapter• Chapter Name and

School• Chartering/

Rechartering Dates• Recent chapter photo • Recent history

Page 4: 2015 - Website Design 2.0

The Essentials:

• List of Officers• At least: President, Treasurer, Service VP, Membership VP, Pledge

Educator(s)• Preferably: everyone!• Add items like pictures, fun facts, and contact emails

• Photo Gallery• Showcase photos of brothers doing service, enjoying fellowships, and at

leadership oriented events• Highlight your chapter's signature events and traditions

Page 5: 2015 - Website Design 2.0

The Essentials:

• Recruitment Information• List of all recruitment events + days/times/locations• Other pertinent info for potential new members (essay

requirements, mandatory meetings, etc.)• Extra-easy method of contacting the VP of Membership or a Pledge

Educator with questions• Have a brochure, written “elevator speech”, or other recruitment

materials online for potential new members to view• Reasons to join Alpha Phi Omega• What the New Member Experience will be like

Page 6: 2015 - Website Design 2.0

The Essentials:

• Link to Section 67 Website • Pledge Portal• Officer Resources• Alumni Information

• Alumni Portal• Homecoming• Upcoming Ceremonies• Alumni networking events

• Recent news on homepage • Recruitment and ceremonies• Major fundraisers or service

events • Chapter awards • Conventions and conferences

Page 7: 2015 - Website Design 2.0

The Essentials:

• Social Media • Facebook• Twitter• Instagram• Pinterest• YouTube• Misc. sites

• Ideally, have a way to actually showcase the content on there via a widget.

• If not possible, use an image with the site's logo in your website as opposed to text.

• Example sites: • Rounded corner buttons in sidebar• Embedded tweets • Links at bottom of page• Dedicate a page to social media

Page 8: 2015 - Website Design 2.0

Ideas for Creative Content:

• Feature a Quote of the Week & Brother of the Week• Post brother testimonials about joining APO• Have a slideshow of recent photos on the homepage• Post a contact form• Embed chapter videos• Add graphics – like the torch or the APO logo!• Feature the service sites you work with• Integrate a Google Calendar of public events• Have a members-only page• Customize your website’s appearance

Page 9: 2015 - Website Design 2.0

Get Inspired

Find ideas from other APO chapters and social Greek chapters.

Page 10: 2015 - Website Design 2.0

Find other APO chapter websites and use them as inspiration!

• https://secure.org.vt.edu/www.aphio.org.vt.edu/index.php• http://www.indiana.edu/~apo/• http://apo.tamu.edu/• http://groups.northwestern.edu/alpha-phi-omega/• http://web.ics.purdue.edu/~apo/• http://apo.slu.edu/• https://aphiobuddy.wordpress.com/• http://www.apoti.org/• http://apozu.org/• http://www.apote.org/• http://pages.uoregon.edu/apo/

Page 11: 2015 - Website Design 2.0

Look to your local sororities and fraternities’ websites for design ideas, new features, and social media links!

• http://louisville.kappadelta.org/• http://asabetanu.wix.com/murraystate• http://www.phisigmasigma.org/GammaTau/GammaTau/Home/• http://trisigmamsu.weebly.com/• http://centre.kappaalphatheta.org/• http://louisville.sigmakappa.org/• http://www.dgnku.com/• http://ukdz.org/• https://www.pibetaphi.org/pibetaphi/eku/

Page 12: 2015 - Website Design 2.0

Look to your local sororities and fraternities’ websites for design ideas, new features, and social media links!

• http://ekuchiomega.wix.com/ekuchiomega

• http://ukadpi.com/ • http://centre.tridelta.org/• http://eku.kappadelta.org/• http://ulouisville.kappaalphatheta.org/ • http://murraystateadpi.com/home

• http://www.uoflphisigmarho.com/ • http://uky.kappa.org/

Page 13: 2015 - Website Design 2.0

Look to other organization's websites, beyond your local area!

• http://www.auburnchiomega.com/#• http://wkualphagammadelta.wix.com/wkualphagam• http://www.vandyaxo.com/• http://auburn.phimu.org/• http://wku.kappadelta.org/• http://chapters.kappakappagamma.org/epsilonnu/• https://wkuopa.wordpress.com/• http://vanderbilt.zetataualpha.org/• http://wku.phimu.org/• http://www.vandyadpi.com/• http://wku.alphaxidelta.org/• http://www.vualphaomicronpi.com/

Page 14: 2015 - Website Design 2.0

Hosting Services

Your website's new home

Page 15: 2015 - Website Design 2.0

Hosting Services

• Wordpress• Basic service is free; can pay extra for increased customizations• http://centreaphio.wordpress.com/• http://aposection67.wordpress.com/

• Wix• http://su-apo.wix.com/aad-chapter• http://ouapodb.wix.com/apo-delta-beta

• Google• https://sites.google.com/site/aposection67/

Page 16: 2015 - Website Design 2.0

Hosting Services

• University Server • Talk to your IT or Student Affairs Departments for more info• http://unt.orgsync.com/org/apo/home• http://www.umich.edu/~gammapi/• http://www.valpo.edu/student/alphaphiomega/• http://apo.rose-hulman.edu/

Page 17: 2015 - Website Design 2.0

Hosting Services

Weebly • http://aposection67conference2015.weebly.com/ • http://apoab.weebly.com/ • http://oi2015conclave.weebly.com/ • http://alphaphiomegazd.weebly.com/ • http://apoee.weebly.com/ • http://apostan.weebly.com/

Page 18: 2015 - Website Design 2.0

Hosting Services:

• APO Online• For a basic overview of your chapter• http://apoonline.org/alphazeta/

• EventBrite • For specific events, like a conference or service project• http://www.eventbrite.com/e/alpha-phi-omega-region-v-conference-r

egistration-7882742495• Squarespace

• http://blog.bablic.com/10-of-the-best-squarespace-sites/

Page 19: 2015 - Website Design 2.0

Odds and Ends

General tips for success.

Page 20: 2015 - Website Design 2.0

Odds and Ends:

• Make sure that you have at least 2 officers with access to the website, in case of emergency.

• Listen to what brothers and pledges want to see - feedback and constant improvements are critical!

• Try to redesign your website at least once every two years, possibly more often to keep up with new features and trends.

• If possible, have a custom logo for your chapter to use on your website + all of your social media sites!

Page 21: 2015 - Website Design 2.0

Questions/Comments?