There were three simultaneous projects to coincide with WWF-Australia’s new five year strategy– redesign the website, completely re-work the content, and find a new CMS to keep up with the content teams daily updates.
Recent designs
The way we say thank you to WWF supporters who have donated through our form. Pure HTML & CSS animations, mobile and tablet friendly.
Wireframes
Wireframes were important to get right at the beginning of this project as WWF had an immense wealth of information to showcase to users. We had to concentrate on a way to clean up and modernise the layout, but not lose the large amount of features on each page that had grown and evolved over the years, such as resource documents, maps, forms and videos.
Design
One key term and mantra for the redesign of the project was ‘Future proof’. So the design took a very minimalist approach, use flat colour and the fantastic environment and species photography we have access to. I created vector icons and turned them into fonts for iconography, brand guidelines on typography and image sizes, and designed the site so images and video would take centre stage.
Front-end
There was a lot of exciting potential for more design whilst creating the front-end build. Responsive layouts, cool buttons for engaging CTA’s, scroll events, HTML5 video for full background videos, CSS3 animations and transitions, interactive maps, icon libraries, engaging forms, the list goes on!
I had set myself one main rule for the new site, ‘No Photoshop needed!’. I wanted to scrap the need for the content team to statically place text and buttons over images, which was so heavily implemented on the previous site, responsive, live text over retina images, that was SEO friendly.
CMS implementation
To have full flexibility and freedom with the new wireframes, design and front-end build, we needed to choose a more modern and flexible CMS. I worked closely with ElcomCMS’ front-end and back-end developers to implement the front-end build into their system, and create a user-friendly interface for publishers to create whatever they needed in a quick and seamless way.