Operating System
Operating System
Operating System is a creative design and development agency focused in the web3 space. I had the privilege to work with OpSys to design and develop their new CMS and project page, strategically using responsive typography, custom code buttons, and a swiss grid style layout to make their projects shine.



Problem
Problem
Prior to the new design, Operating System's project pages displayed a title, overview, and mockups. The pages lacked descriptive sections about the project, missing out on key information to inform prospects of OS's capabilities.
Prior to the new design, Operating System's project pages displayed a title, overview, and mockups. The pages lacked descriptive sections about the project, missing out on key information to inform prospects of OS's capabilities.
Problem
Prior to the new design, Operating System's project pages displayed a title, overview, and mockups. The pages lacked descriptive sections about the project, missing out on key information to inform prospects of OS's capabilities.
New Design
New Design
Drawing inspiration from other agencies, I designed a new layout to add structure and create a compelling story-telling outline for each project. This included a redesigned overview section, challenge, and solution sections. This enabled Operating System to tell a fuller story and highlight the detailed process behind each project, resulting in increased insight for new prospecting clients.
Drawing inspiration from other agencies, I designed a new layout to add structure and create a compelling story-telling outline for each project. This included a redesigned overview section, challenge, and solution sections. This enabled Operating System to tell a fuller story and highlight the detailed process behind each project, resulting in increased insight for new prospecting clients.
New Design
Drawing inspiration from other agencies, I designed a new layout to add structure and create a compelling story-telling outline for each project. This included a redesigned overview section, challenge, and solution sections. This enabled Operating System to tell a fuller story and highlight the detailed process behind each project, resulting in increased insight for new prospecting clients.
Details / CMS & chatGPT-Assited Interactions
Details / CMS & chatGPT-Assited Interactions
Details for the new layout included a redesigned CMS collection and pages, and custom code interactions. Using Webflow's code embed element, I created unique custom buttons for Operating System with hover states and smooth animations, elevating the overall UX of their portfolio.
Details for the new layout included a redesigned CMS collection and pages, and custom code interactions. Using Webflow's code embed element, I created unique custom buttons for Operating System with hover states and smooth animations, elevating the overall UX of their portfolio.
Details / CMS & chatGPT-Assited Interactions
Details for the new layout included a redesigned CMS collection and pages, and custom code interactions. Using Webflow's code embed element, I created unique custom buttons for Operating System with hover states and smooth animations, elevating the overall UX of their portfolio.









FS DEsign
FS DEsign
FS DEsign
FS DEsign
©2024 FRANCISCO SOSA DESIGN
GO BACK TO TOP
©2024 FRANCISCO SOSA DESIGN
GO BACK TO TOP
©2024 FRANCISCO SOSA DESIGN
GO BACK TO TOP
©2024 FRANCISCO SOSA DESIGN
GO BACK TO TOP