Case Study

Maritime Product Systems

Maritime
Product
Systems

Designing the UI, visual language and operational experience for a maritime product ecosystem — from internal tools and enterprise applications to testing workflows, product infographics and data-driven interfaces.

Product UI Visual Design System UX Collaboration Enterprise Applications Azure Test Plans Product Infographics Data Visualisation

Client project

Problem

A growing maritime product ecosystem requires a consistent visual and interaction language across internal tools, operational dashboards and enterprise applications.

As new solutions are developed, interfaces need to remain clear, scalable and recognisable, while supporting complex maritime data, technical workflows and different types of operational users.

Goal

Create a coherent product design foundation that improves clarity, usability and visual consistency across the maritime digital applications.

The objective is not only to design individual screens, but to help define how the maritime tools should look, behave and communicate information.

Objectives

Define a consistent visual language for maritime applications
Design clear and scalable UI patterns
Support UX decisions through interface testing and iteration
Improve information hierarchy in complex maritime tools
Create product infographics and usage explanations
Collaborate with development and product teams using Azure Test Plans

Design Decisions

Visual language

Defining a recognisable aesthetic for maritime digital products, balancing technical precision, maritime context and enterprise credibility.

Visual Language

UI foundations

Creating reusable interface patterns for dashboards, tools, forms, modules and operational views.

UI Foundations

Information architecture

Structuring complex maritime and operational data into clear, navigable systems.

IA Structure

UX collaboration

Supporting user flows, interaction decisions and functional testing in collaboration with product and development teams.

UX Collaboration

Product communication

Designing infographics and visual explanations that help users understand how the maritime solutions work.

Infographics

Process

1.

Product understanding

Understanding the maritime products, users, technical context and operational needs.

2.

Information mapping

Organising maritime data, product flows and application structures.

3.

Visual direction

Defining the aesthetic direction for internal tools and enterprise-facing applications.

4.

UI system design

Creating scalable components, layouts and interface patterns.

5.

UX collaboration

Working with product and development teams to refine usability and interaction logic.

6.

Testing with Azure

Supporting functionality testing, reporting issues and validating expected behaviours.

7.

Communication assets

Creating infographics and visual explanations for product usage and internal communication.

AI-Assisted Workflow

Claude Content structuring

ChatGPT UX writing & docs

Visual AI tools Concept exploration

AI tools accelerate exploration and test variations

Design decisions remain based on product context

Final UI and layout decisions are always manual

Outcome

Current Contribution

Established a coherent visual direction for maritime product interfaces

Designed UI foundations for internal and enterprise applications

Improved clarity in complex maritime data environments

Supported UX and functionality testing through Azure Test Plans

Created visual assets and infographics to explain product usage

Helped align design, product and development workflows

Ready to build something meaningful?

Have a project in mind?

Get in Touch

Case Study

🦊

Explorer

Your Name Here Nivel 12 · QA Explorer

XP

850 / 1,250

75 XP

Azure DevOps
Test Plans

The Treasure of Quality

Join the expedition to master Azure DevOps Test Plans and build quality tests that protect digital kingdoms.

LevelBeginner

Duration90 – 120 min

FormatInteractive

Total XP+350 XP

Start Adventure → See Real Case

Your Progress

Level 2 — QA Explorer

420 / 1,250 XP

Your Mission:

The temple hides 5 knowledge rooms. Solve tests, make decisions and master Azure Test Plans to escape with the treasure: software quality.

Create and configure Test Plans
Design effective suites and test cases
Execute tests and analyse results
Master testing best practices

Foxtale

This temple was built to protect software from the bugs lurking in the shadows.

Only QA Explorers who demonstrate wisdom and judgement will make it out alive… and with quality.

Aprenderás a:

Create and manage Test Plans

Design suites and test cases

Execute tests and record results

Analyse metrics and coverage

Apply QA best practices

Learning Path

📖

Room IThe Temple Map

📜

Room IIThe Sacred Scrolls

🔮

Room IIIThe Chamber of Tests

⚗️

Room IVThe Lab of Chaos

📊

Room VThe Metrics Oracle

🏆

FinalThe Treasure of Quality

📚Interactive Book

Explore the temple chapters

Which path do you choose?

📖 Open Book

📁Real Project Case

See how we applied Test Plans in a real project

Project context and objectives

Impact metrics

Challenges and decisions made

Lessons learned

Complete rooms, earn XP and unlock achievements

🦊

QA ExplorerComplete 1 room

🗺️

MapCreate your first Test Plan

✍️

ScribeCreate 10 test cases

🐛

Bug HunterRun 20 tests

⭐

QA MasterComplete the temple

Ready for the Adventure?

Prove your worth and conquer quality.

Start Now →

Have a project in mind?

Let's design something memorable together.

Let's Talk

Case Study

Narrative
Experiences

Worldbuilding, Folklore Systems
and Emotional Storytelling

A long-form narrative universe built from historical research, European magical folklore, belief systems and the design of coherent fictional cosmologies.

✦ Narrative Design Worldbuilding Folklore Research Belief Systems Story Architecture Emotional Design Historical Fantasy

Visit Las Trece Campanadas

narrative-hero.jpg
700×460

The Earth

Animism, ancestry, cycles, instinct, reciprocity and the bond between human life and the living world.

The Sacred

