We use cookies

We use first-party and third-party cookies to analyse traffic and improve your experience. You can accept or decline them. Privacy policy.

Skip to content
CaseWeb design UX/UI
Projects

Estepona Travel

We designed and developed Estepona Travel: a digital product bringing together events, beaches, food, routes, maps and experiences to help people decide what to do in Estepona.

Client
Estepona Travel
Year
2026
Sector
Tourism, local destination and digital product
Location
Estepona, Málaga
Visit the website (opens in a new tab)
Estepona Travel — Tourism, local destination and digital product
Product directionStrategyIdentity and art directionInformation architectureUX/UIEditorial contentEvents systemInteractive mapDevelopmentMultilingualTechnical SEOAutomationContinuous evolution
00Summary
Estepona Travel is an independent digital tourism platform built around one very specific question: what is happening today, where to go and how to experience Estepona. It began as a product of our own, with its own logic: a living agenda, a layered map, food, beaches, routes, experiences, local history and decision-making tools, in Spanish, English and German. At SIMA we conceived it, designed it, built it and keep it growing: product direction, brand, information architecture, interface, content, development and visibility are all part of the same work.
↗Browse the site

Explore it, at your own pace.

Every page as its users experience it: switch tabs, scroll and flip to mobile to see how the design responds.

You are on the live site · estepona.travel/
01Chapter

Context and challenge

Estepona has information to spare; the challenge was to order it and turn it into a useful decision. It was spread across posters, social media, generic portals, listings awaiting updates, scattered event calendars and repeated recommendations, and it needed to answer what someone actually wants to know once they are there, with two days ahead of them and keen to get it right.

a.A visitor who decides on the spot

Most travel decisions are made that same morning. That was the starting point: someone opening their phone wanting to know what is on today, which beach suits them, where to eat well nearby and what is worth doing with a single afternoon.

b.A destination with more layers than the brochures show

Estepona reaches far beyond its beaches. There are more than seventy murals spread across the town, an old quarter that works as a route in itself, seven watchtowers, gardens, markets, the sea and a cultural life that changes every week. All of that richness was already there, ready to be ordered and connected.

c.Real constraints

The product had to stand on its own: content that stays current with a small team, reliable information in three languages, mobile performance over patchy connections, and a structure able to grow season after season on the same foundation.

estepona.travel/en/mapLive ↗

244 points10 categoriesMurals · beaches · routes · where to eat

Estepona Travel — image 1 of the project
02Chapter

Strategic approach

We went one step beyond the guide: we designed a decision system.

The difference is fundamental. A guide accumulates content and sorts it by topic. A decision system starts from what a person wants to resolve and organises everything else around it. That is why the user experience was structured around real intents: discover, know what is on, decide and plan.

a.Discover

The entry point is visual and editorial. Large photography, clear typographic hierarchy and blocks that show the destination as it is lived. Anyone arriving with everything still to discover gets, first of all, an image of the place.

b.Know what is on

The agenda is the heart of the product. It sits on the first screen, filtered by today, tomorrow and this weekend, because that is the most repeated question and it deserves a clear answer at a glance.

c.Decide

Food, beaches, murals, routes and experiences are presented with judgement and just the right context to choose at a glance. The map works as a transversal layer: the same content approached differently, this time by proximity.

d.Plan

The planner organises a visit around the time actually available — a morning, a day, a weekend, a week — and also for those who already know Estepona and are after something else. It is the most direct translation of the underlying idea: turning information into a decision.

e.Three languages, designed from the first sketch

Spanish, English and German were part of the architecture from the start: content structure, routes, metadata and the agenda were built to live in three languages from day one.

Estepona Travel — image 2 of the project
03Chapter

Brand identity

We designed the Estepona Travel logo as a mosaic. The eight letters of “estepona” are born as counters, cut out of twenty-two coloured tiles that bring in the sea, the gardens, the sun and the local cuisine; the “o” is, quite literally, a sun. Below, “TRAVEL” is spaced out calmly on the same axis.

The logo palette is also the product’s colour code: coral for events, ochre for food, blue and turquoise for the sea and beaches, greens for gardens, nature and routes. Brand and interface speak the same language from the very first tile.

Identity

Eight letters, one city mosaic.

