Sitra Presentation by the Deasign Group

SITRA.FI RENEWAL CONCEPT by THE DEASIGN GROUP September 2010

Hello! Mikko Kiviniemi Joni Wiik Daniel Flodman Anna Gullstrand Ylva Fredriksson Concept & Project Manager Art Director Strategist & Technical lead IA/UX design Account Manager

part 01 THE CONCEPT part 02 THE CONTENT part 03 THE FRAMEWORK part 04 SUMMARY

part 01 THE CONCEPT

OUR GOALS Redefine, restructure, redesign. Create a new Sitra.fi that engages users and offers value to visitors.

CHANGE OF PERSPECTIVE Talking from the public’s point of view. …and not from Sitra’s

AN EXAMPLE ON CHANGE OF PERSPECTIVE Working for the Future + Programmes Areas of work The users don’t know what this means.

SITRA.FI - A THREE TIER INVOLVEMENT The Experts Sitra people The Specialists Third Party Contributors The Involved The General Public

Problems and possibilities from the personas Fresh and Control of Relevant Relevant Fresh and Fresh and Fresh and updated expert content information information updated updated updated content easily easily content content content New trends Clarity and Goal-oriented Better Talking part in and points of structure and eager to presentation dialogue Mobile use Networking view discover of content Summarised Too hard to Educate web Talking part in Talking part in content for use 1.0 people into dialogue Networking dialogue easy digestion 2.0 users Better Might evolve Positioning of Positioning of presentation into a web 2.0 Sitra Sitra Networking of content user Talking part in dialogue

1 Clear positioning Positioning of Sitra

2 A better user experience on multiple touchpoints Summarised Too hard to Clarity and Better content for use structure presentation Mobile use easy digestion of content

3 Up-to-date content in an organised way New trends Fresh and Control of Relevant Goal-oriented and points of updated expert content information and eager to view content easily discover

4 Facilitating conversation and networking Talking part in Networking dialogue

5 Educating users, sharing learnings and best practices Might evolve Educate web into a web 2.0 1.0 people into user 2.0 users

THE FIVE KEY THEMES FOR REDESIGN 1 Clear positioning 2 A better user experience on multiple touchpoints 3 Up-to-date content in an organised way 4 Facilitating conversation and networking 5 Educating users, sharing learnings and best practices

OUR VISION IMMERSED USE Active ambassador Sitra.fi allowing Contributing relevant content related to topics progressive ENGAGED USE involvment Sharing on social media Commenting on interesting topics CORE USE Browsing site Gathering information Downloading publications

MAPPING GOALS TO LEVELS OF INVOLVEMENT CORE USE ENGAGED USE IMMERSED USE Positioning of New trends and Networking Sitra points of view Mobile use Summarised Better Talking part in content for easy presentation of dialogue digestion content Goal-oriented Clarity and Fresh and and eager to structure updated content discover Too hard to use Control of Educate web 1.0 expert content people into 2.0 users Relevant information easily

CREATING USER JOURNEYS FROM GOALS Tell me about Sitra Tell me about Sitra and I want to update the What is happening and what they do. help me find relevant content and I should right now with Sitra information. be educated. and can I contribute? Positioning of Positioning of Too hard to use Fresh and Sitra Sitra updated content New trends and Goal-oriented and Control of points of view eager to discover expert content Mobile use Summarised Relevant Better presentation Talking part in content for easy information easily of content dialogue digestion Summarised Educate web 1.0 Clarity and content for easy people into 2.0 Networking structure digestion users Talking part in Clarity and Talking part in dialogue structure dialogue

A MINDSET AND TIMEFRAME FOR MULTIPLE RELEASES Release Release Release Sitra.fi new Release Release Release v0.1 v.0.2 platform v1.0 v1.1 v1.2 v1.3 CORE USE ENGAGED USE IMMERSED USE Oct 2010 May 2011 Always in beta

OPENNESS AND BEST PRACTICES Openness Open source Open APIs

SUMMARY OF PART ONE WE WANT TO CREATE A NEW SITRA.FI THAT ★ Speaks the same language as its users ★ Is designed from the goal-based user journeys ★ Is an exemplary site of a great digital user experience, in both design and information structure ★ Focuses on iterating and releasing often ★ Is based on openness and sharing best practices

