LOBODS es la agencia de redes sociales que Dmytro Lobod cofundó en 2016. lobod.rocks hizo todo lobods.com: la identidad y el logotipo, la web en ucraniano e inglés, el embudo que convierte una visita en un brief, el escaparate de 28 casos, las páginas para buscadores e IA, y Kill the Brief, un shooter que funciona en el navegador.
Unos visitantes están listos para hablar, otros quieren pruebas primero, otros llegan desde un buscador o una respuesta de IA, y otros no están listos en absoluto. Cada uno tiene su camino, y todos los caminos terminan en el mismo formulario corto.
Listos para hablar
«Hablar de un proyecto» en la cabecera, en la primera pantalla y en cada sección
Un servicio o un paqueteCada tarjeta de servicio y cada «Consultar el precio» ponen su nombre en el formulario
El formularioQué necesitas, nombre, contacto, unas palabras y cómo llegaste a LOBODS
Qué pasa despuésUna respuesta en un día laborable, un brief corto y un precio cerrado en 24 horas
Enviado de verdadSolo cuenta como enviado cuando el servicio de formularios lo confirma; si no, se abre la app de correo con el mensaje listo
Primero quieren pruebas
Casos enlazados desde la primera pantalla, cada tarjeta de servicio, los paquetes, las preguntas frecuentes y el formulario
28 casosFiltros por lo que se hizo y por sector
Un casoSe abre en un panel y se carga por separado; las flechas pasan al siguiente
El final«El próximo caso será el tuyo», con confeti y el formulario
Llegan desde un buscador o una IA
Una pregunta sobre un servicio, un sector o una marca
23 páginas11 servicios y 12 sectores, cada uno con sus datos, preguntas y casos
28 páginas de casosMigas de pan, casos relacionados y datos estructurados
llms.txtToda la web en texto para asistentes de IA
Aún no están listos
«¿El brief no está listo? Mátalo en nuestro juego», junto al formulario
JugarKill the Brief, en el navegador, sin instalar nada
PausaEl menú de pausa enlaza a los casos
De vuelta al briefHablar de un proyecto, encargar un juego promocional o ver los paquetes
Un formulario, una bandeja de entradaLa solicitud llega con el servicio o el paquete ya rellenado, unas palabras sobre el proyecto y cómo llegó la persona a LOBODS: Google, ChatGPT u otra IA, LinkedIn, Instagram o una recomendación.
Las preguntas frecuentes son un chat: preguntas en burbujas y respuestas que se van escribiendo ante tus ojos.
Junto al formulario hay un clip asistente: «Parece que intentas encargar SMM. ¿Necesitas ayuda?»
La primera pantalla lleva una píldora con caras de clientes: «28 casos: Carlsberg, Viber, Suzuki y muchas marcas más».
Los contactos terminan con un nivel extra: Snake en un 3310 de LOBODS.
La web
Ocho pantallas que venden
Una sola página larga en ucraniano e inglés, hecha para recorrerla hasta el final: cada pantalla cumple una función y señala el siguiente paso.
La primera pantalla
Un móvil en 3D con un feed de Instagram, notificaciones y un «Siguiendo ✓» que no se puede deshacer; un dinosaurio en 3D clicable y stickers que se pueden despegar.
Servicios
Un bento con SMM, branding, estrategia, webs y mecánicas, y AI inside; cada tarjeta lleva al formulario o a su caso.
Memes
Ocho principios en forma de memes, entre ellos dos botones, uno de los cuales huye del cursor.
Paquetes
Terms, Think, Build, Run: 11 tarjetas que se dan la vuelta, cada una con «Consultar el precio».
Clientes
Una reseña de Mark, de diez años, contadores, sectores y un muro de 117 logos, actuales y anteriores.
Preguntas y formulario
Un chat de preguntas frecuentes, el formulario con sus tres siguientes pasos y los contactos con un nivel extra.
www.lobods.com/en
Servicios
La portada en un móvil
www.lobods.com/en
Memes
www.lobods.com/en
Paquetes
Paquetes en un móvil
www.lobods.com/en
Clientes
www.lobods.com/en
Preguntas frecuentes
www.lobods.com/en
El formulario
El formulario en un móvil
28 casos
Casos que de verdad apetece recorrer
Un escaparate ligero que carga cada caso solo cuando alguien lo abre, así que 28 historias con vídeo siguen siendo rápidas en un móvil.
Filtros
Lo que se hizo y el sector; las tarjetas se reordenan con una animación suave y la dirección conserva el filtro.
Un montón de logos
Píldoras de cristal con física, que se cargan solo cuando el montón está cerca y se detienen en cuanto todo se asienta.
Un caso cada vez
Un caso se abre en un panel o en su propia página; el botón Atrás lo cierra y las flechas pasan al siguiente.
Multimedia
Stories, posts, carruseles y marcos de navegador; vídeos que solo se reproducen cuando están a la vista.
www.lobods.com/en/cases
El escaparate
www.lobods.com/en/cases/masterzoo
Un caso
Buscadores e IA
Una página para cada pregunta
Las personas y los asistentes de IA preguntan por un servicio, un sector o una marca. lobods.com tiene una página para cada uno, en los dos idiomas, generada a partir de una sola fuente de datos.
/services/
Servicios
11 páginas: SMM, influencers, branding, estrategia, webs, juegos promocionales, contenido con IA, visibilidad en IA, SMM internacional, la suscripción y marca blanca
/industries/
Sectores
12 páginas, de la banca y las bebidas al cuidado de mascotas y la moda; los clientes se incorporan por sector
/cases/…/
Páginas de casos
28 páginas con migas de pan, casos relacionados y datos estructurados, vídeo incluido
/about/
Quiénes somos
Fundada en 2016, los fundadores con su LinkedIn y cómo trabaja la agencia
/en/
Inglés
Cada página en ucraniano e inglés, enlazadas entre sí para los buscadores
/llms.txt
Para la IA
Una versión corta y otra completa de la web en texto; se permiten todos los rastreadores de IA
Datos estructurados
La agencia y sus fundadores
Servicios
Preguntas y respuestas
Migas de pan
Colecciones de casos
Casos y vídeos
www.lobods.com/en/services/smm
Una página de servicio
www.lobods.com/en/industries/pet-care
Una página de sector
Kill the Brief
Los dolores de agencia, convertidos en un juego
Un shooter de oficina en el navegador: destruyes malas ideas, conversiones bajas, reuniones inútiles, cambios «final_v27» y, al final, al propio Deadline. Da a la gente un motivo para venir, quedarse y compartir, y después la devuelve al brief.
3D en el navegador
Sin instalar nada, con controles para ordenador y pantalla táctil, y una pista de salto cuando hace falta.
Tres niveles, tres jefes
Open Space, Client’s Office y Deadline Server Room: el amigo que lo hace tres veces más barato, el cliente que quiere el logo más grande y el Deadline.
Misiones
Tres objetos en las salas laterales abren la puerta del jefe; un marcador lleva hasta el más cercano.
Cuatro modos de dificultad
Easy Brief (el cliente está de vacaciones), Deadline (un martes cualquiera), Pitch (15 agencias, un presupuesto) y Client from Hell (cambios a las 3 de la madrugada).
Dos idiomas
Ucraniano en /killthebrief/ e inglés en /killthebrief/en/.
Llamadas a la acción
Hablar de un proyecto, encargar un juego promocional, ver los paquetes, abrir los casos.
www.lobods.com/killthebrief/en
El menú
www.lobods.com/killthebrief
Partida
www.lobods.com/killthebrief
La intro
Arquitectura
Archivos listos, ligeros en el móvil
Páginas listas, sin nada que compilar en el servidor, así que la web es rápida y barata de mantener.
Solo lo necesario
Las partes pesadas solo se cargan cuando están cerca: los logos de clientes, la física y el confeti
Dos idiomas a la par
La web en inglés se genera a partir de la ucraniana, así que las versiones nunca se separan
Una sola fuente para las páginas
Los casos salen de un archivo, y los servicios y sectores, de otro; el sitemap, el archivo para asistentes de IA y los enlaces del pie se actualizan con ellos
Identidad y logotipo
Marcas que no se pueden dejar de seguir
Un fondo de noche, texto en crema, azul cielo para la acción y amarillo para la única palabra que importa, con memes, emojis 3D y un móvil en el centro de todo.
Redes sociales que no se pueden dejar de seguir: la agencia habla en los formatos que su público lee hasta el final.
Fondos y texto
NocheEl fondo de cada pantalla
PanelTarjetas y paneles
CremaTexto
Acentos
CieloAcciones y enlaces, el logotipo
Cielo profundoProfundidad para el azul
AmarilloUna palabra por titular, destacados
Tipografía
Aa БбUnboundedTitulares: anchos, gruesos, hechos para un feed
Aa БбManropeTexto
Aa БбJetBrains MonoEtiquetas, cifras y letra pequeña
Logotipo
LOBODS en un recuadro de contorno, azul cielo sobre noche
Amarillo
Una palabra por titular en amarillo, marcada en el propio texto
Emojis 3D
Emojis Fluent 3D y emojis Noto animados, con la atribución de sus licencias
Memes
Principios en el formato que la gente lee hasta el final: Drake, this is fine, stonks
Easter eggs
Un 404 con pantalla azul, Snake en un 3310, stickers para despegar, un contador de visitantes
Voz
Sencilla, divertida y concreta: «Corto. Nada de presentaciones de 80 diapositivas.»
www.lobods.com/en
Resultado
En línea en lobods.com
En ucraniano e inglés, con el juego en lobods.com/killthebrief.
28casos publicados, cada uno con su página
23páginas de servicios y sectores para buscadores e IA
117logos de clientes en el muro, actuales y anteriores
2idiomas desde una sola fuente
Cada servicio, paquete, caso y el juego llevan a un solo formulario corto.
Los buscadores y los asistentes de IA encuentran a la agencia por servicio, por sector y por caso.
La gente se queda: los memes, un juego y los easter eggs le dan un motivo para recorrer la página hasta el final.
Una sola identidad en la web, los casos y el juego.
