DAN / CLARKE

WEBSITE SUPPORTING THE UN CLIMATE CHANGE CONFERENCE

Supporting the UK's Year of Climate Action and creating a website for the UN's Climate Change Conference hosted in Glasgow.

THE CHALLENGE

The government came to us needing to create a website to support the 26th UN Climate Change Conference. The challenge was that the launch date was just six weeks away so we needed to be pragmatic with our approach whilst still designing a website that met the goals and needs of it's visitors.

After the initial launch of the site the client wanted to be able to add their own content via a CMS platform so we needed a way to ensure that content could be added to the site whilst maintaining its styling and structure.

 

 

MY ROLE

I was the lead UX Designer on the project and worked to ensure that whilst timings were tight the voice of the user was heard and the site could be easily navigated and the content was easy to find.  

THE APPROACH

The project was split into three phases. The first phase was to get the initial site ready for the conference launch date. We then completed the main pages that made up the core of the site. The third phase was when the site was handed to the client to add their own content via the CMS. 

COP Component design
COP Site Map
COP User needs and goals
COP Wireframes

BUSINESSES
INTERESTED IN THE CONFERENCE

CONFERENCE YOUTH
AUDIENCE

KEY PAGES FOR PHASE ONE LAUNCH

The launch date meant that we needed to prioritise pages for the phase one launch date, the rest following up in phase two. We focused on the key user needs for phase one launch.

 

We worked with the client to identify the different user types and what they needed from the website. There were four key audiences with both unique and common needs. Due to the time constraints and difficulty finding participants we were unable to validate the client's assumptions. These needs were based on their experiences from previous conferences.

USER NEEDS

The agenda and which events they need to attend

The logistics of how to get there

The overall objective for the conference

Key headlines from the conference

Key actions for their country as a result of the conference

USER NEEDS

The overall objective for the conference

Key conference themes

Conference sponsors and business pledges

Key conference news

Key actions as a result of the conference

The agenda and what events they want to cover

Key figures to interview

The logistics of coming to the conference

Key outcomes

 

USER NEEDS

The overall objective for the conference

Key conference news

Contacts and information about conference sponsorships

Pledges they can make ahead of the conference

Key actions for them as a result of the conference

USER NEEDS

The overall objective for the conference

Key conference news

Agenda and how they can get involved

Logistics of how to get there

How they can get involved with the Year of Climate Action

USER NEEDS AND GOALS

WIREFRAME AND COMPONENT DESIGN

We started to receive content from the client which helped me understand what components might be needed across the three phases, specifically in phase three when the client would be publishing content via the CMS. The components were pulled together to create wireframes for specific pages to direct the UI designers. A selection of the components are shown below.

ORGANISING CONTENT

At this point we had two main inputs, the needs of the users and the content we knew we would be able to get from the client.

I developed a site map that bought the content together into logical groups and addressed the needs of the users.

SitemapClean
What is the
UK year
of Climate Action
Latest News
Why
Glasgow
Why are we hosting the Conference
Italy Partnership
Screen Shot 2020 02 25 at 12.47.02 PM
Screen Shot 2020 02 25 at 12.46.35 PM
Screen Shot 2020 02 25 at 12.46.26 PM
Screen Shot 2020 02 25 at 12.46.44 PM

UK &
INTERNATIONAL DELEGATES

INTERNATIONAL
PRESS ATTENDING THE CONFERENCE

Phase 1   Home   Desktop

Johnson Banks had created an identity for the conference that needed to be applied to a digital environment. I worked closely with the UI designer to apply the brand to the wireframes in order to pass to our developer to hit the phase one deadline. A selection of page designs are shown below.

www.ukcop26.org

IMPLEMENTING THE BRAND VISION

Phase 1   Why Hosting   Desktop
Phase 1   Event   Desktop
Phase 1   Home   Desktop