Marca, sistema y web para un operador de safaris en África Oriental
Refresh de marca, sistema visual y rediseño web para un operador de safaris a medida en África Oriental. Conservamos el concepto del logo, lo convertimos en un sistema y reordenamos el sitio para que cada visita pueda acabar en una consulta de viaje.
Cliente
Operador de safaris a medida en África Oriental
Encargo
Marca, sistema visual y web
Año
2025
Estado
Propuesta entregada
Rol
Dirección de marca, UX/UI y contenido
Disciplinas
Marca · Sistema visual · UX/UI · Contenido
01 · El encargo
Una marca que conservar y una web que reordenar
Around Africa Safaris organiza safaris privados y a medida en Uganda, Ruanda, Kenia, Tanzania y Burundi desde su base en Kampala. Tenía buenos argumentos: guías locales, flota propia y cinco estrellas en Tripadvisor, con 346 reseñas. Su web no los contaba. Era un WordPress con secciones sin actualizar desde hacía años, precios antiguos y ningún formulario a la vista para pedir viaje.
Para la nueva web había una landing de partida en Figma. Su lenguaje visual funcionaba; el contenido, no. Prometía reserva online y una política de reembolsos que la empresa no ofrecía, dejaba los viajes al 65 % de la página y escondía las razones para reservar en textos que solo aparecían al pasar el ratón.
El encargo tenía tres partes: refrescar la marca sin perder lo que la hacía reconocible, ordenarla en un sistema que sirviera de la web a una tarjeta de visita y rehacer la web para que una primera visita terminara en una consulta.
02 · El proceso
Cinco fases, de la auditoría a la interfaz
01
Auditoría
Inventario del sitio y de la landing: qué se queda, qué cambia y qué sobra.
02
Marca
El logo refrescado: el mismo concepto, mejor dibujado.
03
Sistema
Paleta, tipografía, recurso gráfico, voz y manual.
04
Arquitectura y contenido
Mapa del sitio y un documento por página con su función, su acción y su texto.
05
Interfaz
Home y Plan my trip, en escritorio y móvil.
La marca y la arquitectura avanzaron en paralelo. Cuando se diseñó la primera pantalla, la paleta, la tipografía y el texto ya estaban cerrados.
03 · La auditoría
Veinte páginas y once secciones, revisadas una a una
Antes de diseñar revisamos las 20 páginas del sitio y las 11 secciones de la landing. Cada sección recibió un veredicto y un cambio concreto. Los problemas se repetían: afirmaciones que nadie podía comprobar, información clave al final de la página, datos de contacto distintos según dónde se mirara y textos que en un móvil no llegaban a verse.
La web de partida, en escritorio y en un móvil.
Diez problemas de la web
01
Sin versión móvil
La página se fija a 1.050 px de ancho: en un móvil hay que desplazarse en horizontal y no se puede alejar.
02
Ningún camino claro para pedir viaje
Cinco llamadas distintas llevan al mismo formulario genérico, que no pregunta destino, fechas ni viajeros.
03
Viajes escondidos
Sin ficha propia: desplegables dentro de las páginas de destino, imposibles de enlazar o compartir.
04
Información caducada a la vista
Eventos, ofertas y precios de temporadas pasadas, y un folleto antiguo enlazado dos veces.
05
Un menú pensado desde la empresa
Diez entradas, una barra superior y 93 enlaces en la Home.
06
Promesas sin respaldo
«The #1 Tour Operator», reserva online y reembolsos que la empresa no ofrecía, algunos dentro de imágenes.
07
Pruebas enterradas
Las cinco estrellas de Tripadvisor y SafariBookings, en una esquina del slider; los testimonios, al final.
08
Una identidad sin sistema
Cuatro familias tipográficas, y verde oliva, marrón y negro sin jerarquía.
09
Accesibilidad
14 de las 24 imágenes de la Home sin texto alternativo, el mensaje principal en un H4 y carruseles que avanzan solos.
10
Páginas interminables
Unas 4.700 palabras en la página de Uganda, con el mismo aviso repetido en cada itinerario.
Extracto de la auditoría de la landing
Sección
Qué había
Veredicto
Cambio
Cabecera
Menú de nueve entradas, icono de cuenta, buscador y selector de idioma
Cambia
Cinco secciones y un botón fijo «Plan my trip»
Héroe
Vídeo con promesas de reserva online y de reembolso
Cambia
Se queda el vídeo; un titular de posicionamiento sustituye a las promesas
Valoraciones
Tripadvisor y SafariBookings, bajo el titular «The #1 Tour Operator»
Sube
Pasan justo debajo del héroe; el «#1» se retira
Slider informativo
Cuatro párrafos de afirmaciones sin prueba
Se elimina
Su función pasa a «Why travel with us» y «How it works»
Por qué elegirnos
Mosaico de once fotos con el texto solo en hover
Cambia
Seis tarjetas con el texto siempre visible
Viajes
Cinco tarjetas con solo un título, al 65 % de la página
Sube
Tercera sección, con pestañas por país y los datos de cada viaje
Vídeos destacados
Un reproductor con cinco miniaturas
Se fusiona
El vídeo pasa al héroe y a cada página de experiencia
Membresías
Nueve logos de asociaciones
Se mantiene
Sección propia, con el nombre de cada asociación
Pie
Un correo y un teléfono distintos de los del sitio
Cambia
Un solo juego de datos de contacto
04 · La marca
El mismo concepto, mejor dibujado
El logo ya tenía una idea fuerte: un rinoceronte dentro del continente africano. El cliente quería conservarla, así que el trabajo fue de dibujo, no de concepto. El original sumaba un mapa marrón, dos rinocerontes superpuestos, un logotipo verde oliva y un lema, «Where excellence is a habit», que añadía una cuarta línea de texto y desaparecía a tamaño pequeño.
La propuesta reconstruye el continente con cortes rectos y facetados. Un solo corte en el terreno dibuja la cabeza y el cuerno del rinoceronte, así que una forma sustituye al mapa con dos animales encima. El logotipo gana peso, «SAFARIS» se abre con un espaciado amplio y el lema desaparece.
Antes
Mapa marrón, dos rinocerontes, logotipo oliva y lema.
Propuesta
Una silueta facetada, un logotipo con peso y sin lema.
Horizontal, la principalCabecera web, documentos y señalética.
ApiladaFormatos cuadrados, redes y vehículos.
SímboloFavicon, avatar y espacios pequeños.
LogotipoSolo cuando el símbolo ya aparece cerca.
Tamaños mínimos: 140 px de ancho para la versión horizontal, 64 px para la apilada y 24 px para el símbolo. Por debajo, el favicon de 16 px usa solo el símbolo.
05 · El sistema
Color, tipografía, recurso gráfico y voz
El logo era el punto de partida. A su alrededor se definió un sistema para que cualquier pieza, de la web a una tarjeta de visita, se reconozca como de la misma marca. Todo queda en un manual de cinco capítulos: marca, logo, color, tipografía y aplicaciones.
Color
La paleta sale de los lugares que vende la empresa: los verdes del monte y del bosque, el gris del rinoceronte, la hierba seca a última hora de la tarde y la puesta de sol sobre la sabana. Cada combinación de texto y fondo que permite el manual cumple WCAG AA.
Primarios
Acacia Green#1E6B43Botones, enlaces y logo sobre fondo claro.
Rhino Grey#383838Fondo del logo, navegación y secciones oscuras.
Secundarios
Savanna Gold#D9A441Etiquetas y detalles sobre fondo oscuro.
Sunset Orange#D9622BAcentos puntuales.
Bwindi Green#123A28Secciones profundas, héroe y pie.
Neutros
Ink#1E1F1CTexto.
Stone#65615ATexto secundario.
Sand#EAE2D0Tarjetas y secciones alternas.
Ivory#F8F5EEFondo de página.
Tipografía
Exo 2 lleva a los titulares la energía angular del logo; Roboto mantiene legibles los itinerarios largos. Las dos son de Google Fonts, sin coste de licencia para el cliente.
Aa
Exo 2Titulares · 600, 700, 800
Aa
RobotoTexto · 400, 500, 700
Uganda & Rwanda · 14 days
Best of Uganda & Rwanda
Chimpanzees in Kibale, boat safaris on the Kazinga Channel and a morning with the mountain gorillas of Volcanoes National Park.
Recurso gráfico
El corte que dibuja el rinoceronte se convierte en el recurso del sistema: una esquina recortada en tarjetas, fotos, insignias y botones de paso, viñetas triangulares y el símbolo en tono sobre tono en los bloques oscuros o cuando falta una foto.
El corte del símbolo: una línea en el terreno dibuja la cabeza y el cuerno.
Esquinas recortadas y viñetas triangulares en las tarjetas de viaje.
El símbolo en tono sobre tono, aquí en el bloque de contacto de Plan my trip.
Voz
Tres rasgos guían cómo se ve y cómo suena la marca, en la web y en cada mensaje a un viajero.
Experta
Concreta, práctica y tranquila. Conoce los parques, los permisos y las carreteras.
Suena así
“Gorilla permits are limited, so we secure yours first.”
No así
“An amazing unforgettable adventure awaits!!!”
Cercana
Personal y acogedora. Cada viaje empieza con una conversación.
Suena así
“Tell us how you like to travel and we’ll shape the trip around it.”
No así
“Please submit the inquiry form.”
Auténtica
Lugares reales, gente real y descripciones honestas de cómo es un día.
Suena así
“Long drives on red-earth roads, and evenings you won’t forget.”
No así
“A luxury paradise experience.”
Manual
Cinco capítulos: marca, logo, color, tipografía y aplicaciones. Cada versión del logo, cada color y cada estilo de texto llevan su uso y sus límites.
Portada.
Las seis versiones de color del logo.
Aplicaciones: tarjetas de viaje, tarjeta de visita y avatares.
06 · Arquitectura y contenido
Cinco secciones y una sola acción
El menú del sitio tenía diez entradas; el nuevo tiene cinco: Destinations, Trips, Experiences, About y Travel guide. A su lado, siempre visible, un solo botón: «Plan my trip». Cada página tiene una única acción principal, y siempre es esa o una variante, como «Request this trip» o «Plan a gorilla trip».
Destinations
Uganda
Rwanda
Kenya
Tanzania
Burundi
Sustituye a:Destinations (6 páginas)
Trips
All trips, con filtros
23 fichas de viaje
Beach extensions
Sustituye a: los viajes escondidos en las páginas de destino, Beach Holidays y Specials
Experiences
Gorilla trekking
Chimpanzees & primates
Big game safaris
Birding
The Nile & adventure
Mountains & hiking
Rhinos at Ziwa
Culture & community
Sustituye a:Attractions, Photo Gallery y Safari Videos
About
Our story & team
How we travel
Responsible travel
Lodges we use
Reviews
Sustituye a:About, Our Team, Vehicles, Flights, Testimonials y Lodges
Travel guide
Planning & booking
Gorilla permits
Visas & health
When to go
Packing lists
Money & tipping
Sustituye a:FAQs, Blog y Brochures
Acción principal
Plan my trip
Formulario en 4 pasos
Thank you & next steps
Contact details
Sustituye a:Contact y todos los enlaces «Book your safari or tour»
El contenido se escribió antes que el diseño: un documento por página con su función, su acción principal y el texto de cada sección. La regla fue no inventar nada. Los 27 itinerarios del sitio quedaron en 23 al fusionar duplicados, y sus nombres no llevan días ni estilo: esos datos van en la tarjeta. Los precios publicados estaban desfasados, así que cada viaje muestra «Tailor-made · Quote on request» y guarda un hueco para el precio. Lo que el material del cliente no resolvía quedó en un registro de 14 decisiones para validar con él.
Tres decisiones del registro
Precios
«Tailor-made · Quote on request» en todos los viajes, con un hueco para el precio.
Reserva online y reembolsos
Fuera de la web hasta que existan.
Contacto
Un correo, un teléfono y WhatsApp: los del sitio oficial.
07 · La Home
La Home, de la primera visita a la consulta
La Home tiene un solo trabajo: que una primera visita acabe en una consulta. Las secciones siguen el orden de las dudas del viajero: quién le guía, qué puede ver, qué viajes hay, por qué con esta empresa y cómo se empieza.
La Home completa, de la cabecera al pie.
Nueve secciones, en el orden de las dudas
01
Héroe. El posicionamiento en una línea, con la franja de prueba debajo.
02
Experiencias. Empezar por lo que se quiere ver, no por un país.
03
Viajes. Rutas reales por país, abiertas a cambios.
04
Por qué viajar con ellos. Seis razones que la empresa puede demostrar.
05
Cómo funciona. Cuatro pasos, de la idea al primer safari.
06
Destinos. Cinco países y un mismo equipo sobre el terreno.
07
Alojamientos. Lodges elegidos por su entorno y su gente.
08
Membresías. Nueve asociaciones de turismo y conservación, con su nombre.
09
Reseñas. Tres citas cortas, visibles a la vez.
Arriba, la cabecera con las cinco secciones y «Plan my trip» siempre a la vista. Abajo, el pie con todo lo práctico en un solo sitio.
La prueba, en la primera pantalla
Las valoraciones de Tripadvisor y SafariBookings, la cobertura de evacuación médica y la respuesta en 24 horas pasan bajo el titular. El «#1 Tour Operator» se retira: nadie podía demostrarlo.
Los viajes, en tercera posición
Pestañas por país y tarjetas con foto, estilo, días, países, puntos fuertes y «Quote on request». En la landing de partida estaban al 65 % de la página y solo tenían título.
Razones que se leen sin tocar nada
De once fotos con el texto en hover a seis tarjetas con el texto visible. Salieron las razones que no se podían demostrar.
Membresías con nombre
Nueve asociaciones de turismo y conservación, cada una con su logo y su nombre. Una prueba discreta, justo antes de las reseñas.
08 · Plan my trip
Un formulario que no parece una reserva
Toda la web lleva a una consulta, y el sitio no tenía un formulario a la vista. Plan my trip pide lo que un Safari Expert necesita para enviar una primera propuesta útil, sin que el viajero sienta que está reservando.
1
Your trip
Países, intereses en chips y, si quiere, un viaje del catálogo como punto de partida.
2
When & who
Fechas exactas, un mes o flexibles; duración; adultos y niños con sus edades.
3
Style
Midrange, Luxury o «Help me choose»; presupuesto por tramos, opcional; vuelos internos, sí o no.
4
Your details
Nombre, correo y país; teléfono o WhatsApp y comentarios, opcionales; consentimiento de privacidad.
Final
Thank you
Qué pasa ahora: un Safari Expert lo lee, en 24 horas llega una primera ruta con presupuesto y se ajusta junto al viajero.
El presupuesto se pregunta por tramos y es opcional: da contexto sin incomodar.
Al indicar la edad de los niños aparece un aviso: el trekking de gorilas es a partir de 15 años.
WhatsApp, teléfono y correo están a la vista desde el principio, para quien prefiera hablar.
Si se llega desde un viaje, el formulario se abre con ese viaje como punto de partida.
Paso 1, Your trip, abierto desde la ficha de un viaje.
Paso 3, Style.
Thank you.
09 · En el móvil
Decisiones propias para el móvil
La versión móvil no es la de escritorio comprimida. Tiene sus propias decisiones:
La cabecera se queda en logo, llamada directa y menú. La navegación pasa a un menú a pantalla completa que termina en «Plan my trip».
Un botón flotante de WhatsApp acompaña toda la página.
Las pestañas, los viajes, las razones y las reseñas se deslizan en horizontal, con la siguiente tarjeta asomando.
«How it works» se convierte en una línea de tiempo vertical.
Los campos del formulario van a ancho completo y a 16 px, para que iOS no haga zoom al escribir.
Teléfono, correo y WhatsApp son enlaces directos, y todas las zonas táctiles miden al menos 44 px.
Menú.
Viajes.
How it works.
Plan my trip.
10 · La entrega
Lo que se entregó
Se entregó la propuesta completa: el refresh del logo con su manual, el mapa del sitio, el contenido de las seis páginas principales y el diseño de la Home y de Plan my trip en escritorio y móvil. El proyecto no llegó a implementarse y el logo se quedó en propuesta. Cada decisión del diseño responde a un problema concreto de la auditoría.
10 → pasa a 5Entradas de menú
11 → pasa a 6Razones para reservar
27 → pasa a 23Itinerarios
65 % → pasa a 3.ªPosición de los viajes en la Home
Senior Designer | Branding · Motion · UX · Producción con IA
