Branding y diseño UI/UX para pequeñas empresas

El branding y el diseño UI/UX deciden si un desconocido confía en ti, y lo hacen antes de que nadie haya leído una sola palabra. Imagina dos fontaneros en Leeds. Uno tiene un logotipo cuidado, una furgoneta a juego con la web y un botón de reserva justo donde lo esperarías. El otro trabaja mejor, pero tiene un logotipo de clip-art y un formulario de contacto enterrado a tres clics. Adivina a quién llaman. Lo vemos cada mes en la analítica de nuestros clientes: mismo servicio, mismo precio y tasas de consultas muy distintas.

Qué abarcan el branding y el diseño UI/UX en una pequeña empresa

El branding es la parte que la gente recuerda: el logotipo, los colores, las tipografías, tu forma de comunicar. El diseño UI/UX es la parte que usan: dónde está cada cosa en tu web o tu app, qué tocan primero y cuántos pasos hacen falta para reservar, comprar o llamarte.

La mayoría de las pequeñas empresas pagan por una y se saltan la otra. Así es como acabas con webs preciosas en las que nadie se aclara, o con webs fáciles de usar que parecen una plantilla más de tantas.

Hacemos las dos cosas bajo el mismo techo, así que el logotipo de tus facturas, los colores de tu Instagram y los botones de tu checkout salen de las mismas decisiones.

Un branding que hace que una pequeña empresa parezca consolidada

Un buen branding no consiste en tener un logotipo ingenioso. Consiste en ser coherente en todos los lugares donde un cliente te encuentra. Un pack de marca típico nuestro incluye:

• Un logotipo en todos los formatos que te pedirán la imprenta, el rotulista y el desarrollador web
• Una paleta de colores y dos tipografías, con normas sobre cuándo usar cada una
• Diseños de tarjeta de visita, papel con membrete y factura
• Plantillas para redes sociales en Canva que puedes modificar tú mismo
• Un manual de marca en PDF de unas 8 a 12 páginas. No un manual de 60 páginas que se queda sin abrir en un cajón

Diseño UI/UX que consigue más reservas y llamadas

En la parte de la web, empezamos por la única acción que te da de comer. En una clínica, es una reserva. En un negocio de oficios, una llamada. En una tienda, una compra finalizada.

Cada página se organiza para que esa acción quede a un toque de distancia en el móvil, porque ahí es donde está la mayoría de tus visitantes.

También diseñamos para quienes tienen dificultades con las pantallas: textos lo bastante grandes para leerse, buen contraste y formularios que se pueden rellenar solo con el teclado. Trabajamos siguiendo las pautas de accesibilidad del W3C (WCAG). Un efecto secundario útil: también suelen ayudar a tu posicionamiento en Google.

Pruebas un prototipo antes de construir nada

Antes de que un desarrollador escriba una sola línea de código, recibes en tu móvil un prototipo navegable en Figma. Recórrelo, enséñaselo a dos o tres clientes habituales y cuéntanos qué les ha confundido. Cambiar un diseño en esta fase cuesta una hora. Cambiar una web terminada cuesta días.

Los errores de diseño que más corregimos

La mayoría de las webs de pequeñas empresas que nos piden rediseñar tienen el mismo puñado de problemas. Ninguno necesita un gran presupuesto para arreglarse, pero todos cuestan consultas cada semana que siguen ahí.

Un logotipo que se desmorona en tamaño pequeño

Un logotipo recargado queda precioso en un portátil. Redúcelo a una pestaña del navegador o a una foto de perfil de WhatsApp, o bórdalo en un polo, y se convierte en un borrón. Un buen branding para pequeñas empresas incluye una versión simplificada para tamaños pequeños. Probamos cada logotipo a 32 píxeles antes de entregarlo.

Cinco colores donde bastarían dos

Cuando cada botón es de un color distinto, los clientes no saben cuál importa. Parte del branding y del diseño UI/UX consiste en decidir que un color significa «actúa ahora» y no usarlo para nada más. Reservar, comprar, llamar: el mismo color en todas las páginas.

El teléfono escondido en el pie de página

