Brief: To create a new visual identity for LLcloud Ltd and a new visual language for dynamically showing the ingestion, processing, display, and analytics of various multi-sensor data from satellites, drones, ships, IoT and wearable sensors, etc.
Company Mission:
LLcloud’s mission is to empower developers by simplifying the integration of multi-sensor data into a unified platform. LLcloud provides an easy way to collect, analyse, and visualise data from diverse sources, including satellite, IoT, and wearable sensors, enabling better decision-making. By offering a seamless cloud solution for data fusion and analytics, LLcloud helps users leverage comprehensive insights from various data streams to drive smarter, more informed decisions.
My Role:
As the lead UI/UX and product designer at LLcloud, I was responsible for shaping the platform’s branding and design to make complex Earth Observation, IoT, and wearable data accessible and visually engaging to the companies clients. I worked alongside the team to ensure easy multi-sensor integration, using custom animations inspired by Piet Mondrian’s visual language and the Powers of Ten film by Charles and Ray Eames. My work included wireframing, prototyping, creating the design language, optimising the SEO and conducting usability tests to ensure the platform was intuitive, visually compelling, and logically organised.
Logo Design & Exploration
#45A4D4
#171718
#777778
#BCBCBB
Graphic Development
The new visual identity of LLcloud draws inspiration from Piet Mondrian’s abstract geometrical style and the Powers of Ten film by Charles and Ray Eames. Our main goal was to create animations and graphics that interactively represent the flow of data across various scales of Earth Observation (EO, IoT, wearables). The colour palette I developed evokes a similar sense of the vastness of the space and sky. I developed three distinct animation styles and corresponding logo variations, each exploring the dynamic contrast of colours.
Final Logo & Branding
Quicksand serves as the primary font for both LLcloud's website and logo, ensuring a cohesive visual identity. The main homepage animation features moving dots along lines, symbolising the dynamic flow of multi-sensor data. Across different platform pages, various animations in this style illustrate data movement within diverse geospatial environments and scenarios.
Website Flowchart
I developed a flowchart to map out the website's structure. The client had a specific vision for the page organisation, which we refined through multiple iterations to create an engaging layout that effectively showcases projects and client use cases. We reworked the entire pricing plan structure to enhance clarity and make the plan features stand out.
User Interface Design
After the logo and web/app framework and organisation was complete, I proceeded with designing the final landing page and user interface for desktop, tablet and mobile.
Desktop Experience:
-
The homepage serves as the central hub, immediately displaying key target markets - Earth Observation, IoT, Wearables, and Technologies.
-
The animated homepage visuals showcase moving dots along lines, symbolising real-time data flow across geospatial environments.
-
A top navigation bar ensures quick access to core sections, the Get Started and separate Sign in function allows new visitors to join and current users to log in.
Mobile Experience:
-
The mobile version is fully responsive, adapting the structured layout into a streamlined vertical format for easy navigation.
-
The main navigation menu collapses into a mobile-friendly hamburger menu, keeping the interface uncluttered.
-
Animations and dynamic elements, such as the moving data visualisation, remain smooth but are optimised for touch interactions and smaller screens.
-
Key platform sections, such as pricing plans and project showcases, are reorganised into stacked cards for better readability.
