Moscow

Leninskaya Sloboda St., 19
Omega Plaza, Office 21 И

+7 495 255 03 37

hello@itech-group.ru

Ulyanovsk

Vatutina St.,49/2a
Office ITECH.group

+7 8422 24 88 88

hello@itech-group.ru

Krasnodar

Postovaya St., 33
Office 3

+7 495 255 03 37

hello@itech-group.ru

London

International House,
24 Holborn Viaduct

+44 203 608 0407

hello@itech.agency

WWF Russia

WWF Russia

WWF Russia is a Russian national conservation organization which has carried out 200 field projects in 40 regions of Russia.

Client
WWF Russia
Our work
research, ux/ui design, development
Launch Date
February 2017
new.wwf.ru

World Wildlife Fund (WWF) is one of the biggest independent conservation organizations which unites around 5 million staunch advocates and operates in more than 100 countries. In 1989 it allocated finances to create a sanctuary in Russia called Bolshoi Arkticheski (Big Arctic). That was the pioneering effort of the Fund in Russia.

Since 2004, the Fund has acquired the status of a Russian national organization. In this country it has over 17,000 followers. More than 30 companies, just like ours, are members of the corporate club and finance WWF Russia projects.

Goals
  • increase the number of WWF RUSSIA followers
  • make information about the Fund public
  • raise the profile of this successful conservation organization
  • projects fundraising
Solution
Information structuring
Creating easy navigation
Creating multifunctional website administration platform
Website load speed optimization
Creating WWF supporters database, establishing contacts with
mass media and companies
We discussed the details of the project with our colleagues from WWF, shared our ideas and conclusions with them, mapped out the strategy and started working.
Information Structuring
is overriding objective

The website was created for different target groups: potential and existing Fund supporters and members of the business community, media, resource administrators, applicants.

Everybody has their own agenda. They need different information. For this reason, the new website combines the elements of a corporate website, news portal, and online store, with some pages of the website serving as landings and promo websites.

We gave thought to the design of the website and placed all important sections into the main navigation menu, so that the users can easily find all the information they need.

  • About WWF
    About WWF
    WWF and business
    traditional parts of the corporate website
  • How to help?
    How to help?
    It is fun
    sections for followers which include the information about projects and ways to give help
  • Materials
    Materials
    big section containing press-center information
  • Наши работы
    Our works
    Regions
    information about regions we work in and Fund projects was arranged on principles of promo websites
To Make the Website Convenient and Easy to Navigate

On the old website, owing to a big amount of information (over 7,000 pages) the map tree grew up to level 7. The navigation was complicated, and not every user could find information easily. We reduced the number of levels to 3, maximum 5.

photo1
Maria Guseva
Programmer

Levels 2 and 3 required breakdown to retain logic. We applied the mechanism of generating menu right from the tree of information block sections. The latter was specifically set up to generate the menu.

The fewer navigation levels, the more important is the role of feeding the content on Main Page and section pages. The amount of information is still huge and it needs structuring.
We decided to use widgets. To this end, we worked out a system of components featuring a set of regular visual and text blocks.
Виджеты
We have created 31 kinds of widgets with different combinations of regular components. They helped highlight important information and became additional elements of section navigation.
Another benefit of such a solution is that website administrators can independently create a new category page just following three steps: choose widget types and size, add content, set the necessary order on the page.
Surely, the widgets did not solve some issues from other sections, which were connected for example, with Fund projects support, news, and publications. We worked out high-grade templates of the pages with predefined set and order of blocks. We also suggested combining the template structure with widgets. We provided an opportunity to add different types of widgets to any content page. They can be used as call to action elements and as additional navigation elements and refer users to the websites they require.
NADEZHDA SALNIKOVA
NADEZHDA SALNIKOVA
Chief of Content Managers

Jointly with WWF colleagues, we have done a thorough job preparing, structuring, and placing the great amount of content in accordance with the templates we had developed. To fill just one page on the website, it is necessary we create at least 3 elements of the main part of the page and, additionally, 4 to 12 content and widget elements of the right column. We came up with a variety of widget options, which were to form a single page at different screen resolution. 20,000 elements were created in Bitrix producing more than 500 pages, not including news and publications.

Website
Administration
Platform

The more information the website posts, the more difficult it is for the administrator to manage it. We set out to make it easier.

We chose 1C-Bitrix as CMS: it is ideal to work with page templates. However, its capacity was not sufficient to handle widgets. Our content managers identified the problem at once when they started moving the information to the new website.

To overcome the difficulty, we developed a special “WIDGET CONSTRUCTOR”, a user-friendly visual editor which allows administrators with minimal knowledge of HTML to create a page out of content widgets. To configure this visual editor with Bitrix editor, we explored 4 architectural solutions until we found the best one.

Our visual editor allows users to create new pages with ease, to combine information modules, images and immediately see the result.
Optimize loading speed

We solved this problem by using a unique content loading system. It includes not only lazy loading of images, but also the dynamic layout marking and page content. As a result, the user gets information from the website without waiting until the page downloads completely. This is particularly relevant for low speed mobile Internet.

OUTLINING PROJECT DEVELOPMENT

Currently, we are carrying out A/B testing of the new project. We are trying to improve the interface and are preparing a new release, which makes work easier for WWF followers, media, and partner companies.

OTHER PROJECTS FOR

WWF RUSSIA

2017
EARTH HOUR
2017
International ecological event
DEVELOPMENT — SUPPORT — HOSTING
 
2016
1% of Russians
Fundraising campaign
DEVELOPMENT — SUPPORT
EARTH HOUR
2016
The most large-scale ecological WWF event in the world
DEVELOPMENT — SUPPORT — HOSTING
2015
TEST: What animal would you resemble in 2016?
Entertainment event to attract new followers
DEVELOPMENT — SUPPORT
Boreal forest platform
Open debate ground for forest companies
DEVELOPMENT — SUPPORT
TEST: What animal do you resemble when you meet each other?
Entertainment event to attract new followers
DEVELOPMENT — SUPPORT
Leopard returns to the Caucasus
Campaign to restore leopard population in the Caucasus
DEVELOPMENT — SUPPORT
Earth HOUR
2015
The most large-scale ecological event
DEVELOPMENT — SUPPORT — HOSTING
2014
Test: What will you look like on January 1?
Entertainment event for WWF Russia followers
DEVELOPMENT — SUPPORT
Help Amur tiger
Campaign to help the Amur tiger
DEVELOPMENT — SUPPORT
Test: What animal do you resemble?
Entertainment event to attract new followers
DEVELOPMENT — SUPPORT