Para los oficios y las clínicas, el teléfono sigue siendo de donde viene el dinero. Si un visitante desde el móvil tiene que bajar hasta el final para encontrar tu número, una parte no se molestará. En todos los negocios de servicios locales con los que trabajamos ponemos un botón de llamada directa en la cabecera móvil.

Formularios que piden demasiado

Un formulario de presupuesto que pide el tamaño de la empresa, el presupuesto, el código postal y cómo nos has conocido pierde a la mayoría de los visitantes antes de que hayan decidido siquiera hablar contigo. Reducimos los formularios de primer contacto a nombre, teléfono o email y una pregunta. El resto puedes preguntarlo en la llamada.

Diseño para distintos tipos de negocio

Una panadería y una asesoría contable no deberían acabar con la misma web con los colores cambiados. Lo que tiene que conseguir cada web es distinto, así que las decisiones de diseño también lo son.

Oficios y servicios para el hogar

Electricistas, fontaneros, techadores y empresas de limpieza consiguen la mayor parte de su trabajo de gente que busca desde el móvil, a menudo con prisa. La marca tiene que funcionar en la puerta de una furgoneta y en un chaleco reflectante, no solo en una pantalla.

La web necesita tres cosas en la parte visible sin hacer scroll: qué haces, qué zona cubres y un botón para llamarte. Justo debajo van tus opiniones y distintivos como Gas Safe o NICEIC.

Clínicas, salones y negocios con cita previa

Aquí el dinero está en el proceso de reserva. En una clínica o un salón, la marca tiene que transmitir calma y confianza, y reservar debería llevar menos de un minuto. Tratamiento, hora y listo. Se conecta con la herramienta de reservas que ya tengas: Fresha, Cliniko, Calendly o algo integrado en tu propia web.

Tiendas y marcas de ecommerce

En una tienda online, el branding está en el aspecto de las fotos de producto, en el packaging y en cómo suenan las descripciones. La parte de UI/UX consiste sobre todo en llevar a la gente de la página de producto al pedido pagado.

Muestra el precio con el envío incluido. Pon los sellos de confianza junto al botón. No obligues a nadie a crear una cuenta solo para pagar. Pequeñas mejoras como estas mueven más los ingresos de lo que lo hará nunca un logotipo nuevo, y nuestros desarrollos de tiendas WooCommerce y Shopify siguen las mismas reglas.

Empresas B2B y consultorías

Los compradores B2B son diferentes. Leen más y se toman su tiempo. La web de una consultoría se apoya en casos de éxito y páginas de servicios claras. También necesitas una vía de entrada para quien todavía no está listo para hablar, como una guía de precios descargable. Un aspecto más sobrio. Las pruebas son las que venden.

Sea cual sea tu sector, se aplica la misma regla: diseñamos en torno a lo que tu cliente necesita hacer a continuación, y la marca debe apoyar eso en lugar de estorbar.

Por qué elegir Devsio

• Precio cerrado. Te damos el presupuesto tras una llamada de descubrimiento de 30 minutos, para que el presupuesto no se dispare.
• Rondas de revisión acordadas. Figuran por escrito en la propuesta, para que sepas exactamente cuántos cambios incluye cada fase.
• Todo es tuyo. Todos los archivos del logotipo y los archivos fuente de Figma son tuyos, no quedan bloqueados en nuestra cuenta.
• Diseño y desarrollo en un solo equipo. Las personas que diseñan tus páginas también las desarrollan, así que nada se pierde en un traspaso.

Si estás comparando una agencia de diseño UI/UX con un freelance, pregunta a ambos quién desarrollará la web después. Con nosotros es el mismo equipo que se encarga del desarrollo web para pequeñas empresas, y por eso la web terminada coincide con el diseño que aprobaste. También por eso nuestros proyectos rara vez necesitan una segunda ronda de correcciones tras el lanzamiento.

Cómo medimos si el diseño ha funcionado

Que quede bonito no es un resultado. Antes de empezar, acordamos dos o tres cifras que te importen, como las llamadas desde la web, las reservas completadas o la tasa de finalización de compra, y anotamos dónde están hoy.

