Role
Researcher
Designer
Timeline
April 2025
Tools
Figma
Framer
Introduction
Spanish
¿Quiénes son Kibina? Fue la misma pregunta que yo me hice cuando vi la página web de ellos.
Kibina es considerada una de las agencias de marketing más grande del país, habiendo trabajado con más de 10 empresas reputables en todo Costa Rica. Kibina ofrece servicios muy importantes donde impulsan a aquellas empresas, mediante sus estrategias de marketing digital, a crecer y expandir sus servicios a través de las redes sociales o medios digitales.
En este caso de estudio, veremos como podemos mejorar su sitio web para poder atraer aún más clientes y hacer la experiencia de solicitar sus servicios de marketing digital o sus cursos de marketing sea algo totalmente sencillo y placentero para el usuario.
English
Who is Kibina? Was the exact question I asked myself when I landed on Kibina’s website.
Kibina is considered one of the largest marketing agencies in the country, having worked with more than 10 reputable companies throughout Costa Rica. Kibina offers multiple services where they help companies grow and expand their services through social media and digital presence by implementing modern digital marketing strategies.
In this case study, we will explore how we can improve their website to attract even more clients and make the experience of requesting their digital marketing services or marketing courses into something seamless and genuinely enjoyable.
Problem
Spanish
Podemos ver la gran reputación que tiene Kibina dentro del area de Marketing Digital, ya ellos están muy bien posicionados y tienen una buena clientela. Al momento de entrar a la página web de ellos podemos ver varios puntos donde podemos mejorar el diseño, para poder hacer que el usuario contrate sus servicios de una manera más fácil, y que también puedan ver todo esa gran reputación que ellos tienen.
Navegación limitada
Al no tener un menú de navegación que le de la opción a los usuarios a explorar sobre Kibina, sus trabajos y especialmente como contactarlos, puede confundir al usuario y no saber que hacer ya dentro de la página web.
Falta de Llamado de Acción
Sin tener un “llamado de acción” claro, grande, que le diga al cliente que están disponibles al alcance de un botón, se les va a hacer complicado poder ponerse en contact con Kibina y adquirir sus servicios, haciendo que estos se frustren y no obtengan el valor que este da.
Falta de un portafolio
Que su portafolio no esté fácilmente accesible a los usuarios, para que estos tengan una idea general de cual es su tipo de trabajo, a quienes les han trabajado y como son sus resultados, le dan poca credibilidad al usuario, haciendo que estos no estén convencidos de sus servicios y no los adquieran.
English
We can see Kibina's great reputation within the Digital Marketing field, as they are very well positioned and have a solid client base. When entering their website, we can see several factors where we can improve the design to make it easier for users to hire their services, and also to showcase all of that great reputation they have.
Limited Navigation
Not having a clear navigation menu that gives users the option to explore about Kibina, their work, and especially how to contact them, can confuse users and leave them unsure of what to do once they're on the website.
Lack of Call to Action
Without having a clear, prominent “call to action” that tells clients they're available at the click of a button, it will be difficult for them to get in touch with Kibina and acquire their services, causing frustration and preventing them from obtaining the value they provide.
Lack of Portfolio
Having their portfolio not easily accessible to users, so they can get a general idea of their type of work, who they've worked with and what their results are like, can reduce user trust and credibility, making them unconvinced about their services and less likely to acquire them.
Goal
Spanish
Cada vez que veo algo, un negocio, un producto, algo tan simple como un platillo, siempre me pregunto a mi mismo: ¿Cómo puedo mejorar esto para otros? Una solución que simplifique el proceso de compra, integración para el usuario, siempre va a ser un beneficio a todas las partes involucradas.
Mi meta con Kibina es poder permitirles facilitar el proceso en cual el cliente pueda adquirir los servicios de Marketing Digital que ellos ofrecen, permitirles a ellos ponerse en contacto con Kibina y que su proceso sea más fácil que antes. Esto se logra permitiéndole al cliente tener una idea clara y concisa de sus servicios, al igual que adquirirlos en ese preciso momento, sin ningún tipo de fricción en el proceso.
English
Every time I see something - a business, a product, something as simple as a dish - I always ask myself: How can I improve this for others? A solution that simplifies the purchasing process and user integration will always benefit all parties involved.
My goal with Kibina is to help them ease the process through which clients can acquire their Digital Marketing services, allowing them to get in touch with Kibina more easily than before. This is achieved by giving the client a clear and simple idea of their services, as well as the ability to acquire them right then and there, without any friction in the process.
Process
Spanish
En el momento de empezar este proyecto, tenia que tener en mente la perspectiva de los clientes de Kibina. ¿Quiénes son los clientes? ¿Qué buscan de Kibina? ¿Cómo ellos pueden utilizar el marketing de Kibina? Eran varias de las preguntas que tenía en mente mientras diseñaba los bocetos del nuevo sitio. La idea principal de todo esto, es poder facilitar el proceso en el cual el cliente conoce sobre Kibina, aprende de sus servicios y estrategias, y ya después consulta sobre sus servicios. Ya esto lo convierte en un posible nuevo cliente que le genere más ingresos a Kibina, todo mediante el sitio web que les facilitó este proceso.
Una excelente frase que tengo es que "la IA no es nuestro reemplazo, es otra herramienta más a nuestra disposición". Aprender a utilizar la Inteligencia Artificial en nuestro trabajo, marcará la diferencia de nuestra productividad que tenemos hoy en día. Usando la IA, pude identificar las fallas que tenía mi primer boceto y cómo podría mejorarlo para realmente atraer más usuarios, lograr que permanezcan en el sitio web y convertirlos en nuevos clientes para Kibina.
Estos fueron los siguientes puntos de oportunidad de mi boceto:
Un CTA atractivo para consultar servicios
Una frase testimonial llamativa
Cómo Kibina se diferencia de otras agencias de marketing
Implementar estos cambios en el diseño final asegurará que mantenga la atención del usuario tanto como sea posible y les brinde la seguridad de que están en buenas manos.
English
When starting this project, I had to keep in mind the perspective of Kibina's clients. Who were their clients? What are they looking for from Kibina? How can they use Kibina's marketing? These were several questions I had in mind while designing the wireframes for the new site. The main idea behind all of this is to facilitate the process in which the client learns about Kibina, discovers their services and strategies, and then inquires about their services. This transforms them into a potential new client that can generate more revenue for Kibina, all through the website that made this process easier for them.
An amazing saying that I have is that “AI is not our replacement, is another tool in the shed”. Learning how to utilize AI in our workflows will make the difference in today’s ever-expanding technology. Using AI, I was able to pin-point the flaws that my first wireframe had and how I could improve it to actually attract more users and make them stay in the website and turn them into new clients for Kibina.
These were the following opportunity points for my wireframe:
An attractive CTA to inquire services
A catchy testimonial phrase
How Kibina separates from other marketing agencies
Implementing these tips into the final design will ensure that I retain the user’s attention as much as possible and give them the reassurance that they’re in good hands.
Designs
Spanish
Más esquinas redondas
Tipografía elegante y amigable
Un CTA llamativo en el header
Mejor jerarquía de información
English
More rounded corners
Elegant and user-friendly typography
A catchy CTA
Improved hierarchy of information
Final Thoughts
Spanish
Tener la oportunidad de poder presentar esta nueva página web a Kibina, es algo que me atrae bastante! Entonces me voy a poner en contacto con ellos para presentarles la idea de poder trabajar con ellos para poder ayudarles a implementar este nuevo sitio y ayudarles a expandir su visión en nuevos ámbitos. Crear este sitio me ayudó mucho con crear mini-interacciones que hacen la diferencia de una buena página a una página excelente! Me puso aprueba con mis habilidades de hablar varios lenguajes - lenguajes de ventas, el lenguaje que las empresas buscan al momento de expandir su negocio, me hizo pensar como empresario.
English
Having the opportunity to present this new website to Kibina is something that really excites me! So I will get in touch with them to present the idea of working together to help them implement this new site and help them expand their vision into new areas. Creating this site helped me a lot with creating micro-interactions that make the difference between a good website and an excellent one! It put my skills to the test in speaking multiple languages - sales languages, the language that companies use for when expanding their business, it made me think like an entrepreneur.