We designed the logo as a mosaic: each letter appears as a counterform, cut out of tiles that bring in the sea, the gardens, the sun and the local cuisine. Below, TRAVEL is spaced out calmly, at the pace of a stroll.

estepona-travel_logo.svg
Hover over the mosaic · tap a tile to repaint it

01 / 05

Letters made of place

Twenty-two tiles in six colours make up the eight letters. Hover to isolate each piece, tap to change its colour or shuffle the whole palette: the system welcomes any combination and the word still reads.

Letters
8
Tiles
22
Mosaic colours
6
Mosaic height
5.3x
Ratio
4.5 : 1

Colour guide

Colour works as a code. Every tile in the logo is also a product category: the same coral marks what’s on, in the mosaic and on the website.

Botanical green· Product brand and backgrounds

HEX

#0D291A

RGB

13 · 41 · 26

CMYK

68 · 0 · 37 · 84

Contrast

15.6 : 1 / white

Usage ratio

Botanical green30%

Slate on white · 11.5 : 1 · AAA

The brand in use

Things to do in Estepona | Estepona Travel
App icon and favicon
Events
Food
Beach
Route
Map by category
Tote bag
Character

From the first stroke to the town’s finest guide.

For the VIVE Estepona app we created a travel companion: a girl dressed as an aldeana, the town’s traditional costume, with a mane of geraniums, the flower that fills the old town’s pots with colour. She waves, points, suggests plans and celebrates every discovery with you.

Animation sheetSc. 01 · Char. 01
01 · ConceptFrame 0001
  1. 01Concept

    An aldeana with flowers in her hair

    Two symbols of the town in one character: the aldeana costume, with its apron and embroidered skirt, and the geraniums in the flowerpots. Her hair becomes a bouquet.

Model sheet

16 poses, one character

Illustration of the VIVE Estepona girl: Neutral
P01Neutral
Illustration of the VIVE Estepona girl: Hello
P02Hello
Illustration of the VIVE Estepona girl: Come with me
P03Come with me
Illustration of the VIVE Estepona girl: Pointing
P04Pointing
Illustration of the VIVE Estepona girl: Thinking
P05Thinking
Illustration of the VIVE Estepona girl: Surprised
P06Surprised
Illustration of the VIVE Estepona girl: Celebrating
P07Celebrating
Illustration of the VIVE Estepona girl: With map
P08With map
Illustration of the VIVE Estepona girl: With phone
P09With phone
Illustration of the VIVE Estepona girl: Bright idea
P10Bright idea
Illustration of the VIVE Estepona girl: Food
P11Food
Illustration of the VIVE Estepona girl: With children
P12With children
Illustration of the VIVE Estepona girl: With lantern
P13With lantern
Illustration of the VIVE Estepona girl: Night
P14Night
Illustration of the VIVE Estepona girl: Beach
P15Beach
Illustration of the VIVE Estepona girl: History
P16History

A day in VIVE Estepona, shot by shot.

Each pose answers a moment in the app. Every scene’s background takes its category colour from the brand, so the character and the product speak the same code.

  1. Sc. 01Welcome
    Illustration of the VIVE Estepona girl: Hello

    Hello! I’m your guide to Estepona.

    Waves to camera as the app opens.

  2. Sc. 02Routes
    Illustration of the VIVE Estepona girl: With map

    Look what’s close by.

    Unfolds the map and points nearby.

  3. Sc. 03Experiences
    Illustration of the VIVE Estepona girl: Bright idea

    I’ve got a plan for today!

    The idea lights up.

  4. Sc. 04Food
    Illustration of the VIVE Estepona girl: Food

    Shall we try the local cooking?

    Presents the local cuisine.

  5. Sc. 05Beaches
    Illustration of the VIVE Estepona girl: Beach

    Beach day today.

    Heads out with towel and basket.

  6. Sc. 06History
    Illustration of the VIVE Estepona girl: History

    Every street has a story.

    Opens the town’s book.

  7. Sc. 07What’s on
    Illustration of the VIVE Estepona girl: Night

    And at night, more plans.

    Lights up the evening agenda.

  8. Sc. 08Finale
    Illustration of the VIVE Estepona girl: Celebrating

    Plan complete!

    Celebrates every discovery with you.

Illustration

Estepona, illustrated piece by piece.

