Cascading Disruption
iog.ioTransforming Input Output's online presence across all it's departments under one cohesive responsive web experience. Promoting IOG (Input Output Group) being a world leader in blockchain engineering, research and ventures. Elevating the brand digitally as the top-tier, mature, and well credentialed org that it is known in the industry. Extensive UX and site architecture was explored and defined alongside a completely new brand application and UI. Supporting the design and build I delivered a digital design system for the core brand and its subdivision departments (Research, Venture Studio and Core Brand, products and solutions).
The ambition was to bring the website in line with the quality of the organisation itself. A more modern visual language, stronger hierarchy, a warmer colour palette and more expressive use of motion helped move the experience in a modern and technical new direction. Bespoke Rive animations were developed alongside the UI, giving the brand more personality while keeping the experience clear and purposeful.
The existing site had plenty of content, but it was difficult to understand what IOG actually did, who it was for and where to go next. The redesign focused on clearer user journeys for investors, partners, builders, researchers and prospective employees. The homepage became less of a collection of messages and more of a navigational tool. The proposition was brought much higher up the page, explaining what IOG is and how its different faculties fit together, with clearer routes into Research, Venture Studio, products, stories and careers.
Venture Studio and Research were elevated into the primary navigation and given dedicated environments where their propositions could be properly explained. The new pages focus on the things that matter to their audiences — capabilities, partnerships, process, portfolio, research and impact — with clear opportunities to get in touch, invest or contribute. This also created a stronger relationship between the two faculties, showing how research and venture building work together rather than presenting them as isolated parts of the organisation.
Input Output Groups subdivisions were branded to give them their own voice and identity. IOR (Input Output Research) received an aquamarine accent with a navy to ice colour ramp range and Venture Studio received a mid-purple accent with a navy to mid-purple colour ramp range. This mechanic allowed for each respective department to market effectively and cut through on all channels.
Content was previously spread across different areas of the site. A new unified content hub brings articles, video, press releases, events and research together into one searchable and filterable experience. The homepage also surfaces regularly changing content, case studies, research and events, giving the site a stronger sense of newness and a reason to return.
Across the experience, the principle was simple: don't make users work to find information. Content is presented openly wherever possible, with progressive disclosure used only where it genuinely helps. Familiar interaction patterns, accessibility principles and clear content hierarchy underpin the experience. A complete set of responsive wireframes and high-fidelity designs were produced, supported by a flexible UI system and a suite of Rive animations that bring the brand to life.
