Case study · Website design

iOSS: repositioning for the AI era

A full company website, designed and built from scratch for a rebrand: from the visual direction in Figma to the production frontend.

Company
Infinite Open Source Solutions LLP
Year
2025 to 2026
Role
UI design and frontend development, end to end
Scope
Homepage and all inner pages, fully responsive, shipped to production
Tools
Figma, HTML, CSS, JavaScript

View on Behance

iOSS AI platform website shown on a laptop on a red background

The challenge

Repositioning an open-source giant for the AI era

iOSS was repositioning from an open-source software services company to an AI-focused platform. As the brand evolved, the website needed to evolve with it and lead with the new direction from the first screen.

The redesign covered the full site, from visual direction in Figma to the production frontend in HTML, CSS, and JavaScript. The aim was a modern, responsive site that carried the new AI positioning across every page and gave each product and service a clear place to live.

Role on the project

Design and build

This project covered both the design and the build. Working across both kept the shipped site true to the mockups and made iteration faster.

01

Visual and UI design

Visual and UI design in Figma.

02

Component system

A reusable component system.

03

Frontend

The full frontend in HTML, CSS, and JavaScript.

04

Responsive layouts

Responsive layouts across 5+ breakpoints.

05

Delivery

Cross-browser testing and production deployment.

The brief

Expressing the rebrand direction

The rebrand set the direction. The site had to express it through a cohesive digital experience.

Position

Lead with AI

Clearly identify iOSS as an AI platform from the first interaction.

System

Build a library

Build a modular component library in Figma and code.

Consistency

One visual language

Establish a visual language that holds across 10+ pages.

Reality

Match the vision

Deliver a production-ready site that matches the vision perfectly.

Responsiveness

Every device

Ensure flawless performance from mobile up to massive desktops.

Before and after

From light to bold

The iOSS homepage before and after the redesign
The homepage before (left) and after (right)
iOSS design system board
Design system board

The result

The redesigned website

Scroll through the pages below, or open them full size.

The redesigned iOSS website on a laptop and a tablet
Homepage designOpen full size
iOSS redesigned homepage
Services page designOpen full size
iOSS redesigned services page

View the case study on Behance

Need something similar?

Related service

This project is an example of my website design and development work.

Website Design and Development Start a project

More projects

Explore other curated work

All projects