Entre cuatro y ocho semanas después del lanzamiento volvemos a mirar esas mismas cifras y te decimos con sinceridad qué ha cambiado. El branding y el diseño UI/UX deberían pagarse solos en consultas. Si una página no rinde lo que debe, preferimos arreglarla antes que esconderla.

Luego están esas cosas aburridas que te hacen perder clientes sin que nadie se dé cuenta. Páginas que se arrastran con 4G. Botones demasiado pequeños para un pulgar. Texto que no se lee al sol. Nada de eso se nota en un monitor grande de oficina, así que cada proyecto se revisa en un móvil Android de gama media antes de darlo por cerrado.

Una cosa más que revisamos y que la mayoría de los estudios se saltan: la firma de email, el perfil de WhatsApp Business y las fotos del Perfil de Empresa de Google. Los clientes ven eso mucho más a menudo que tu página «Sobre nosotros». Si el logotipo que aparece ahí está borroso o es la versión del año pasado, arréglalo la misma semana del lanzamiento. Son diez minutos.

Cuánto cuesta el trabajo de diseño

El precio depende del alcance. Un logotipo con su pack de marca es el proyecto más pequeño. Un logotipo más el diseño completo de una web lleva más tiempo y cuesta más, y el diseño de una app móvil está en lo más alto.

Tras la llamada de descubrimiento recibes un presupuesto cerrado. Nuestra página de precios muestra los puntos de partida habituales. ¿Solo necesitas una actualización? Dínoslo. Mantener lo que ya funciona suele ser más barato y, en general, la decisión más inteligente.

Qué necesitamos de ti para empezar

Muy poco. Envíanos tu logotipo actual si tienes uno, enlaces a dos o tres competidores que te parezca que tienen buen aspecto y una idea aproximada de quiénes son tus mejores clientes. ¿Tienes Google Analytics o un sistema de reservas? Con acceso de solo lectura podemos ver dónde se está yendo la gente ahora.

Con eso basta para un primer taller, que suele durar alrededor de una hora por videollamada.

¿Cuánto dura un proyecto de diseño?

La mayoría de los proyectos duran de tres a seis semanas desde esa llamada hasta la entrega. Un logotipo con su pack de marca puede estar listo en dos o tres semanas. El diseño completo de una web depende de cuántos tipos de página necesites, no de cuántas páginas. Cuarenta páginas de servicios creadas a partir de una sola plantilla no tardan más en diseñarse que cinco.

¿Te apetece hablar sobre el branding y el diseño UI/UX de tu negocio? Reserva una llamada gratuita y trae tu logotipo y tu web actuales, aunque te den un poco de vergüenza.

Branding y diseño UI/UX para EE. UU., Reino Unido, Europa y Oriente Medio

Los principios del branding y del diseño UI/UX viajan bien. El significado de los colores, el idioma y la dirección de la maquetación no siempre, así que los revisamos para cada mercado.

Estados Unidos

Las marcas estadounidenses suelen ser directas y centradas en los beneficios. Diseñamos según las pautas de accesibilidad WCAG, lo que además te ayuda a evitar las reclamaciones por accesibilidad a las que se enfrentan cada vez más empresas en EE. UU.

Reino Unido y Europa

Los compradores del Reino Unido y de Europa responden a un diseño sereno y fiable con precios claros. La Ley Europea de Accesibilidad cubre ya muchas webs dirigidas al consumidor, así que el contraste, el tamaño del texto y el uso con teclado forman parte de cada diseño.

Oriente Medio y el Golfo

Para el Golfo diseñamos las versiones en árabe y en inglés a la vez, con maquetaciones de derecha a izquierda, tipografías árabes a juego con tu marca e imágenes adecuadas para los clientes locales.

Nuestro equipo trabaja desde Islamabad, que va 1 hora por delante de Dubái, de 4 a 5 horas por delante de Londres y de 9 a 10 horas por delante de Nueva York. Las llamadas se programan en tu zona horaria, y las mañanas de EE. UU. coinciden con nuestra tarde. Descubre cómo funcionan nuestros proyectos en remoto para clientes internacionales desde la primera llamada hasta el lanzamiento.