Skip to content. ⤶ Skip to footer. ⤶ Skip to 'Let's talk'. ⤶
Office: 01747 832 243

Sofronie Foundation

Visit: sofronie.org

A modern, responsive website for the Sofronie Foundation focused on education, employability, and social mobility initiatives for young people.

The project combines large scale video and photography with clean editorial layouts to create an engaging, emotionally driven user experience. A cinematic homepage looping video helps establish the foundation’s mission and impact immediately, supported by structured content sections, strong typography, and clear navigation throughout the site.

The design balances warmth and professionalism, using spacious layouts, interactive media elements, and responsive components to communicate the organisation’s work across desktop and mobile devices.

Built using ProcessWire and UikIt.

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.

Teacher with children
MK Money Lifeline: Free, confidential, impartial debt advice for the city of Milton Keynes.
Photo: courtesy of Sofronie Foundation.

Detail

Features & screenshots

The website features, Google maps, funding applications filters, section colour coding and rotating masthead images.

Ongoing support

For additional security and peace of mind, the website and database is backed-up once a month. See our support plans.

Visit website

Sofronie Foundation Screenshot 1

Application

Apply for funding

Applicants need to answer a set of questions before they can download an application form.

Sofronie Foundation Screenshot 2

Colour

Colour Coding

To improve usability and enhance aesthetics the website sections are colour coded.

Sofronie Foundation Screenshot 3

Masthead

Rotating Masthead Images

The rotating masthead images fade into view and are placed behind styled overlay text. The homepage also features a Twitter feed and section teasers.

Sofronie Foundation Screenshot 4

Map

Google Map

Projects can be located via an interactive Google map. If a marker is clicked or tapped summary text is presented in a pop up dialog box.

Our Portfolio Our Process
More work: