The days are getting lighter and we can’t wait to leave the darkness behind 🌝 Which is why we’re heading to Barcelona for OFFF this week! With the turn of season comes more movement and possibilities 🌷 So this month we’ve been wondering… how can we compose a more flexible and modular web? 💻🕸️
Designing and building for the web doesn’t have to follow one fixed set of rules or tools. The internet often feels too opaque and rigid. Yet the web can be a more creative, accessible and dynamic space when you adopt a modular approach; encouraging more freedom and flexibility in creating web experiences.
In relation to the web, the term composable refers to an approach where websites are designed, built, and managed using different components that can be easily combined and rearranged to create different layouts and functionalities. These may be an image slider, or a hero section, a block of text or a quotation, or a type of image grid. Essentially, composable web design means composing your own webpages from reusable components rather than following a set template.
Older web platforms rely on rigid, templated pages meaning additions or changes to a page require developer support, and all pages on a site end up looking the same. In composable web development, we design and build at the component level. The CMS is configured to construct pages out of different components, and website editors have control and flexibility over the page appearance while maintaining design consistency. Building in this way means that web pages become easily changeable, much more customised and unique.
Read more here in our latest Midnight Thoughts.
Check out some of our recent projects 🎺
Leeds Arts University — We worked alongside design studio Peter & Paul to build a new modular website for Leeds Arts University. We used a headless CMS with Next.js, and a composable system of components to build up pages. The team have the flexibility to create webpages out of different content-based components via the CMS. The site has 100’s of pages all with a varied layout.
Check out the website here: leeds-art.ac.uk
At London Bridge — We teamed up with design studio Omse to refresh a new site for At London Bridge, a directory of things to do around London bridge. The site uses Mapbox interactive maps with a layered filtering system to highlight the variety of attractions, amenities, stores and events in the area. People also have the option to generate a printable PDF of the area map if they want to be device-free. Accessibility and SEO are big factors for the site, so we aimed for maximum Lighthouse scores 🟢💫
Check out the website here: atlondonbridge.com
Are you looking to start a web project with more flexibility? Send us an email 💌 Are you somebody who specialises in composable web design? Say hello 👋 Find yourself in East London? Pop in for a coffee ☕️
Thank you, until our next Snack…
Midnight 🌙
If you don’t want to receive any more of these emails you can click the unsubscribe link in the footer 🗞