/

AQUIVA UI Kit

Smart Aquaculture Management App UI Kit

Smart Aquaculture Management App UI Kit

A modern mobile UI Kit designed for smart aquaculture ecosystems, combining real-time pond monitoring, IoT device management, automation systems, analytics dashboards, and connected operational workflows into one scalable mobile experience.

A modern mobile UI Kit designed for smart aquaculture ecosystems, combining real-time pond monitoring, IoT device management, automation systems, analytics dashboards, and connected operational workflows into one scalable mobile experience.

Aquaculture is evolving rapidly alongside the growth of IoT ecosystems, automation systems, and real-time environmental monitoring. However, many existing aquaculture management platforms still feel outdated, overly technical, fragmented, and difficult to manage across multiple devices and pond environments.

AQUIVA was created to explore how a modern smart aquaculture platform could deliver a cleaner, more connected, and intuitive mobile experience for pond monitoring, automation management, analytics, and IoT device ecosystems.

This project focuses on combining premium SaaS aesthetics with practical aquaculture workflows into one scalable mobile UI system.

Aquaculture is evolving rapidly alongside the growth of IoT ecosystems, automation systems, and real-time environmental monitoring. However, many existing aquaculture management platforms still feel outdated, overly technical, fragmented, and difficult to manage across multiple devices and pond environments.

AQUIVA was created to explore how a modern smart aquaculture platform could deliver a cleaner, more connected, and intuitive mobile experience for pond monitoring, automation management, analytics, and IoT device ecosystems.

This project focuses on combining premium SaaS aesthetics with practical aquaculture workflows into one scalable mobile UI system.

The Vision

The Vision

The main goal behind AQUIVA was simple: Build a modern mobile ecosystem where aquaculture monitoring, automation, and device management work seamlessly together.

Rather than designing isolated dashboard screens, AQUIVA was designed as a connected product ecosystem that feels believable as a real-world startup product. The UI Kit combines:

  • Smart pond monitoring

  • IoT device management

  • Automation systems

  • Environmental analytics

  • Real-time notifications

  • Device onboarding & pairing

  • Aquaculture operational workflows

All wrapped inside a clean and modern mobile experience.

The main goal behind AQUIVA was simple: Build a modern mobile ecosystem where aquaculture monitoring, automation, and device management work seamlessly together.

Rather than designing isolated dashboard screens, AQUIVA was designed as a connected product ecosystem that feels believable as a real-world startup product. The UI Kit combines:

  • Smart pond monitoring

  • IoT device management

  • Automation systems

  • Environmental analytics

  • Real-time notifications

  • Device onboarding & pairing

  • Aquaculture operational workflows

All wrapped inside a clean and modern mobile experience.

The Challenge

The Challenge

Traditional aquaculture systems often face several UX problems:

  • Fragmented Monitoring: Water quality, pond activity, and device controls are often separated into disconnected systems that are difficult to manage efficiently.

  • Complex Device Management: IoT pairing and device configuration frequently feel overly technical and intimidating for users.

  • Poor Mobile Experience: Many industrial monitoring dashboards prioritize data over usability, resulting in cluttered and outdated interfaces.

  • Lack of Real-Time Visibility: Operators need immediate access to alerts, environmental changes, and automation status without navigating through complicated systems.

AQUIVA was designed to solve these issues through a more approachable and scalable product experience.

Traditional aquaculture systems often face several UX problems:

  • Fragmented Monitoring: Water quality, pond activity, and device controls are often separated into disconnected systems that are difficult to manage efficiently.

  • Complex Device Management: IoT pairing and device configuration frequently feel overly technical and intimidating for users.

  • Poor Mobile Experience: Many industrial monitoring dashboards prioritize data over usability, resulting in cluttered and outdated interfaces.

  • Lack of Real-Time Visibility: Operators need immediate access to alerts, environmental changes, and automation status without navigating through complicated systems.

AQUIVA was designed to solve these issues through a more approachable and scalable product experience.

Design Approach

Design Approach

The design direction for AQUIVA focused on creating a balance between:

  • Industrial monitoring systems

  • Premium SaaS applications

  • Smart IoT ecosystems

  • Calm aquatic visual aesthetics

The interface was intentionally designed to feel:

  • Clean

  • Spacious

  • Modern

  • Lightweight

  • Easy to navigate

  • Operationally efficient

Instead of overwhelming users with excessive technical data, the product prioritizes hierarchy, readability, and contextual information.

The design direction for AQUIVA focused on creating a balance between:

  • Industrial monitoring systems

  • Premium SaaS applications

  • Smart IoT ecosystems

  • Calm aquatic visual aesthetics

