Sofronie Foundation
Visit: sofronie.org
The Sofronie Foundation focuses on improving social mobility for younger people.
The Challenge
The charity's wish list included using more video, updating the legacy code and generally making the site more visually dynamic. They also wanted to add a news section, improve communication with the charities requesting grants and refresh their client portfolio.
Other plans included improving the primary navigation, using a looped masthead video on the homepage and adding a new governance section.
The Solutions
The budget did not include commissioning a film; so instead, we sourced and purchased a stock film that met the project requirements.
The short looped movie was exactly what the charity had in mind. The film depicted schoolchildren laughing and racing excitedly towards the camera. To improve the film’s context, scrolling overlay text is displayed above the video. To ensure that the white overlay text was visible, a blue transparency was placed over the film.
The website included a range of layout patterns that, when deployed, improve page layouts. Patterns include zig-zag content, image sliders, content cards, timelines, and content columns.
The improved primary navigation includes an accessible drop-down menu that also supports keyboard commands.
Each section can have its own unique masthead image; addionally these are colour-coded, helping to improve orientation and enhancing usability.
Sofronie is an elegant, responsive website with clean typography and clear, easy-to-use menus throughout.
Sofronie is built using ProcessWire and styled using a blend of custom CSS and the UikIt framework.
Features: Bespoke Design, Dual-Lang, Copywriting Support, Responsive, Twitter Feed, Grant Filtering, Web Forms, Video Media Galleries, Image Galleries, Google Map Navigation, SEO, CMS, Trust.
