An Open source and Decentralised Container Registry
OpenRegistry is a Decentralised Container Registry built on OCI specification. As the initial implementation of OpenRegistry WebApp, We worked on a minimal interface that got the work done. I was also working mainly on backend at the time. After most backend worked on, I started reworking the frontend with svelte and typescript and consecutively learning more about Design.
Following the Aesthetic Usability Effect, I made sure the Web-app looks beautiful and the transitions are seamless. The Illustrations were bought which I then worked on to design the Hero Section.
The Logo represents the Organisation of containers and its open nature with an open 'O'. Thus embracing the true spirit of OpenRegistry. We wanted to keep it simple and yet convey what OpenRegistry is and stands for.
We want OpenRegistry to give out friendly and refreshing vibes with a dash of creativity. With darker hue of blue representing reliability and trust and moving towards a lighter shades representing familiarity and friendliness
At the time of redesigning and developing the OpenRegistry WebApp, Neubrutalism had just begum to catch the fame and before we knew, everyone was introducing Neubrutalism into their websites. I have great interest in neubrutalist concepts just because of the early 90's Aesthetics it expresses and the fact that we grew up learning HTML and playing games on big old Windows PCs, it hits the right amount of nostalgia.
However, for the usability and wider adaption of OpenRegistry, I kept the Neubrutalism to minimum. It is limited to buttons and modals with solid shadows
OpenRegistry is developed with feature first approach in mind. We started with building the feature that allows the user to pull and push a container registries to OpenRegistry, the UI was built to accommodate the same. I first explored products in the market and discussed the target audience (which is mainly developers) then I built some low fidelity prototypes on the back of a notebook. Since the project was pretty small and had only 2 funtions atm, we went straight to figam and designing our functionality. This is also the older version of OpenRegistry frontend (which I will share soon). It was only at a later stage when we began redesigning, we worked more on wireframes and mid fidelity prototypes.
Once we were happy with our moodboards and wireframes. We took inspiration from similar products like Docker Hub. Since Docker hub is the single most used container registry in the world, it is essential that the user should feel right just as comfortable with our platform. Following the laws of UX, I wanted to make sure the web-app looks and functions similar to any other container registry.
I used Figma for webapp design and Procreate for Illustrations and Logo
For Github Integrations Feature I designed a mascot to make the flow more friendly. It is a Cat Robot named Catainer! He helps you get around the Github integration workflow!
I have developed the new Webapp with Svelte/Sveltekit and Typescript.
OpenRegistry Webapp