Improve user experience through web redesign: First State Super

Website Redesign and Redevelopment Project

What we did

  • Redesign and redevelop the website with user-centered design approach

Technologies

  • HTML5
  • CSS3
  • Bootstrap 3 framework

Outcome

Successfully relaunched the website on time and within budget

The story

First State Super is one of Australia’s largest superannuation funds with more than 755,000 members working in government, education and community service roles.
Women & Super, by First State Super, aims to educate and provide practical tips to women to support and help set them on a path to financial empowerment.

First State Super first came to 4mation Technologies in 2005 for a new content management system for their existing website. Since then 4mation has assisted them with a number of other solutions including email marketing, mobile website development, iPhone application development, a new microsite, and more recently, an entire front-end website redevelopment.

The challenge

4mation was chosen by First State Super to redevelop the current Women & Super website to be mobile-friendly, modernise the brand and update the navigation to create a better user experience.

The website required a content restructure and design refresh. It was also non-responsive, so the outcome was for a complete redevelopment. As Women & Super is not First State Super’s main brand, they required a solution that was clean and quick to implement. The brief was to create a site with limited functionality and content that could easily be found and refreshed.

The challenge was to keep the site minimal due to the budget of the project.

The result

The project was successfully delivered on time and within budget. We hard coded the entire website to reduce development time and project timeline. We also implemented techniques to showcase the various levels of information such as case studies, checklists, and user stories in a clean, no-nonsense layout. Our UX team also took data from Excel documents and created custom bar graphs in line with the new website style guide which helps to bring the Women & Super branding into a more modern look & feel. We converted old Flash video formats to be displayed using HTML 5. Prior to the website relaunch, we set up redirects to forward any traffic hitting links from the old website to the new

Our teams at 4mation continue to provide ongoing UX Reviews to First State Super’s existing websites and manage their microsite, with more in development.

“Utilizing Invision to share wireframe and designs allowed a great level of collaboration and communication between 4mation and the First State Super team. Our main point of contact, Erin, could take the Invision link and send them to all necessary stakeholders, allowing us to gather all feedback in one location.” – Kym Langford, UX Designer, 4mation Technologies

“I’m proud of what we’ve been able to achieve over the past couple of years to deliver the best experience for First State Super website users we could.
Personally, I’ve also learned and benefited a lot from working with you all and really appreciate the support that you’ve given us too. I look forward to continuing to work with you as you support our microsites and other digital needs.”

Mark Simpson, Digital Services Specialist, First State Super

How can we help you today?

Contact us