Nacro offers education and skills for young people outside of mainstream schooling and helps people in custody and the community to reintegrate into society, helping with housing, mental health and substance misuse issues. Nacro also supports people to overcome barriers presented by their criminal records and to move on from previous mistakes.
The new website will help to build strong relationships with new partners (organisations from the public, private and chairty sector) and reach a larger audience of people looking for help (young people and adults). There was a need to greet users with a modern and uncomplicated experience across devices and screen sizes which, in turn, would offer higher engagement, interest, and ultimately more satisfaction for their target audiences.
The website was not mobile optimised, causing a poor user experience on mobile devices. The discoverability of Nacro services pages was very weak. The old services tool was difficult to use due to a limited set of features. Also, the services search tool was able to show results only in a small map (not in a list view) which was not so user-friendly.
The IA was not very organised and not updated, reducing user engagement and discoverability of relevant content. Video and images bring more empathy with users, but the use of media content (especially video) was inadequate compared to the competitor's website.
Moreover, the visual design of the website was dated compared to the more modern UI trends and not very appealing and pleasant for users.
50% of Nacro's users come from mobile devices. So a mobile-first approach was the starting point to ensure a seamless and more engaging users experience across all devices.
After mapping all the old and new content, I have worked on the new IA and menu navigation to re-organise the large amount of content.
I introduced a sidebar into the new page layout with two primary purposes:
- Have a room for a secondary menu which help users to browse more accessible the site
- Have a place to display relating content (videos, reports, publications, case studies, news, events) to keep the users engaged while browsing the site.
SERVICES FINDER & QUICK GUIDE
I have re-designed from scratch the Services Finder tool to improve the services discoverability. I have also created a new (predictive) tool "Quick Guide" to give the users quick answers to the most common questions and direct them to the appropriate section of the site.
I have then introduced anew visual direction to create more empathy with the target audience using imagery of real Nacro people. I developed a web style guide to keep the visual design consistent and easy to implement when launching new pages.
Roberto is a design expert who is able to turn a specification into a visually appealing, user-friendly website. I commissioned Roberto as part of Moove Agency to design a corporate website which was intended to be the best in its sector. A team worker by nature, Roberto worked tirelessly with a small number of developers to produce exactly what was required. He's personable and friendly, presents a convincing pitch and gains a thorough understanding of the brief from the earliest days of the project. He's been able to work through his original concept on a very practical level with our team to implement every detail correctly.
Despite the complexity of the challenge, the final product is simple to use and very successful.
Roberto is a design expert who is able to turn a specification into a visually appealing, user-friendly website. I commissioned Roberto as part of Moove Agency to design a corporate website which was intended to be the best in its sector. A team worker by nature, Roberto worked tirelessly with a small number of developers to produce exactly what was required.
The rest of this case study is password protected.
If you would like to know more about the UX and UI process,
please send me an email at firstname.lastname@example.org
The rest of this case study is password protected. If you would like to know more about the UX and UI process, please send me an email at email@example.com