The interface was intentionally designed to feel:

  • Clean

  • Spacious

  • Modern

  • Lightweight

  • Easy to navigate

  • Operationally efficient

Instead of overwhelming users with excessive technical data, the product prioritizes hierarchy, readability, and contextual information.

Building the Ecosystem

Building the Ecosystem

AQUIVA was designed as a complete smart aquaculture ecosystem rather than a collection of standalone screens. The product structure revolves around five primary areas:

AQUIVA was designed as a complete smart aquaculture ecosystem rather than a collection of standalone screens. The product structure revolves around five primary areas:

Homepage

Homepage

A centralized operational dashboard displaying:

  • Farm stability

  • Environmental status

  • Pond activity

  • Connected automation systems

  • Quick operational summaries

The homepage acts as the command center for the entire aquaculture environment.

A centralized operational dashboard displaying:

  • Farm stability

  • Environmental status

  • Pond activity

  • Connected automation systems

  • Quick operational summaries

The homepage acts as the command center for the entire aquaculture environment.

Analytics Center

Analytics Center

The analytics experience focuses on transforming raw pond data into understandable operational insights.

Users can monitor:

  • Water temperature

  • Oxygen levels

  • pH balance

  • Ammonia status

  • Pond health trends

  • Automation performance

The goal was to make monitoring feel approachable without sacrificing operational clarity.

The analytics experience focuses on transforming raw pond data into understandable operational insights.

Users can monitor:

  • Water temperature

  • Oxygen levels

  • pH balance

  • Ammonia status

  • Pond health trends

  • Automation performance

The goal was to make monitoring feel approachable without sacrificing operational clarity.

Device Management

Device Management

One of the most important parts of the project was creating a believable IoT device ecosystem. AQUIVA includes connected device flows for:

  • Aerators

  • Auto Feeders

  • Water Circulation Systems

  • Environmental Sensors

The Device Center allows users to:

  • Monitor connectivity

  • Manage diagnostics

  • Configure automation

  • Track device health

  • Reconnect offline systems

  • Update firmware status

This creates a stronger sense of ecosystem realism throughout the UI Kit.

One of the most important parts of the project was creating a believable IoT device ecosystem. AQUIVA includes connected device flows for:

  • Aerators

  • Auto Feeders

  • Water Circulation Systems

  • Environmental Sensors

The Device Center allows users to:

  • Monitor connectivity

  • Manage diagnostics

  • Configure automation

  • Track device health

  • Reconnect offline systems

  • Update firmware status

This creates a stronger sense of ecosystem realism throughout the UI Kit.

Automation System

Automation System

The automation experience was designed to simplify repetitive operational tasks through intuitive control systems. Users can configure:

  • Feeding schedules

  • Circulation intervals

  • RPM control

  • Automation intensity

  • Operational timers

  • Smart pond behaviors

The challenge here was balancing advanced functionality while maintaining a clean and understandable mobile interface.

The automation experience was designed to simplify repetitive operational tasks through intuitive control systems. Users can configure:

  • Feeding schedules

  • Circulation intervals

  • RPM control

  • Automation intensity

  • Operational timers

  • Smart pond behaviors

The challenge here was balancing advanced functionality while maintaining a clean and understandable mobile interface.

Smart Device Pairing

Smart Device Pairing

One of the standout experiences in AQUIVA is the IoT onboarding flow. The project includes:

  • Radar-based device discovery

  • QR code pairing

  • Setup progress states

  • Connection verification

  • Pond assignment flows

These onboarding experiences help the product feel significantly more realistic and production-ready.

One of the standout experiences in AQUIVA is the IoT onboarding flow. The project includes:

  • Radar-based device discovery

  • QR code pairing

  • Setup progress states

  • Connection verification

  • Pond assignment flows

These onboarding experiences help the product feel significantly more realistic and production-ready.

Onboarding Experience

Onboarding Experience

AQUIVA also includes a lightweight onboarding flow focused on personalization and first-time setup. The onboarding process includes:

  • Language selection

  • Aquaculture type setup

  • First device connection

The onboarding was intentionally designed to feel minimal, modern, and welcoming rather than overly technical or enterprise-heavy.

AQUIVA also includes a lightweight onboarding flow focused on personalization and first-time setup. The onboarding process includes:

  • Language selection

  • Aquaculture type setup

  • First device connection

The onboarding was intentionally designed to feel minimal, modern, and welcoming rather than overly technical or enterprise-heavy.

Design System

Design System

AQUIVA leverages modern Figma workflows and scalable design system principles. The UI Kit was built using:

  • Auto Layout

  • Reusable Components

  • Component Variants

  • Typography Systems

  • Consistent Spacing Structures