Every piece of the Estepona Travel identity is drawn to measure: its monuments, its sea, its sun and the flowers of its streets. A kit made to be combined into new scenes with the same line, so every screen feels like Estepona at first glance.

Estepona · Costa del Sol28 pieces

Landmarks

03
  • Clock Tower

    ET-01Clock Tower

  • Bell tower

    ET-02Bell tower

  • Orchid House

    ET-03Orchid House

Landscape

07
  • Sun

    ET-04Sun

  • Cloud I

    ET-05Cloud I

  • Cloud II

    ET-06Cloud II

  • Sea

    ET-07Sea

  • Bird I

    ET-08Bird I

  • Bird II

    ET-09Bird II

  • Bird III

    ET-10Bird III

Flora

18
  • Flower 01

    ET-11Flower 01

  • Flower 02

    ET-12Flower 02

  • Flower 03

    ET-13Flower 03 ↻

  • Flower 04

    ET-14Flower 04 ↻

  • Flower 05

    ET-15Flower 05 ↻

  • Flower 06

    ET-16Flower 06 ↻

  • Flower 07

    ET-17Flower 07

  • Flower 08

    ET-18Flower 08 ↻

  • Flower 09

    ET-19Flower 09

  • Flower 10

    ET-20Flower 10

  • Flower 11

    ET-21Flower 11 ↻

  • Flower 12

    ET-22Flower 12

  • Flower 13

    ET-23Flower 13

  • Flower 14

    ET-24Flower 14

  • Flower 15

    ET-25Flower 15 ↻

  • Flower 16

    ET-26Flower 16 ↻

  • Leaf

    ET-27Leaf

  • Leaves

    ET-28Leaves

Estepona Travel — image 3 of the project
04Scope

What we made.

01

Product and strategy

  • product concept and direction
  • content model definition and usage intents
  • functional prioritisation and evolution roadmap
  • editorial and content quality criteria

02

Brand and art direction

  • product visual identity and graphic system
  • functional colour palette applied to categories and content
  • photographic art direction and image selection criteria
  • editorial tone and product voice

03

Information architecture and UX

  • section structure organised by usage intent
  • navigation, taxonomies and filtering system
  • design of the planner based on available time
  • layered interactive map as an alternative route into the content

04

Interface and responsive design

  • interface system, components and content hierarchies
  • asymmetric editorial compositions with photography in the lead
  • mobile design as the primary usage scenario
  • states, listings, cards and detail pages

05

Content and agenda

  • writing and editing of destination content in three languages
  • events system with events, sessions and dates
  • normalisation, deduplication and publication control
  • criteria for approving each event's image

06

Development and growth

  • full development and implementation of the product
  • automation of ingestion and maintenance processes
  • technical SEO, structured data and internationalisation
  • continuous evolution based on real usage
Estepona Travel — image 4 of the project
05Chapter

Visual development

The visual direction draws on travel magazines. Estepona Travel was built as a contemporary editorial piece: generous imagery, clear hierarchy and the eye of someone who tells the story of a place and invites you to explore it.

Photography is the identity. It leads everything else and takes the space it needs: full-width openings, large images with air around them and asymmetric compositions that break the predictable grid. Text accompanies the image and organises it.

Colour is functional. Botanical green carries the brand and connects with the character of the place — Estepona is known for its gardens and its streets full of flowers — while the rest of the palette works as a code: blue and aquamarine for the sea and beaches, green for nature and routes, ochre and coral for events, food and warmer content. The contrast between light backgrounds and deep green masses sets the reading rhythm and separates unhurried discovery from immediate, useful information.

06Chapter

The agenda as a living system

The agenda is the part of the product with a daily heartbeat, which is why it was designed as a complete system.

Each event is an entity in its own right: dates, sessions, location, category, approved image and a detail page with structured data. On top of that foundation run the filters people actually use — today, tomorrow, this weekend — plus month-by-month navigation for those planning ahead.

Behind it sits quiet work that holds the promise together: ingestion and normalisation of information, deduplication of events that arrive more than once from different sources, control over what gets published and when, and editorial review deciding what deserves to be there. Every accurate date and every unique event adds to trust, and that trust is what brings people back.

07Chapter

Technical architecture

The product was built from the ground up, following the same logic it was designed with: structure first, surface second.