part 02 THE CONTENT

GUIDELINES FOR PRODUCING CONTENT Tone of voice, copywriting and SEO.

RESOURCE PLANNING FOR SITRA.FI RENEWAL About Sitra Areas of work The Sitra Way Funding News and publications Contacts

Initial thoughts of structuring content

INITIAL SITE MAP Homepage About Sitra Areas of Work Funding The Sitra Way Communications Contacts Sitra in a nutshell Working methods Business Sitra methods and News archive and Directory (video+text) overview development guidelines search (link to Sitra Way) Operations and Publication archive Programmes Sitra investments Developer blog Map and directions responsibilities and search (incl. future work) Sitra’s digital Working at Sitra Media bank Invoices footprint Sitra’s Open API and documentation

One ABOUT SITRA Two PROJECTS & PROGRAMMES Three SEARCH & FINDABILITY Four THE SITRA WAY

Positioning of Sitra What is Sitra?

1 Clear positioning Positioning of Sitra

LEVEL OF INVOLVEMENT About Sitra ENGAGED USE CORE USE

LOOKING FOR A CLEAR POSITION We want to liven the presentation of Sitra and to make it interesting and shareable.

A VIDEO IS WORTH A THOUSAND PICTURES We want to create a visual representation of Sitra. A video that entertains and enlightens.

VIEW VIDEO AT YOUTUBE

✓ Informative ✓ Engaging ✓ Easy to use ✓ Easy to contribute

LEVEL OF INVOLVEMENT IMMERSED USE Programmes ENGAGED USE CORE USE

CREATING USER JOURNEYS RELATED TO PROGRAMS Tell me about Sitra Tell me about Sitra and What is happening and what they do. help me find relevant right now with Sitra information. and can I contribute? Positioning of Positioning of Fresh and Sitra Sitra updated content New trends and Goal-oriented and points of view eager to discover Mobile use Summarised Relevant Talking part in content for easy information easily dialogue digestion Summarised Clarity and content for easy Networking structure digestion Talking part in Clarity and dialogue structure

INITIAL SITE MAP Homepage About Sitra Areas of Work Funding The Sitra Way Communications Contacts Sitra in a nutshell Working methods Business Sitra methods and News archive and Directory (video+text) overview development guidelines search (link to Sitra Way) Operations and Publication archive Programmes Sitra investments Developer blog Map and directions responsibilities and search (incl. future work) Sitra’s digital Working at Sitra Media bank Invoices footprint Sitra’s Open API and documentation

A TIMELINE Visualize the progress where in time it is right now PROJECT WEB CONTENT SHORT FACTS How large is this project. For example how many people are involved? TAGS A good way to oraganize projects and get an idea of what it’s all about. THE MISSION + FULL DESCRIPTION Explain the project in three lines of text and a more in depth description. THE PROGRESS + FINDINGS Post milestones along the way and the results with all findings in the end. ALL DOCUMENTS Take images, write text documents, shoot videos and create presentations. Then upload them for everyone to view. FEED Keep up with every step in the project. Everything from tweets and meeting to uploaded images and quotes.

Headline Social WIREFRAME PROJECT Timeline OVERVIEW Short facts Tags Navigation within the project Contact person and project lead Mission / What the project is all about Progress / Milestones completed Images Videos Text documents Latest tweets about the project

WIREFRAME PROJECT OVERVIEW

Translating by Google Translate.

AGGREGATING CONTENT

CLOUD CITY

AGGREGATING FROM THE CLOUD OPEN API

Constant tool evaluation Again. And again. And again. And again…

WE CAN’T STRESS IT ENOUGH 81%* of internet use in Finland starts with a search… *) TNS Digital World, Digital Life 2008

WE CAN’T STRESS IT ENOUGH …and 96% use Google / TNS Gallup - Search Engine Marketing 2008

The internal search engine

Featured hit with image, short text and multiple links You searched for keyword Thumbs up or down on the result THE SEARCH RESULTS Total number of hits of the search ✓ Not just a list ✓ Grouped hits Top five search results in PROJECTS ✓ Featured hit for Click for more monitored keywords Popular pages ✓ Instant feedback ✓ Easy to make new Top five search results in GENERAL PAGES search. Click for more Top five search results in DOCUMENTS Click for more

