New Spots available in June!
Book a Free Call  →

Unveiling a new DevOps tool with a bold brand & website

Skip to Gallery
Brand
Cloudpulse
Year
2024
Scope of Work
Web Design
Brand Strategy
Digital Strategy
✱  Our Mission
Cloudpulse sought a standout brand identity & lead-generating website, ready for launch

Cloudpulse is a new startup on a mission to simplify cloud application management. Their latest DevOps tool empowers teams with real-time monitoring and analytics across various cloud platforms, offering a unified solution for performance optimisation, security management &resource efficiency.  In this project,I took on the exciting challenge of crafting their visual language & a compelling landing page to generate leads & drive users towards the free trial.

✱  Design Process
From napkin sketch to launch day: here's how we made it happen!
Kick-off & Research

→  Platform Audit
→  Stakeholder Interviews
→  Literature Review

Define

→  NNG Guidelines
→  Legacy UI Evaluation

Ideate

→  Brainstorm
→  Sketching (x2)
→  Wireframes

Design & Iteration

→  UI Design
→  Interactive Prototypes
→  UX & IxD Specifications

Testing & Evaluation

→  Design Critique

Build

→  Visual QA

✱  Design Process
From napkin sketch to launch day: here's how we made it happen!
Kick-off & Research

→  Kick-off Workshop
→  Competitor Analysis
→  Team pitch & Discussion
→  Team Brainstorm Workshop
→  User Interviews

Define

→  User Requirements
→  Team Leads: MVP Scoping

Ideate

→  Sketching
→  Userflow Mapping
→  Wireframes

Design & Iteration

→  Data Structure Creation
→  Functional Specifications
→  High-fidelity Design

Stakeholder Review

→  Design Critique
→  Design Revisions

Build & Roll-out

→  Visual QA

✱  Design Process
From napkin sketch to launch day: here's how we made it happen!
Kick-off & Research

→  Team Workshop
→  CompetitorAnalysis
→  User Survey

Define

→  Brand Definition Workshop
→  Brand Framework
→  User Requirements

Ideate

→  Moodboarding
→  Wireframes

Design & Iteration

→  Visual identity Design
→  UI Design
→  Design System Creation
→  Functional Specifications
→  Brand Guidelines

Testing & Evaluation

→  Think AloudTesting

Build & Roll-out

→  Visual QA

✱  Design Process
From napkin sketch to launch day: here's how we made it happen!
Kick-off & Research

→  Kick-off Workshop
→  Metadata Analysis
→  PWA Technology Research

Define

→  Use Case Definition
→  Functional Requirements

Ideate

→  Team Brainstorm
→  Wireframes

Design & Iteration

→  UI Design
→  Interactive Prototypes

Identification of Financial Goals

→  Cognitive Walkthrough
→  Click Testing
→  User Questionnaire

Build

→  PWA Build
→  Visual QA

✱  Design Process
From napkin sketch to launch day: here's how we made it happen!
Kick-off & Research

→  Competitor Analysis
→  Social Media Analysis

Define

→  Content Requirements
→  Functional Requirements

Ideate

→  Moodboarding
→  Sketching
→  Wireframes

Design & Iteration

→  Visual Identity Design
→  UI Design
→  Design System Creation

Testing & Evaluation

→  Design Critique
→  Design Revisions

✱  Design Process
From napkin sketch to launch day: here's how we made it happen!
Kick-off & Research

→  User Interviews
→  Literature Review
→  CompetitorAnalysis

Define

→  Persona Creation
→  User Requirements
→  Product Scoping

Ideate

→  Brainstorm
→  Sketching
→  Journey Mapping
→  Wireframes

Design & Iteration

→  Visual Identity Design
→  UI Design
→  Design System Creation

Testing & Evaluation

→  Think Aloud Testing

✱  Design Process
From napkin sketch to launch day: here's how we made it happen!
Kick-off & Research

→  User Interviews
→  Literature Review
→  CompetitorAnalysis

Define

→  Persona Creation
→  User Requirements
→  Product Scoping

Ideate

→  Brainstorm
→  Sketching
→  Journey Mapping
→  Wireframes

Design & Iteration

→  Visual Identity Design
→  UI Design
→  Design System Creation

Testing & Evaluation

→  Think Aloud Testing

✱  Design Process
From napkin sketch to launch day: here's how we made it happen!
Kick-off & Research

→  Competitor Analysis
→  Literature Research (PET)

Define

→  Brainstorm
→  Functional Specification

Ideate

→  Sketching
→  Journey Mapping
→  Wireframes

Design & Iteration

