Web Design & Webflow Development
Skyriq
Designed and developed a high-conversion marketing website for a B2B SaaS platform that automates cloud block storage optimisation using AI.
The challenge was to simplify a highly technical product (cloud storage orchestration) into a narrative that non-technical decision-makers can understand, while still maintaining credibility for technical users.
The challenge was to simplify a highly technical product (cloud storage orchestration) into a narrative that non-technical decision-makers can understand, while still maintaining credibility for technical users.
Role: Web Designer & Webflow Developer
Scope: UX Strategy, UI Design, Webflow Development
Tools: Figma, Webflow, Canva
Scope: UX Strategy, UI Design, Webflow Development
Tools: Figma, Webflow, Canva
Approach
This project was shaped through multiple rounds of discussion and feedback with the client, refining both messaging and structure to align with business goals and user understanding. Instead of focusing on visual experimentation alone, the process centred on improving clarity, positioning, and communication at every step.
1. Structuring for clarityThe website was designed with a clear narrative flow.
2. Translating complexity into valueTechnical concepts like autonomous storage optimisation were reframed into clear, outcome-driven messaging.
3. Designing for scannabilityB2B users rarely read everything—they scan.
4. Visual StorytellingBecause the product operates in an invisible system (cloud infrastructure), visual elements were used to represent system workflows to make the product feel tangible and understandable.
5. Conversion-Focused DesignThe website was designed to support lead generation through clear and repeated CTA's and the strategic placement of trust building elements. The messaging also aligns with enterprise decision making priorities.
1. Structuring for clarityThe website was designed with a clear narrative flow.
2. Translating complexity into valueTechnical concepts like autonomous storage optimisation were reframed into clear, outcome-driven messaging.
3. Designing for scannabilityB2B users rarely read everything—they scan.
4. Visual StorytellingBecause the product operates in an invisible system (cloud infrastructure), visual elements were used to represent system workflows to make the product feel tangible and understandable.
5. Conversion-Focused DesignThe website was designed to support lead generation through clear and repeated CTA's and the strategic placement of trust building elements. The messaging also aligns with enterprise decision making priorities.
Problem → Business Impact → Solution → How it Works → Trust Signals → Call to Action
Key Design Decisions
- Dark visual theme to convey a modern, enterprise-grade, and technical feel
- Modular layout system to improve readability and scalability
- Benefit-first messaging to quickly communicate value
- Use of diagrams and structured sections to explain complex workflows
- Consistent CTA strategy aligned with B2B sales cycles
Development
- Built in Webflow with a flexible, component-based structure
- Fully responsive, with a strong focus on mobile experience
- Structured for easy content updates and scalability
- Added native animations to enhance visual engagement without distracting from the content
Outcome
This project reinforced the importance of clarity over complexity in B2B SaaS design. Rather than adding more information, the focus was on:
- Simplifying communication
- Structuring content effectively
- Aligning design decisions with business goals
It also highlights the value of close collaboration with stakeholders to refine both messaging and user experience over time.
Reflection
This project explored how design can shape perception—showing that even a simple product can feel premium through thoughtful use of layout, colour, and imagery.