Every component was designed to remain flexible and easy to scale for future product expansion.

AQUIVA leverages modern Figma workflows and scalable design system principles. The UI Kit was built using:

  • Auto Layout

  • Reusable Components

  • Component Variants

  • Typography Systems

  • Consistent Spacing Structures

Every component was designed to remain flexible and easy to scale for future product expansion.

Visual Direction

Visual Direction

The visual identity combines:

  • Soft blue accents

  • Clean grayscale surfaces

  • Rounded cards

  • Spacious layouts

  • Subtle shadows

  • Modern SaaS hierarchy

The result is a product aesthetic that feels:

  • Premium

  • Calm

  • Technical

  • Futuristic without becoming visually overwhelming

The visual identity combines:

  • Soft blue accents

  • Clean grayscale surfaces

  • Rounded cards

  • Spacious layouts

  • Subtle shadows

  • Modern SaaS hierarchy

The result is a product aesthetic that feels:

  • Premium

  • Calm

  • Technical

  • Futuristic without becoming visually overwhelming

What Makes AQUIVA Different

What Makes AQUIVA Different

Many mobile UI Kits focus only on visual presentation. AQUIVA focuses on:

  • Ecosystem thinking

  • Believable workflows

  • Operational UX

  • IoT interaction design

  • Connected product architecture

This makes the product feel closer to a real startup application rather than a simple UI exploration.

Many mobile UI Kits focus only on visual presentation. AQUIVA focuses on:

  • Ecosystem thinking

  • Believable workflows

  • Operational UX

  • IoT interaction design

  • Connected product architecture

This makes the product feel closer to a real startup application rather than a simple UI exploration.

Built For

Built For

AQUIVA is suitable for:

  • Smart Aquaculture Platforms

  • Fish Farm Management Apps

  • IoT Monitoring Systems

  • Smart Pond Ecosystems

  • Environmental Monitoring Dashboards

  • Automation Platforms

  • SaaS Mobile Products

  • Startup MVPs

AQUIVA is suitable for:

  • Smart Aquaculture Platforms

  • Fish Farm Management Apps

  • IoT Monitoring Systems

  • Smart Pond Ecosystems

  • Environmental Monitoring Dashboards

  • Automation Platforms

  • SaaS Mobile Products

  • Startup MVPs

Final Thoughts

Final Thoughts

AQUIVA was designed to explore how smart aquaculture products could feel more connected, modern, and operationally efficient through thoughtful mobile UX design.

By combining monitoring systems, automation controls, analytics dashboards, and IoT ecosystems into one scalable interface, the project aims to deliver a stronger foundation for next-generation aquaculture applications.

AQUIVA was designed to explore how smart aquaculture products could feel more connected, modern, and operationally efficient through thoughtful mobile UX design.

By combining monitoring systems, automation controls, analytics dashboards, and IoT ecosystems into one scalable interface, the project aims to deliver a stronger foundation for next-generation aquaculture applications.

Ready to Build Your Smart Aquaculture Product?

Ready to Build Your Smart Aquaculture Product?

AQUIVA includes:

  • 100+ Mobile Screens

  • Smart Monitoring UI

  • Analytics Dashboard

  • Device Management

  • Automation System

  • IoT Pairing Flow

  • Design System

  • Auto Layout

  • Reusable Components

  • Fully Editable Figma File

AQUIVA includes:

  • 100+ Mobile Screens

  • Smart Monitoring UI

  • Analytics Dashboard

  • Device Management

  • Automation System

  • IoT Pairing Flow

  • Design System

  • Auto Layout

  • Reusable Components

  • Fully Editable Figma File

Have a vision in mind?

Have a vision in mind?

Let's bring it to life. I'm open to collaborations, freelance work,

or long-term partnerships that value thoughtful design.

Let's bring it to life. I'm open to collaborations, freelance work,

or long-term partnerships that value thoughtful design.

Let's bring it to life. I'm open to collaborations, freelance work, or long-term partnerships that value thoughtful design.

Akbar Fadillah Hermawan

Akbar Fadillah Hermawan

Designing with clarity, structure, and a bit of curiosity.

Designing with clarity, structure, and a bit of curiosity.

Designing with clarity, structure, and a bit of curiosity.

© 2026 Akbar Fadillah Hermawan. All rights reserved.

© 2026 Akbar Fadillah Hermawan. All rights reserved.

© 2026 Akbar Fadillah Hermawan. All rights reserved.

Create a free website with Framer, the website builder loved by startups, designers and agencies.