UI / UX Designer
2022 – 2023
Figma, Microsoft Teams, Zoom, Photoshop, Illustrator
Requirements Gathering, Wireframes, Prototype, Project Management, Visual Design
Qumulus offers managed private cloud at an affordable rate so that developers can build and scale their applications on dedicated hardware without bill shock. The company mission is to simplify DevOps with open source technologies.
I was the UX/UI Designer tasked to design their landing page and customer order process. The team composed of myself, a business analyst, content strategist and developers.
My task was to improve their prototype and bring their MVP into life. Based from initial feedback gathered:
How might we improve the existing prototype so that users can understand their options and customize orders according to their requirements?
Qumulus can benefit a wide target audience. This was narrowed down into the following:
The processes were done in the duration of this project:
Landlords need to access their accounts using their mobile device so that they can renew their certifications.
Service providers need to access their accounts using their mobile devices so that they can book new jobs.
Information architecture helped me organize, structure and label content in an effective way. This provided the foundation as I proceeded to creating my prototype. User flow diagrams helped me visualize, analyze and map how users will interact with the product as a whole. The diagram included paths and journeys that help understand patterns users will take. It allowed the team to gather feedback, make adjustments, and identify and fix user issues ahead of time.
Low fidelity wireframes and initial prototype helped stakeholders visualize the concept and idea. It also let the team resolve basic questions about the content, layout and product requirements before committing to a higher fidelity prototype.
To help users understand who Qumulus, what they offer and how it can be beneficial, these were the information presented in the product:
Snippets of articles online were included to show: (a) the significant increase of cloud service prices (b) a lot of users were overpaying for cloud services.
Explaining the relevance and benefit of Qumulus in a conversational tone.
The company mission, solutions, identity and processes were presented in the about page and the philosophy page.
The cascade of information explained how Qumulus achieves its competitive pricing while offering how high-quality cloud solutions.
Because the nature of the business holds a lot of technical information, we utilized visual representation to strengthen communication.
Used case comparison: Tabs and charts were used to compare prices between Qumulus and its competitors in different used cases.
Budget comparison: Tabs and charts were used to compare the performance of Qumulus and its competitors in different budget ranges.
Package comparison: An overview of different packages offered by Qumulus with itemized features and specs.
Price comparison helped users have an overall idea of how Qumulus compares to other competitors.
The order process designed lets users select packages, select a location and provider, and select their desired specs. The step by step process was broken into chunks to aid in simplifying the technical details required in building a private cloud.
Select package: An overview of different packages offered by Qumulus helps users decide which package best suits them.
Select location: A page that lets users select their private cloud location. Choices were filtered by continent, made clickable above the selections and on the map.
Select provider: Users can select the provider of their choice, select their desired currency and which city they want the server to be hosted in.
Select specs: Users can design their own cloud by selecting their desired specs. As they make selections, a price breakdown calculator is updated real time to show the itemized list of their selection and the total cost.
A VM capacity calculator was ideated to help users view example scenarios.
Checkout: Users can select their desired duration, review their order summary, select their payment method and checkout.