29
Gillings Web “New.0” The new web environment for the Gillings School of Global Public Health

Gillings Web “New.0” · 2013. 7. 26. · In Joomla: 1. REVIEW 2. CLEAN (rewrite, delete) In WordPress: 3. MIGRATE 4. QA MIGRATION: Manual (copy & paste) Or Automated Midsummer

  • Upload
    others

  • View
    8

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Gillings Web “New.0” · 2013. 7. 26. · In Joomla: 1. REVIEW 2. CLEAN (rewrite, delete) In WordPress: 3. MIGRATE 4. QA MIGRATION: Manual (copy & paste) Or Automated Midsummer

Gillings Web “New.0”

The new web environment for the Gillings School of Global Public

Health

Page 2: Gillings Web “New.0” · 2013. 7. 26. · In Joomla: 1. REVIEW 2. CLEAN (rewrite, delete) In WordPress: 3. MIGRATE 4. QA MIGRATION: Manual (copy & paste) Or Automated Midsummer

Perhaps you’ve noticed a change.

Page 3: Gillings Web “New.0” · 2013. 7. 26. · In Joomla: 1. REVIEW 2. CLEAN (rewrite, delete) In WordPress: 3. MIGRATE 4. QA MIGRATION: Manual (copy & paste) Or Automated Midsummer

It looks nice, but why did we do what we did?

Page 4: Gillings Web “New.0” · 2013. 7. 26. · In Joomla: 1. REVIEW 2. CLEAN (rewrite, delete) In WordPress: 3. MIGRATE 4. QA MIGRATION: Manual (copy & paste) Or Automated Midsummer

• Branding.

• Data.

• The ever-changing Web.

Page 5: Gillings Web “New.0” · 2013. 7. 26. · In Joomla: 1. REVIEW 2. CLEAN (rewrite, delete) In WordPress: 3. MIGRATE 4. QA MIGRATION: Manual (copy & paste) Or Automated Midsummer

Branding, Branding, Branding!

We are part of a very powerful and recognizable brand:

Page 6: Gillings Web “New.0” · 2013. 7. 26. · In Joomla: 1. REVIEW 2. CLEAN (rewrite, delete) In WordPress: 3. MIGRATE 4. QA MIGRATION: Manual (copy & paste) Or Automated Midsummer

The University of North Carolina at Chapel Hill.

Page 7: Gillings Web “New.0” · 2013. 7. 26. · In Joomla: 1. REVIEW 2. CLEAN (rewrite, delete) In WordPress: 3. MIGRATE 4. QA MIGRATION: Manual (copy & paste) Or Automated Midsummer

We are also a top ranked brand within public health education.

Page 8: Gillings Web “New.0” · 2013. 7. 26. · In Joomla: 1. REVIEW 2. CLEAN (rewrite, delete) In WordPress: 3. MIGRATE 4. QA MIGRATION: Manual (copy & paste) Or Automated Midsummer

Our Web branding recognizes that the Web has become more visual.

• Less text.

• More engaging images.

• More visual messaging.

Page 9: Gillings Web “New.0” · 2013. 7. 26. · In Joomla: 1. REVIEW 2. CLEAN (rewrite, delete) In WordPress: 3. MIGRATE 4. QA MIGRATION: Manual (copy & paste) Or Automated Midsummer

And who is this messaging for?

• Our data say these folks:

Page 10: Gillings Web “New.0” · 2013. 7. 26. · In Joomla: 1. REVIEW 2. CLEAN (rewrite, delete) In WordPress: 3. MIGRATE 4. QA MIGRATION: Manual (copy & paste) Or Automated Midsummer

More than 74% of our homepage visitors are prospective students.*

*Based on page visits between Jan. 1 and Dec 31, 2012

Page 11: Gillings Web “New.0” · 2013. 7. 26. · In Joomla: 1. REVIEW 2. CLEAN (rewrite, delete) In WordPress: 3. MIGRATE 4. QA MIGRATION: Manual (copy & paste) Or Automated Midsummer

Prospective students are Web savvy.

We want to be responsive.

Page 12: Gillings Web “New.0” · 2013. 7. 26. · In Joomla: 1. REVIEW 2. CLEAN (rewrite, delete) In WordPress: 3. MIGRATE 4. QA MIGRATION: Manual (copy & paste) Or Automated Midsummer

So we’ve gone vertical.

Page 13: Gillings Web “New.0” · 2013. 7. 26. · In Joomla: 1. REVIEW 2. CLEAN (rewrite, delete) In WordPress: 3. MIGRATE 4. QA MIGRATION: Manual (copy & paste) Or Automated Midsummer

Our prospective audience (and secondary audiences) assumes the Vertical.

Page 14: Gillings Web “New.0” · 2013. 7. 26. · In Joomla: 1. REVIEW 2. CLEAN (rewrite, delete) In WordPress: 3. MIGRATE 4. QA MIGRATION: Manual (copy & paste) Or Automated Midsummer

Facebook created a Web-wide paradigm shift.

Page 15: Gillings Web “New.0” · 2013. 7. 26. · In Joomla: 1. REVIEW 2. CLEAN (rewrite, delete) In WordPress: 3. MIGRATE 4. QA MIGRATION: Manual (copy & paste) Or Automated Midsummer

