management software solution
PRODUCT DESIGNER, 2013 – PRESENT
In October 2013, I joined Greenqloud, a cloud computing software company offering cloud computing software and services. In May 2014, the company was pivoted to a pure software company with 100% focus on building and developing the cloud management platform Qstack.
One of my first big projects was to design from ground up the UI for the cloud management platfrom. The idea was to create an easy way to view, create and manage cloud resources in the Web UI. We introduced the first running version of an app for an upcoming demo in crazy short 3 weeks which later has been served its purpose for the next several months a few minor redesigns, until June 2015, when the second iteration of the Web UI has been developed.
This page is still under development
Qstack is a cloud management platform developed by Greenqloud, a cloud computing software company founded in Reykjavik, Iceland in February 2010. Qstack enables its users to manage multiple clouds and hybrid deployments through a single self-service portal.
Qstack aims to reduce licensing costs by consolidating various cloud management platforms. Qstack is compatible with AWS and Azure and any EC2 compatible IaaS clouds. What's more, Qstack works with KVM, VMware and Hyper-V while also being able to unify physical hardware, hypervisors, virtual machines, true bare metal and containers across multiple clouds and internal data centres.
Tasks and Problems
May, 2014 – Initial design and implementation of the web app for an upcoming demo in with 3 weeks of given time. having only one dedicated front-end developer.
June, 2015 – Complete design overhaul with new features with unification of our visual style and a brand new design. Our design system wasn’t equipped to to provide standards that unified the look and feel of all the system need across the many tabs and categories. As a result, our UI became inconsistent between old and new designs, making it difficult to use, scale up, adding new features, etc.
Adobe Photoshop, Sketch App, InVision, Abstract, MeteorJS, Jira, Slack.
The current Qstack has taken a lot of hard work, trial and error and a lot of rewrites and redesigns. But that is the hallmark of a good UI/UX, never settle for anything but the best and always strive for perfection. You’ll never get there, of course, but you have to try anyway.
Have you ever wondered why all those cloud computing interfaces are so darned complicated? Why is the action to launch a new instance sometimes a seven step wizard? I mean, you just want to start up an instance, assign it an IP number and open up a few firewall ports to be able to setup and launch your WordPress site.
The actions required to perform all the tasks mentioned are complicated in essence but the beauty of a well thought out and easy to use UI is to make all these complicated tasks simple to execute for the end user. So, when we started developing our front end for Qstack we decided that Cloud Computing should not be hard at all .
We started by laying down a few ground rules for the UI. It should be:
- Easy to learn and intuitive
- Simple to use
In the instance creation form, you can basically open it and click the “Create instance” button at the bottom of the form straight away. That will start an instance with preselected values for all required fields, keypair, firewall, image, zone and service offering. It will even reserve and attach an IP for you as well! You can tweak the values, of course, but it’s just that simple. On top of that you’ll get notifications and visual indication of the status of the instance creation, updated in real-time.
And for every new feature we add into the UI, we try to make sure that the ground rules apply for every new view and action. A good example of that is our Kubernetes integration, where you can, with a few simple clicks, get a Kubernetes cluster up and running and then easily add new applications, with the world’s first Helm UI integration, and monitor, scale and/or update them, all inside the UI.
We’ve tried to pinpoint the most common tasks needed to perform for all those resources so they are readily available to you at the click of a button. Need to add a data volume to your instance or snapshot the root volume? That’s an easy single click action. What about adding a new reserved IP to it? Again, single click action. And that’s just to name a few, whereas the UI is loaded with these single click tasks that make your cloud life that much easier.
The same philosophy applies to the administration parts of the UI, for domain and/or infrastructure admins. Same list structure, the same simple forms, everything to make the experience of maintaining and administering your cloud setup as smooth and easy as for the day-to-day users of the system.
But even though we have, in our opinion, a superior UI we don’t want to exclude all the power users out there that want to automate everything via APIs, so everything you can do through our UI is available through API automation as well.