→  Visual Identity Design
→  UI Design
→  Design System Creation

Testing & Evaluation

→  Moderated User Testing
→  Client Review

Build

→  Visual QA
→  Analytics Monitoring

✱ The Creative Journey
Deep research on DevOps users & competitors helped define Cloudpulse's brand identity, balancing user needs with a distinct visual style

To immerse myself in Cloudpulse's world, I began with in-depth research on their target audience – the DevOps community. Since access to real users wasn't available, I conducted a social media and blog analysis. Here, DevOps professionals documented their workflows and the challenges they faced. This user research was complemented by a competitor analysis, identifying how other platforms addressed these needs and potential opportunities for Cloudpulse to stand out. Additionally, I studied visual identities within the industry to understand established standards in terms of color palettes, shapes, and overall aesthetic. Interestingly, the visual landscape was divided. While some leaned towards a traditional look, others embraced dynamic gradients and geometric shapes for a more modern feel. Color-wise, blue emerged as a dominant choice, which I incorporated for Cloudpulse while introducing a vibrant secondary purple hue for a unique twist.

No items found.
No items found.
Cloudpulse's landing page prioritised UX & lead generation through a dark UI, strategic layout & captivating visuals

With this research informing the design direction, I focused on developing a scalable brand identity that could seamlessly adapt across various digital touchpoints, print materials, and at different sizes. To achieve an edgy and modern aesthetic, I leveraged a dark UI scheme for the landing page. This not only enhanced focus on key information and improved readability by reducing screen glare, but also contributed to a high-tech feel. Conversion and lead generation were prioritized in the layout, with a prominent call-to-action form positioned above the fold, alongside trust indicators and an engaging illustration. The wireframes below delve deeper into the specific design choices made.

No items found.
No items found.
No items found.
No items found.
✱   The Solution
Cloudpulse's brand identity fuses tech-forward blues with playful purples, resulting in a dynamic, developer-friendly visual language

Cloudpulse's visual identity struck a balance between industry expectations & brand personality. A vibrant blue and purple colour scheme conveyed a high-tech feel attractive to DevOps teams, while the contrasting purples hinted at Cloudpulse's disruptive nature. The geometric cloud brandmark, with its dynamic gradients, scaled flawlessly, ensuring consistent brand recognition across all touchpoints. To complete the look, Aeonik typeface added a touch of modern personality while maintaining a clean, professional aesthetic.

No items found.
No items found.
Cloudpulse's landing page fuses a high-tech aesthetic with user-focused design to drive developer signups

The Cloudpulse landing page seamlessly integrated their new visual identity, utilising a sleek dark UI theme & captivating glass illustrations to forge a high-tech aesthetic that resonated with developers. Prioritising lead generation, the page prominently featured an email capture form above the fold, bolstered by trust-building client logos. A clear hero section, succinct feature overviews & transparent pricing information ensured the product's value proposition was communicated with laser focus. Interactive elements & engaging animations elevated the user experience without compromising on performance, guaranteeing the site's responsiveness & accessibility across all devices.

No items found.
✱  Client Testimonials

Happy clams

"She masterminded an entire refresh of our app & brand setting a foundation for design here at Muzz. Always focussed on finding the right balance between user & business needs.

I could always trust Laura to find the right solution for a particular design or user experience problem & one of the strongest designers I've worked with."

Andrew
CTO, Muzz

"Laura is quite simply amazing. Hugely talented and creative. Her take and revamp of our website UX is fantastic and she helped us to understand the logic and theory behind her suggestions. Highly recommended."

Steve
CEO, Sportank

"Laura's contribution to the design aspect of my mobile game was nothing short of remarkable.

Working alongside Laura has been an absolute pleasure. Her contributions have been instrumental in elevating the game's design to a new level."

Jack
Founder, Word Game Geeks

"She nailed the website looks exactly to my expectations. On top of that, she's also super fast & efficient... & thinks about other aspects of the web design. le. how people would convert, what attracts their attention etc.

Definitely give her a chance, and you'll be glad you got such a pro working with you."

Pavel
Founder, Reality Sims

"Love working with Laura! The attention and care to details makes me feel fully held with clear guidance and fully supported on our projects.

Look forward to future projects as well. Much gratitude!"

Viktoria
Love & Intimacy Coach

"Laura has a unique quality through her skills & professionalism in drawing out from the client exactly what they are looking to achieve. Then visualising this back to them with different options, so they have a choice.

I would recommend Laura anytime and every-time to anyone that is in need of such expertise, or design services."

Nav
Projects Lead, ALL.SPACE