ACCESSING DATA Project Document Publication archive Document Project Document External sevice/site Document Mobile Different access points for different uses

5 Educating users, sharing learnings and best practices Might evolve Educate web into a web 2.0 1.0 people into user 2.0 users

LEVEL OF INVOLVEMENT IMMERSED USE Programmes ENGAGED USE CORE USE

The Sitra Way User Best practices Usability experience User personas Developer findings guidelines blogs How-to guid Open API es Leadership in docume Sitra ntation Sitra processes Best web tools C opywriting and Project Sitra’s digital SEO Sitra.fi roadmap processes Agile methods footprint in Sitra …and more

SUMMARY OF PART TWO THE SITRA.FI CONTENT MUST ★ Position Sitra in an easily understandable and shareable way, talk with the public in mind ★ Present the work Sitra does in a clear and interesting way using the user journeys as a basis ★ Emphasise on an intelligent in-site search ★ Open up Sitra’s processes, guidelines and practices with The Sitra Way

part 03 THE FRAMEWORK

One WEB TECHNOLOGIES Two CMS Three DESIGN & VISUALS Four MOBILE USE

Bring users into the present “The future is already here. It's just not very evenly distributed.” William Gibson

ACCESSIBILITY GOOD

OUR WAY OF SEEING IT HTML5 & CSS3 GREAT EXPERIENCE BROWSER SUPPORT PROGRESSIVE ENHANCEMENT

Contribute to the open source community.

OUR MISSION AND GOAL Create a feeling of activity Make content come alive Remove need for fancy images Make the layout fail safe Have high legibility

AN EXAMPLE OF THE SOLUTION Graphic visualization rather than plain text

Today Same content but a different visualization solution Tomorrow

All energy projects Overview project Project feed

MOBILE USERS JOURNEY What is happening right now with Sitra and can I contribute? Fresh and updated content Mobile use Talking part in dialogue Networking Facebook and BBC offer a real time feed of what’s going on right now.

LEVEL OF INVOLVEMENT Mobile site ENGAGED USE CORE USE

WHAT ELSE CAN I USE MY SMARTPHONE FOR? A mobile site is a nice starting point. But we think mobile use should be taken a bit further. Flickr Upload App and the Apple App Store

LEVEL OF INVOLVEMENT IMMERSED USE Mobile tools ENGAGED USE CORE USE

SUMMARY OF PART THREE THE SITRA FRAMEWORK ★ Brings users into the current tense using standards, conventions and progressive enhancement without forgetting accessibility ★ We use a well known open source cms so everything we develop can be used by others ★ A design that inspires, draw the user into the content and is largely automatically generated ★ Allows also a user journey-based great mobile experience and in the future, mobile tools

part 04 SUMMARY

SUMMARISING OUR VISION KEY TAKEAWAYS ★ CONCEPT Our Sitra.fi concept based on the user journeys serves as basis for an excellent and holistic digital experience ★ ENGAGEMENT We wish to bring aggregated content and engaging interactions to Sitra.fi ★ SOCIAL AND OPEN We want to work in an open and transparent way to ensure the best possible results and involve users all the way

Our concept is fulfilling the Sitra vision: ★ Solving an intended typical organisation website combination in the best way possible ★ Sharing and creating information for a better society ★ Essential information in a clear way, and additional information also available ★ Visual aspects make for effective clarification ★ Showing what is going on online ★ Distinguishing experimental buzz from serious groundwork ★ Information in a format that can be utilised further ★ Different service in different languages ★ A service that affects the everyday lives of a large group of people

SUMMARISING OUR VISION IT’S NOT WHAT YOU SAY IT’S WHAT YOU DO.

THANK YOU FOR YOUR TIME

http://opencorporatesite.posterous.com	163
http://jaimeletourisme.blog4ever.com	1
http://translate.googleusercontent.com	1
http://demo.frojd.se	1

Sitra Presentation by the Deasign Group

by AnnaGullstrand on Sep 29, 2010

Accessibility

Tags

Upload Details

Usage Rights

4 Embeds 166

Statistics

Sitra Presentation by the Deasign Group — Webinar Transcript