Kaldrix

Providing simple solutions to customers

Kaldrix Main Screen
Home screen for Kaldrix

Overview

Kaldrix is a company focused on providing simple business solutions. I was asked to design a clean, responsive landing page that would reflect the brand’s values of clarity, innovation, and ease of use. The final designs included mobile, tablet, and desktop layouts, interactive feature cards, and a complete asset handoff for implementation.

Problem

Kaldrix needed a clear, modern online presence to introduce their brand and showcase their core product, ClearPath. Their existing page was minimal, and they didn’t yet have a centralized landing experience that felt cohesive or scalable. They wanted a design that would communicate their message without overwhelming users.

Goals

Design a responsive landing page for desktop, tablet, and mobile, maintain a clean, simple layout that aligns with the Kaldrix brand, include a section for ClearPath without overshadowing the main brand, highlight core values through strong visual structure and interactions, ensure the design is easy to implement in no-code platforms like Lovable

User Persona: Jordan

Jordan is a tech-savvy, efficiency-focused business owner looking for digital tools that are easy to use and not overloaded with unnecessary features.

Design Process

Wireframes

Wireframes
Wireframe

Rough sketches of what I envisioned the Kaldrix page to look like


Low Fidelity

Low Fidelity
Low Fidelity mockup

Removed placeholders and started adding in content that would be used in the final version


Final Design

High Fidelity Mobile
Final Design for Kaldrix on Mobile


High Fidelity Tablet
Final Design for Kaldrix on Tablet

Expanded content to ensure that it fits on a tablet screen


High Fidelity Desktop
Final Design for Kaldrix on Desktop

Adjusted spacing and sizes of content for desktop devices


Key Features

  • Responsive layout across mobile, tablet, and desktop
  • “Why Kaldrix” interactive feature cards with tap/hover descriptions
  • Process section visually breaking down how Kaldrix works
  • Featured ClearPath snippet integrated into the layout without distraction
  • CTA sections with clear hierarchy and repetition for conversion

    • Prototypes

    High-Fidelity UI

    Mobile
    Final Design for Kaldrix on Mobile
    Tablet
    Final Design for Kaldrix on Tablet
    Desktop
    Final Design for Kaldrix on Desktop

    Mobile Prototype: Ensure that all functionality is working and easy to navigate through

    Tablet Prototype: Ensure that all functionality is working and flows smoothly from mobile to tablet

    Desktop Prototype: Ensure that everything flows smoothly from mobile to desktop

    Mobile Prototype Tablet Prototype Desktop Prototype

    Accessibility Considerations

  • Maintained consistent color contrast (blue/orange palette with strong contrast)
  • Large, tappable elements and readable font sizes across breakpoints
  • Used clear labels and alt-friendly icons in the “Why Kaldrix” cards
  • Hover/tap interactions designed to be keyboard- and screen-reader-friendly
  • Avoided overwhelming text blocks to support neurodiverse users

    • Reflection

    This project gave me the opportunity to work closely with a real client, respond to live feedback, and design for implementation in a real-world tool (Lovable). While the final version of the site evolved slightly during buildout, the core layout, brand tone, and responsiveness remained intact. The development team even described the mockups as “beautiful,” which reinforced that my design approach was both effective and practical.