Estepona Travel runs on an architecture made for living content, three languages and continuous growth. Every technical decision answers a need of the product and its user experience: mobile performance, well-modelled content, clean routes per language, and a structured data layer so the destination can also be understood beyond the website itself.

a.Technical foundation

  • 01Next.js — product architecture, per-language routing and rendering oriented towards performance and visibility on a content-heavy, constantly updated site
  • 02TypeScript — a typed content model for events, sessions, places and categories; solidity and reliability in a system that keeps growing
  • 03Relational database — MySQL/MariaDB as the base for destination content and the agenda: events, dates, locations, categories and the relations between them
  • 04Events system — ingestion, normalisation, deduplication and controlled publication to keep the information reliable day after day
  • 05Internationalisation — Spanish, English and German built into the content structure, the routes and the metadata
  • 06Technical SEO and structured data — markup for events, places and content so the destination is legible to people, search engines and assistants
  • 07Bespoke admin dashboard — traffic, businesses, events, requests and the film archive in one place, with quick search to move across the whole product
  • 08AI guide — an agent that helps visitors on WhatsApp with the destination’s events, places and businesses in real time
Inside

A dashboard shaped around the business.

Estepona’s tourist guide shows on the website, but it is run from here: a bespoke dashboard with a self-updating events listing, a commercial directory, a film archive and an AI guide that helps visitors on WhatsApp.

estepona.travel/admin
Estepona Travel dashboard with website traffic, published businesses and events, and pending tasks

01 / 06

The whole business at a glance

Website traffic, published businesses and events, and what needs attention today, gathered on one screen so the team can decide fast.

  • Next.js
  • Node.js
  • Own database
08Chapter

System, replicability and depth

Estepona Travel is a product model for understanding a destination.

The structure — usage intents, a living agenda, a layered map, a planner based on available time, multilingual content and structured data — is replicable. The content changes; the logic endures. That turns the project into more than a single case: it is a system capable of supporting other places with the same depth.

Coherence holds because every layer was designed together. The same editorial decision that organises a restaurant entry organises the agenda, the map and the planner. The brand lives beyond the logo: in how things are named, in what is shown first and in what we choose to tell.

09Chapter

Visibility and growth

Growth was worked into the design from the very first sketch. Content structure, URL architecture, event and place markup, mobile performance and coherence across the three languages are product decisions that are also visibility decisions.

The path has been gradual and remains open: from the first organic visits to hundreds of daily clicks on its best days, with behaviour closely tied to the seasonality of the destination and to what happens in town each week. It is a trajectory in progress, with plenty of road ahead.

10Result

Result and transformation

The result is a digital product that answers specific questions and helps people decide.

  1. 01a visual, editorial entry point that shows the destination as it is lived
  2. 02a living agenda with today, tomorrow and weekend filters, and a dedicated page for every event
  3. 03a layered map that allows discovery by proximity as well as by category
  4. 04food, beach, route, mural, history and experience content with editorial judgement
  5. 05a planner that organises the visit around the time actually available
  6. 06a multilingual structure in Spanish, English and German
  7. 07a technical base with modelled content, structured data and maintenance automation
  8. 08a system ready to keep growing season after season
11Chapter

The website

Estepona.travel is the whole product on a single surface. The homepage opens with what is happening today and descends through the destination the way you would walk it: what to eat, which routes to take, where everything is, what is on this month and how much time you have to live it.

Each block answers a different intent and they all share the same language: large photography, clear hierarchy, colour with a function and text that says just enough. Reading flows naturally between unhurried discovery and immediate information.

It is a product built for mobile and for the real moment of use: someone standing in the street, with little time and a simple question that deserves a good answer.

  • 01Home

  • 02What’s on

  • 03Map

Palette

Tap a colour to copy its code

What we learned…

A destination communicates better when it helps people decide better.

Estepona Travel shows that a digital product can start from an idea of our own and hold up with judgement: conceived, designed, built and maintained in the same place. The visible part — the photography, the typography, the editorial rhythm — shines because there is a structure underneath holding it up: modelled content, an agenda kept alive and technical decisions made in service of the experience. There is far more here than a website.

Next case2026

Web design UX/UI · Branding · 3D Visualisation

Grupo La Palma