Stax is an all-in-one cloud platform (PaaS) that provides a secure foundation for migrating and deploying apps to AWS, while facilitating cost savings and increasing efficiency and visibility.
It enables businesses to harness all the benefits of AWS without attracting the overheads normally associated with building and maintaining an enterprise cloud platform.
TWO PRODUCTS CONVERGING INTO ONE
The idea was to merge both modules into one product. Since they have different technologies and UI, my responsibility was to make the experience and UI consistent by leveraging on the design system that was currently in use by Stax Compliance. I also expanded the design system with new components.
I worked with the General Manager, Product Owners, the Design team and Developers designing and adding new features in both modules (sketching, prototyping and testing interfaces). Then prepared final designs for development with specs and conducted UAT before going to production.
When the design team grew, I mentored and trained junior designers to adopt company best practices, understand component systems and the implementation side with HTML/CSS.
KEY AREAS OF WORK
| Stax (Spotlight) Compliance and Cost Module |
Stax (Juma) Deployment Module |
Design System | Branding and Marketing |
|---|---|---|---|
| Compliance Rules UI redesign and pattern update (merging three sections into one, components redesign) |
Update UI components using Spotlight Design System (new top bar, models, icons and other styles) | Maintain, update and create components | Brand Merge (Naming, Brand architecture, Logo Design) |
| Compliance Rules Filter Bar (designed faceted search component and quick access buttons) | Workloads (designed workflow, editor and catalog components) | Help devs to keep ELM & Storybook components up-to-date | Design and prototype marketing website for the merged product (several iterations) |
| Compliance Rule Bundles (workflows, sketches, prototypes and user testing) | API Docs (Slate Theme customised based on Design System using CSS) | Migrate components from Sketch to Figma (shared task with the design team) | Compiled all the branding materials in one place for easy handover for Marketing |
| Coating of Help (cross section contextual help, tooltips and messaging to explain concepts and widgets) | New website Relaunch (wireframes, prototype and final visuals) |
This is an overview of the different projects that I worked on at Stax separated into four modules, each item represents a project.
CASE STUDY
STAX – RULE BUNDLES
Organising compliance and security rules into Bundles
to follow industry best practices for AWS services and compliance frameworks.
to follow industry best practices for AWS services and compliance frameworks.