Vertical = Dynamic to our audience.

Page 16: Gillings Web “New.0” · 2013. 7. 26. · In Joomla: 1. REVIEW 2. CLEAN (rewrite, delete) In WordPress: 3. MIGRATE 4. QA MIGRATION: Manual (copy & paste) Or Automated Midsummer

Vertical means not everything is visible on screen all the time.

Page 17: Gillings Web “New.0” · 2013. 7. 26. · In Joomla: 1. REVIEW 2. CLEAN (rewrite, delete) In WordPress: 3. MIGRATE 4. QA MIGRATION: Manual (copy & paste) Or Automated Midsummer

Our design embraces the vertical Web and information design.

Page 18: Gillings Web “New.0” · 2013. 7. 26. · In Joomla: 1. REVIEW 2. CLEAN (rewrite, delete) In WordPress: 3. MIGRATE 4. QA MIGRATION: Manual (copy & paste) Or Automated Midsummer

Which brings us back to target audiences and data.

Page 19: Gillings Web “New.0” · 2013. 7. 26. · In Joomla: 1. REVIEW 2. CLEAN (rewrite, delete) In WordPress: 3. MIGRATE 4. QA MIGRATION: Manual (copy & paste) Or Automated Midsummer

Data informed our design. “Buttons” equal five most often clicked areas.

Page 20: Gillings Web “New.0” · 2013. 7. 26. · In Joomla: 1. REVIEW 2. CLEAN (rewrite, delete) In WordPress: 3. MIGRATE 4. QA MIGRATION: Manual (copy & paste) Or Automated Midsummer

These features continue vertical themes and provide ways to keep content fresh.

Page 21: Gillings Web “New.0” · 2013. 7. 26. · In Joomla: 1. REVIEW 2. CLEAN (rewrite, delete) In WordPress: 3. MIGRATE 4. QA MIGRATION: Manual (copy & paste) Or Automated Midsummer

What’s next?

Page 22: Gillings Web “New.0” · 2013. 7. 26. · In Joomla: 1. REVIEW 2. CLEAN (rewrite, delete) In WordPress: 3. MIGRATE 4. QA MIGRATION: Manual (copy & paste) Or Automated Midsummer

Launch department pages and create interior pages.

Page 23: Gillings Web “New.0” · 2013. 7. 26. · In Joomla: 1. REVIEW 2. CLEAN (rewrite, delete) In WordPress: 3. MIGRATE 4. QA MIGRATION: Manual (copy & paste) Or Automated Midsummer

Sharpen, clean-up and, in some cases, delete copy to make it more web friendly.

Page 24: Gillings Web “New.0” · 2013. 7. 26. · In Joomla: 1. REVIEW 2. CLEAN (rewrite, delete) In WordPress: 3. MIGRATE 4. QA MIGRATION: Manual (copy & paste) Or Automated Midsummer

Very briefly, effective Web writing is:

• Clear & concise.

• Active voice.

• Present tense.

• Mindful of “information design.”

Page 25: Gillings Web “New.0” · 2013. 7. 26. · In Joomla: 1. REVIEW 2. CLEAN (rewrite, delete) In WordPress: 3. MIGRATE 4. QA MIGRATION: Manual (copy & paste) Or Automated Midsummer

Website Migration Timeline M A M J J A S O N

Home page (1)

Dept landing pages (8)

Other landing pages (unit, C&I) (~15)

News (7K), Events, About, profiles?

Students (30)

Early adopters (TBD)

Middle adopters

Late adopters

Problem cleanup

Steps: In Joomla: 1. REVIEW 2. CLEAN (rewrite, delete) In WordPress: 3. MIGRATE 4. QA

MIGRATION: Manual (copy & paste) Or Automated

Midsummer tipping point: Key pages done; site “feels” new

Fall : completion of lower priority interior pages and cleanup

Likely to extend Into early 2014

Page 26: Gillings Web “New.0” · 2013. 7. 26. · In Joomla: 1. REVIEW 2. CLEAN (rewrite, delete) In WordPress: 3. MIGRATE 4. QA MIGRATION: Manual (copy & paste) Or Automated Midsummer

Branding, Branding, Branding!

• No matter what your department, center, unit or initiative, if you are part of Gillings, which is part of UNC at Chapel Hill, users should know at a glance.

Page 27: Gillings Web “New.0” · 2013. 7. 26. · In Joomla: 1. REVIEW 2. CLEAN (rewrite, delete) In WordPress: 3. MIGRATE 4. QA MIGRATION: Manual (copy & paste) Or Automated Midsummer

Copy and images also brand your pages to your users (and your peers).

Page 28: Gillings Web “New.0” · 2013. 7. 26. · In Joomla: 1. REVIEW 2. CLEAN (rewrite, delete) In WordPress: 3. MIGRATE 4. QA MIGRATION: Manual (copy & paste) Or Automated Midsummer

And if there was any question, this look is now retired.

Page 29: Gillings Web “New.0” · 2013. 7. 26. · In Joomla: 1. REVIEW 2. CLEAN (rewrite, delete) In WordPress: 3. MIGRATE 4. QA MIGRATION: Manual (copy & paste) Or Automated Midsummer

Questions?