Koto

Co-creating an optimistic new website for global branding studio Koto.

Koto is an optimistic group of designers, strategists and writers that works at the intersection of brand and digital from studios in Berlin, London, Los Angeles and New York.

We’ve been working with them since 2015 — not only on their own sites, but also forming a strong partnership from which to collaborate with an array of clients. We helped Koto celebrate the next chapter of their global journey with a dynamic new website.

A portfolio showcase and new business tool

Over the years, together we’ve developed a deep knowledge around how the Koto site is used internally — and to speak to a broad audience including current and potential clients, industry peers and new talent.

We’ve used this knowledge to push the site further in its latest iteration — as a showcase and a new business tool. The site merges Koto’s rigor and charisma with ON’s understanding of modern web capabilities.

We worked closely with Koto to rapidly prototype and create builds that tested layouts using real content, enabling a better understanding of design needs by seeing elements in situ.

The site has been developed with a powerful modular architecture using modern technologies — enabling a blazingly fast experience.

A fast, secure and beautiful website

Many traditional sites take the approach of using dynamic systems to serve pages. A more modern approach is to decouple the server and the front-end.

This enables highly scalable architecture that can be evolved more easily — enabling Koto and ON to iterate on front-end and back-end independently, or replace the CMS without impacting the front-end.

The Koto website is a portfolio — lots of images and videos. Optimization matters. We use responsive image sizing and global delivery so users receive the closest appropriate size for their device, reducing payload while keeping quality high.

Not only are the images fast to load but they are also beautiful — covering a wide gamut of colours. We developed a custom approach to get the most out of modern display capabilities so the work lands the way it should.

Rich and flexible layouts

A modular approach means content can be reused across pages, and editorial freedom stays high. Modules combine content + configuration so Koto can evolve the site at the speed they move.

ON is the perfect technology partner. Their collaborative approach, rigorous attention to detail and can-do attitude is evident in the successful creative outcomes for Koto and the clients we work with together.

James Greenfield

James Greenfield

Founder & Creative Director

More case studies

technologyinnovationplatform
OurCo Community App Redesign |

OurCo Community App Redesign |

Made by ON transformed the OurCo community engagement app — simplifying user flows and increasing participation for the New York-based civic tech platform.

View case study

designanniversaryyearbook

North Six Digital Yearbook |

Made by ON created a digital editorial yearbook for North Six — documenting 21 years of fashion and lifestyle content creation, production, and ideas.

View case study

technologyinnovationplatform

Air.inc Website Redesign |

Made by ON redesigned Air.inc's website to match the sophistication of their creative ops platform — simplifying workflows for creative teams. Website design case study.

View case study

insurancedigitalUAE +1
HAYAH: Digital Insurance Platform for the UAE

HAYAH: Digital Insurance Platform for the UAE

How Made by ON designed the UAE's first fully digital life insurance platform for HAYAH — buy a policy in under 2 minutes. Fintech product design case study.

View case study

marketingproductsplatforms
Loanhood: Fashion Rental App Design

Loanhood: Fashion Rental App Design

How Made by ON designed and launched the Loanhood fashion rental app — building a community of conscious fashion enthusiasts on iOS and Android.

View case study

typographydesigncreative

Colophon Foundry Typography E-Commerce

How Made by ON built the Colophon Foundry e-commerce platform — from startup type foundry to Monotype acquisition. Typography and web development case study.

View case study

e-commerceretailtalent

Atelier100: IKEA & H&M E-Commerce Platform

How Made by ON built the e-commerce platform for Atelier100, IKEA and H&M's ideas factory for emerging London makers. E-commerce development case study.

View case study

technologyinnovationplatform

EY Adventure Awaits: Immersive Careers Platform

Made by ON built Adventure Awaits for EY — an immersive virtual experience inspiring Gen Z with skills, confidence, and wellbeing resources for careers.

View case study

marketingplatforms

Libeo: Cloud Payments Website Migration

Made by ON migrated Libeo's payments platform from WordPress to Storyblok — delivering a faster, more dynamic site for SME invoice management.

View case study

marketing

HudsonBec Group Website Redesign |

Made by ON redesigned The HudsonBec Group's website to showcase their diversity, culture, and creative approach across four specialist companies.

View case study

cryptofintechapp +1

Token.com: Crypto Investment Platform Design

How Made by ON designed Token.com's crypto investment platform — making it simple for beginners to invest through education, guides, and community features.

View case study

technologyinnovationplatform

OneSurvey: Property Surveying App |

How Made by ON redesigned property surveying for OneSurvey, Scotland's largest independent surveyor — replacing paper workflows with a connected app.

View case study

tourismcultureplatform

Bhutan Tourism Website Redesign |

How Made by ON created an immersive tourism website for the kingdom of Bhutan — showcasing its culture and heritage to attract conscious travellers.

View case study

technologyinnovationplatform

GF Smith E-Commerce & Digital Transformation

How Made by ON built a global e-commerce platform for GF Smith, Britain's most prestigious paper brand — supporting international growth and digital sales.

View case study

designexhibitionCMS +1

London Design Biennale Website |

Made by ON rebuilt the London Design Biennale website — improving event discoverability and CMS workflows for exhibitors and administrators.

View case study

platformsmarketing

Unearthed by Greenpeace: Editorial Platform

Made by ON partnered with S-T to build Unearthed, Greenpeace's investigative journalism platform — an editorial design system for environmental reporting.

View case study

designfestivalplatform +1

London Design Festival Digital Platform

Made by ON built the London Design Festival platform — bringing clarity to visitor navigation and sophisticated content management for 300+ annual events.

View case study