top of page

CASE STUDY

CARUSO Group Corporate Landing Page

Multi-brand digital ecosystem for environmental and geospatial technology

​

Designed and developed a unified web platform for CARUSO Group, consolidating three specialized companies (CARUSO, GISCARUSO, and SEACARUSO) under one cohesive digital experience while maintaining distinct brand identities.

Overview

BACKGROUND

Designed and developed a unified web platform for CARUSO Group, consolidating three specialized companies (CARUSO, GISCARUSO, and SEACARUSO) under one cohesive digital experience while maintaining distinct brand identities.

MY ROLE
MY ROLE

As a UX/UI Designer, I was responsible for Showcases three separate companies with different service offerings

  • Maintains visual consistency while allowing brand differentiation

  • Provides intuitive navigation across complex organizational structure

  • Reflects the technical expertise and professional credibility of geospatial and environmental services

Foto Perfil LinkedIn de Consultora de Im
Web
Foto Perfil LinkedIn de Consultora de Im

Smartphone

Interface Designer in the Office

Design Approach

Visual Identity

  • Dark gradient theme with neon blue/cyan accents to convey technological sophistication

  • Official GISCARUSO brand palette (#00415A to #87CEEB) establishing trust and professionalism

  • Modern glassmorphism effects and subtle animations for premium feel

image.png
image.png
image.png

Information Architecture

  1. Dropdown-based company selector in header for seamless brand switching

  2. Individual landing pages for each company with dedicated sections

  3. Deep-linking capabilities allowing direct navigation to specific content (e.g., contact forms, product pages)

image.png

User Experience

  • Smooth scroll navigation within single-page sections

  • Cross-page navigation with hash-based section targeting

  • Custom ScrollToTop component ensuring proper context when switching between pages

  • Responsive design optimized for business stakeholders and technical audiences

image.png

Technical Implementation

  • React + TypeScript for type-safe, maintainable codebase

  • React Router for multi-page navigation architecture

  • Custom routing logic handling hash-based section scrolling

  • Integration with real company assets from ArcGIS platform (replacing stock imagery)

  • Performance-optimized components for smooth interactions

Modelagem 3D de Terreno_edited.jpg

Outcome

A professional, scalable web platform that positions CARUSO Group as a modern technology leader while effectively communicating the specialized value of each subsidiary company. The modular architecture allows for future expansion as the group grows.

​

Key Skills Demonstrated: Information Architecture, Design Systems, Multi-brand UX, Technical Collaboration, React Development

​

 

​​

Solar Panels And Turbines_edited.jpg

Next Up

Mia - Accounting Automation Software

bottom of page