Transcendence, myth, ritual order, spiritual meaning and the danger of institutionalised fear.

The Human

Reason, archive, pact, language, memory and the risk of emptying the world of meaning.

✦

None of these forces is good or evil.
Each is necessary. Each becomes dangerous when it tries to rule alone.

✦

The Core of the
Narrative System

This saga begins with a broken boundary.

When the balance between the Sacred, the Earth and the Human collapses, the Void enters: not as a monster, but as the loss of meaning, identity and human depth.

Built from European folklore, medieval belief and spiritual cosmology, this universe treats the supernatural as a coherent system of rules, consequences and forgotten pacts.

At its centre lies one question:

What allows a human being to remain human?

Foundation

Research Foundation

This universe emerges from more than fifteen years of study into European magical folklore, ecstatic journeys, witch-flight traditions and medieval belief systems.

Rather than decorating fantasy with historical references, it builds fiction from the internal logic of belief: how people understood the invisible, feared it and gave it meaning.

European magical folklore

Historical anthropology

Witch-flight and ecstatic journey traditions

Spirit doubles, souls and liminal beings

Medieval belief systems

The social function of myth and fear

Animism and popular religion

Narrative structures across belief systems

The Works

Completed Manuscript

Las Trece Campanadas

135,695 words

A Victorian historical fantasy novel set in Edinburgh, where impossible crimes, spiritualist practices and forgotten European folklore reveal a deeper structure beneath reality.

The novel combines historical investigation, emotional storytelling and long-form worldbuilding through a completed manuscript designed as the entry point into a wider narrative universe.

Visit Project Website

Work in Progress

La Plaga de las Tres Leyes

Medieval Prequel — In Development

A medieval prequel set in 1344, where the balance between the Sacred, the Earth and the Human begins to fracture through plague, persecution, sacrifice and the first visible collapse of the Fence.

This second work expands the philosophical and historical foundations of the saga, moving from Victorian spiritualism into medieval belief, institutional fear and the older layers of European magical thought.

Narrative Architecture

The project treats storytelling as system design: rules, emotional progression, symbolic consistency, character function, historical logic and long-term narrative continuity.

Cosmology

A coherent metaphysical structure beneath the fictional world.

Continuity

Characters, objects, names and symbols crossing different historical periods.

Emotional Design

Meaningful stakes built through fear, loss, wonder, sacrifice and recognition.

Research Integration

Historical and folkloric material transformed into narrative logic, not decoration.

Outcome

A Narrative IP with Literary,
Audiovisual and Interactive Potential

The result is a narrative IP with literary, audiovisual and interactive potential: a world designed for novels, cinematic storytelling, visual development and future narrative experiences.

Its strength lies in the combination of documented folklore, historical atmosphere, philosophical structure and emotional storytelling.

Read an Excerpt

Download a short excerpt from the narrative universe. The original manuscript is written in Spanish. This English version is provided only as an AI-assisted portfolio translation.

Download AI-Translated Excerpt

Translation Note

This excerpt was translated with AI. It communicates plot, tone and structure, but does not fully preserve the literary nuance, rhythm, voice and human texture of the original Spanish prose.

The original manuscript is not available for public download.

Have a project in mind?

Let's design something memorable together.

Let's Talk

Case Study · Personal IP

Case Study · Personal IP · System Design

Te Ao Hou

Designing a Cultural Narrative System for Aotearoa

A long-term worldbuilding and systems design project exploring how identity, ancestry and cultural knowledge can become meaningful gameplay systems.

Narrative Design Systems Design Worldbuilding Cultural Research RPG Design

Design Pillars

Pillar 01

Knowledge as Power

Understanding a culture provides practical advantages rather than narrative flavour alone. Learning becomes progression. Knowledge becomes authority.

Pillar 02

Two Worlds, One Character

Players exist simultaneously in the physical and spiritual world. Body, Spirit and Bond form the foundation of progression, consequences and identity.

Pillar 03

The Void Attacks Identity

The central threat does not attack health. It attacks names, memory, ancestry and relationships — the architecture of who you are.

System Snapshot

Building Systems From Theme

Rather than creating isolated mechanics, every layer of the project supports the same thematic goal: making culture, memory and identity playable.

Narrative Design

Worldbuilding, story architecture and thematic systems that give culture structural meaning.

Systems Design

Progression frameworks, consequences and player decision structures built from cultural logic.

Cultural Research

Māori traditions, European folklore and comparative cosmologies as design foundations.

Experience Design

Meaningful choices, emotional stakes and player-driven storytelling with cultural weight.

Why This Project Exists

Te Ao Hou is an ongoing RPG and worldbuilding project used as a design laboratory for narrative systems, cultural mechanics and interactive storytelling. It exists to explore how identity, ancestry and cultural knowledge can be translated into meaningful player experiences — not as decoration, but as core design logic.

Have a project in mind?

Let's design something memorable together.

Let's Talk

Designing digital products, systems and experiences people understand, trust and remember.

What I've been building

Maritime Product Systems

Learning Experiences

Narrative Experiences

Te Ao Hou

HAMR — The Fox Out of Body

Realtime storytelling & animation studies

Unreal Connector – Storytelling Study

Blender – Animation Study

Unreal – Animation Study

AI as Collaborator

Exploration

Production

Scale

Have a project in mind?