SACOB Website Redesign

The SACOB website redesign was a two-month collaborative project focused on transforming the institution’s digital presence into a modern, intuitive, and student-centred experience. Our role centred on leading the front-end design direction — from early wireframes to final UI — and working closely with developers, project managers, copywriters, and the marketing team to bring the vision to life.

We began by creating a full set of wireframes that mapped the user journey across key pages, including the homepage, course categories, student success stories, and support pathways. From there, we developed the complete visual direction: layout systems, component styling, colour application, typography hierarchy, button states, and icon usage. Throughout the build, we partnered closely with the development team to supply detailed assets, specifications, interactions, and on-brand image selections to support a clean and accurate implementation.

A significant part of the process involved curating and selecting over 200 images to match the refreshed identity — diverse, warm, authentic visuals that reflect SACOB’s values and speak directly to students at different stages of their journey. These curated images helped humanise the brand and brought clarity and warmth to key sections throughout the website.

We also collaborated with copywriters and the marketing team to shape and refine website messaging — guiding headlines, section content, and microcopy to ensure the tone remained supportive, future-focused, and aligned with SACOB’s mission.

This project is a clear example of how we work: collaboratively, intentionally, and in partnership with others. The result is a redesigned digital experience that feels modern, cohesive, and grounded in the needs of real students — delivered through thoughtful design and cross-disciplinary teamwork.