FF-01 · Web y marca

Diseño web y branding para empresas que quieren que su web venda.

Diseñamos y desarrollamos webs corporativas, landing pages y tiendas online, y construimos la marca que hay detrás. Para empresas con una web que no está a su altura: que no se entiende, que no convierte o que nadie se atreve a tocar. Con un proceso en el que las máquinas hacen lo repetitivo y el equipo, todo lo que se nota.

Webs corporativas y de servicios a medida
Landing pages para campañas y lanzamientos
Tiendas online con pagos y envíos resueltos
Identidad de marca, manual y aplicaciones

Cuéntanos tu proyecto Ver qué incluye

Los problemas

Por qué una web deja de funcionar, aunque siga online.

Casi nunca es un problema de diseño bonito o feo. Es que la web ha dejado de hacer su trabajo: explicar qué haces y conseguir que te contacten. Estas son las seis razones que más vemos.

No se entiende qué haces en cinco segundos
La portada habla de «soluciones», «calidad» y «compromiso». Quien llega no sabe si vendes lo que busca, y se va a la siguiente pestaña.
Recibe visitas, pero no contactos
Hay tráfico, incluso anuncios. Pero el formulario está al final de una página que nadie termina, o pide doce campos para pedir un presupuesto.
Nadie se atreve a tocarla
Cuarenta plugins, un tema que ya no se actualiza y un proveedor que no contesta. Cambiar un teléfono da miedo porque puede romper otra cosa.
En el móvil es lenta o se ve rota
Se diseñó para una pantalla grande y en el móvil hay que hacer zoom. Más de la mitad de tus visitas llegan desde ahí.
Google no la encuentra
No tiene estructura, los títulos se repiten y cada página intenta posicionar por todo a la vez. Aparece por tu nombre y por nada más.
La marca cambia según quién la haga
El logo de la web no es el de la furgoneta, cada presentación usa otros colores y cada comercial explica la empresa a su manera.

Cómo lo resolvemos

Una web es una herramienta de venta. Se diseña como tal.

No empezamos por los colores. Empezamos por lo que tiene que pasar cuando alguien llega: que entienda qué haces, que confíe y que dé el siguiente paso. Todo lo demás se decide a partir de ahí.

01
Primero el mensaje, después el diseño
Antes de dibujar una sola pantalla dejamos escrito qué vendes, a quién y por qué a ti. Sin eso, el mejor diseño del mundo decora un mensaje confuso.
02
Diseñada para que te contacten
Cada página tiene un trabajo y una acción principal. Llamadas claras, formularios cortos y pruebas de confianza donde hacen falta, no donde sobran.
03
Construida para durar
Código limpio, pocas dependencias y la tecnología que encaje con cómo vas a usarla. Que dentro de tres años se pueda seguir tocando sin miedo.
04
Medida desde el primer día
Sale con la analítica y los eventos de conversión configurados. Sabrás cuántos contactos llegan y desde dónde, sin esperar a que alguien lo monte después.

Qué fabricamos

Diseño web, landing pages, tiendas online y branding.

Se pueden encargar por separado o juntas. Lo habitual es combinar dos o tres: una identidad y una web, o una web y sus landings de campaña.

FF-01.1

Diseño y desarrollo web

Webs corporativas y de servicios, a medida. Del mensaje al código, sin plantillas compradas ni temas de cuarenta euros.

Diseño web a medida: Estructura, diseño de interfaz y sistema visual pensados para tu negocio, no adaptados de una plantilla.
Desarrollo web: Programación, maquetación responsive y puesta en marcha. Rápida, accesible y fácil de mantener.
Rediseño de webs existentes: Rehacemos tu web conservando lo que ya funciona: contenidos que posicionan, URLs y redirecciones.
Webs en varios idiomas: Versiones por idioma con su estructura correcta para buscadores, no traducciones automáticas pegadas encima.
SEO técnico de base: Arquitectura de URLs, títulos, datos estructurados, sitemap y velocidad. La base para que Google entienda la web.
Mantenimiento y evolución: Actualizaciones, copias, cambios y mejoras mes a mes, con el mismo equipo que la construyó.

FF-01.2

Landing pages

Páginas con un solo objetivo: que quien llega haga una cosa concreta. Para campañas, lanzamientos o para validar una idea antes de construir más.

Landing para campañas: Alineada con el anuncio que la trae: mismo mensaje, misma promesa y una sola acción. Es donde se gana o se pierde el dinero de la campaña.
Landing de producto o lanzamiento: Para presentar algo nuevo con su propia página, sin esperar a rehacer toda la web.
Pruebas A/B: Dos versiones de un titular, una oferta o un formulario, medidas con tráfico real. Se queda la que convierte.
Formularios conectados: Cada contacto llega a tu correo o a tu CRM con su origen, listo para responder.

Si la landing va con campaña, lo coordinamos con la línea de Campañas: el mismo equipo hace el anuncio y la página.

FF-01.3

Tiendas online

E-commerce para vender directamente, sin depender solo de marketplaces. Con el catálogo, los pagos y los envíos resueltos.

Diseño de tienda online: Catálogo, fichas de producto y proceso de compra diseñados para que comprar sea fácil también desde el móvil.
Plataforma adecuada: Shopify, WooCommerce o a medida, según tu catálogo, tu volumen y quién va a gestionarla. Te explicamos por qué elegimos una.
Pagos, envíos e impuestos: Pasarela de pago, métodos de envío y configuración fiscal funcionando antes del primer pedido.
Migración de tienda: Pasamos productos, clientes y pedidos de tu tienda actual a la nueva sin perder el posicionamiento de las fichas.

FF-01.4

Branding e identidad de marca

La marca es lo que dicen de ti cuando no estás. Le damos forma para que diga siempre lo mismo: en la web, en la furgoneta y en la propuesta.

Estrategia y posicionamiento: Qué te hace distinto, a quién le hablas y qué prometes. Escrito en una página, no en ochenta.
Naming: Nombre de empresa, de producto o de servicio, con comprobación básica de disponibilidad de dominio y registro.
Identidad visual: Logotipo, símbolo, color y tipografía. Pensados para funcionar igual en pantalla, en imprenta y a 16 píxeles.
Manual de marca: Las reglas para que cualquiera aplique la marca sin romperla. Los archivos maestros son tuyos.
Aplicaciones: Papelería, firma de correo, plantillas de presentación, perfiles en redes y señalética.
Tono de voz y mensajes: Cómo habla la marca: palabras que se usan, palabras que no, y los mensajes clave para web y ventas.

Así fabricamos nuestra propia marca: estrategia, identidad, manual de 40 secciones y esta web.

FF-01.5

UX/UI, copy y conversión

Para webs que ya existen y no rinden lo que deberían. Menos rehacer y más arreglar lo que frena al usuario.

Diseño UX/UI: Arquitectura de la información, flujos y diseño de interfaz para webs, herramientas internas y áreas de cliente.
Copywriting web: Textos que explican lo que haces con palabras de tu cliente. Escritos para personas, estructurados para buscadores.
Optimización de conversión (CRO): Analizamos dónde se va la gente, formulamos hipótesis, cambiamos y medimos. Mejora continua, no rediseño cada tres años.
Auditoría de web: Revisión de mensaje, usabilidad, velocidad, SEO técnico y medición, con una lista priorizada de qué arreglar primero.

Cómo se fabrica aquí

Una web hecha con máquinas y revisada a mano.

En esta línea, así se reparte el trabajo. Es la razón de que los plazos sean cortos sin que el resultado parezca de plantilla.

Lo que hace la máquina

Ordena el contenido de tu web actual y detecta qué páginas reciben tráfico y posicionan.
Prepara variantes de estructura, titulares y llamadas a la acción para elegir.
Monta la base técnica: componentes, datos estructurados, sitemap y redirecciones.
Pasa las revisiones automáticas de velocidad, accesibilidad, enlaces y erratas.

Lo que hace el equipo

Decide el mensaje, la estructura y qué se queda fuera.
Diseña la identidad y cada pantalla. Nada de plantillas compradas.
Escribe y edita los textos para que suenen a tu empresa, no a una máquina.
Revisa cada página en móvil, escritorio y con teclado antes de publicar.

De serie

Lo que lleva toda web nuestra, sin pedirlo.

Son las cosas que no se ven en una presentación y que deciden si una web funciona dentro de un año. No van en la segunda factura porque van en la primera.

ficha-tecnica · web

Velocidad: Core Web Vitals como criterio de entrega, medidos en móvil
Accesibilidad: Contraste AA, foco visible y navegación con teclado
SEO técnico: URLs limpias, títulos, sitemap, canonical, hreflang y datos estructurados
Medición: Analítica y eventos de conversión configurados antes de publicar
Formularios: Conectados a tu correo o CRM, con protección antispam
Correo: SPF, DKIM y DMARC para que los avisos no acaben en spam
Seguridad: Certificado HTTPS, actualizaciones y copias de seguridad
Propiedad: Dominio, código, diseños y accesos a tu nombre

Esta misma web está hecha así. Si quieres comprobarlo, pásala por PageSpeed Insights o navégala solo con el tabulador.

Por dónde empezar

¿Web, marca o las dos? Depende de dónde duela.

Es la pregunta que más nos hacen. La respuesta corta: se empieza por lo que más frena la venta hoy.

Si la marca está bien, pero la web no
Empieza por la web
Tienes logo y sabes explicar qué os diferencia, pero la web no lo refleja o no convierte. Rediseño o web nueva, sobre la identidad que ya tienes.
Si cada uno explica la empresa a su manera
Empieza por la marca
Antes de diseñar pantallas hay que decidir qué decir. Estrategia e identidad primero, y la web después, sobre un mensaje claro.
Si vas a lanzar algo o a invertir en anuncios
Empieza por una landing
Una página con un objetivo, lista en poco tiempo y medible desde el primer día. Si funciona, lo aprendido alimenta la web completa.

Casos de uso

Ejemplos de proyectos de diseño web y marca.

Son ejemplos tipo, construidos a partir de encargos habituales. Los casos reales de clientes irán aquí cuando estén entregados y podamos enseñarlos.

FF-01 · RediseñoEjemplo tipo
Una empresa industrial con la web de 2016
La situación
Fabrica y vende a otras empresas. La web tiene un catálogo en PDF, no se ve bien en el móvil y los contactos llegan a un correo que nadie revisa a diario.
Qué fabricamos
Mensaje y estructura nuevos, fichas de producto indexables en lugar del PDF, formulario por familia de producto conectado al comercial correspondiente.
Qué cambia
Cada contacto llega a la persona que tiene que responderlo, con el producto que le interesa.
FF-01 · LandingEjemplo tipo
El lanzamiento de un servicio nuevo
La situación
Una empresa de servicios quiere probar una línea nueva sin rehacer su web ni esperar tres meses.
Qué fabricamos
Una landing específica con su propia propuesta de valor, conectada a una campaña de búsqueda y a un formulario corto.
Qué cambia
En pocas semanas hay datos reales de interés y coste por contacto para decidir si se invierte más.
FF-01 · TiendaEjemplo tipo
Vender directo, no solo en marketplaces
La situación
Un fabricante vende casi todo a través de plataformas de terceros y quiere un canal propio con mejor margen y relación directa con el cliente.
Qué fabricamos
Tienda online con el catálogo principal, pagos y envíos configurados, y la medición preparada para campañas de captación.
Qué cambia
Un canal de venta propio, con datos de cliente que ahora sí son suyos.
FF-01 · MarcaEjemplo tipo
La segunda generación toma el mando
La situación
Empresa familiar con treinta años de historia. La marca se hizo cuando se fundó y ya no representa lo que la empresa es hoy.
Qué fabricamos
Estrategia de marca, identidad renovada que conserva lo reconocible, manual y aplicación en web, vehículos y documentación comercial.
Qué cambia
Una marca que el equipo nuevo puede explicar con orgullo y aplicar sin llamar a nadie.

El proceso

De la primera llamada a la web publicada.

Seis pasos, siempre en este orden. En cada uno sabes qué sale y qué necesitamos de ti.

01
Una conversación
Nos cuentas qué tienes, qué necesitas y qué ha fallado antes. Si no somos los adecuados, te lo decimos aquí.
Sale: una primera idea de alcance
02
Propuesta de una página
Qué se entrega, qué no, cuánto cuesta y cuándo está. Sin letra pequeña ni bolsas de horas.
Sale: precio cerrado y fecha
03
Mensaje y estructura
Qué dice cada página y en qué orden. Lo validas antes de que se diseñe nada.
Sale: mapa de la web y textos base
04
Diseño
Lo ves a medio hacer, sobre pantallas reales. Si algo no encaja, se cambia mientras es barato cambiarlo.
Sale: diseño aprobado
05
Desarrollo y contenido
Se programa, se cargan los contenidos y se prueba en móvil, escritorio y con teclado.
Sale: web en un entorno de pruebas
06
Lanzamiento y medición
Publicación, redirecciones, analítica y formación para que tu equipo la use. Después, se mide y se ajusta.
Sale: web publicada y funcionando

Precio

Cuánto cuesta una web profesional, y de qué depende.

No publicamos una tarifa porque dos webs con el mismo número de páginas pueden no parecerse en nada. Lo que sí hacemos es darte un precio cerrado en la propuesta, con el alcance escrito, para que sepas exactamente qué pagas y qué recibes. Estos son los factores que más mueven ese precio:

1. Cuánto hay que pensar antes de diseñar

Si ya tienes clara tu propuesta de valor y una identidad sólida, el trabajo empieza directamente en la estructura y el diseño. Si hay que definir el mensaje o la marca, esa fase va antes, y es la que más valor aporta a medio plazo.

2. Quién escribe los textos

Los textos son lo que convierte. Escribirlos bien lleva tiempo: entender tu negocio, hablar con tu equipo y encontrar las palabras que usa tu cliente. Puedes aportarlos tú o encargarnos el copywriting.

3. Tamaño y número de plantillas

No cuenta tanto el número de páginas como el número de tipos de página distintos. Diez servicios con la misma estructura cuestan menos que cinco páginas completamente diferentes entre sí.

4. Idiomas

Cada idioma añade traducción, revisión y su propia estructura para buscadores. Una web en tres idiomas bien hecha no es la misma web con un traductor automático encima.

5. Integraciones

Conectar la web con tu CRM, un sistema de reservas, un ERP o una pasarela de pago añade trabajo de desarrollo y pruebas. Es también lo que hace que la web trabaje sola; si te interesa esa parte, miraautomatización e IA.

6. Tienda online o no

Un e-commerce lleva catálogo, fichas, pagos, envíos, impuestos, correos transaccionales y legales específicos. Es un proyecto distinto a una web corporativa, y lo presupuestamos como tal.

Si quieres una cifra orientativa para tu caso, cuéntanos qué necesitas en dos líneas y te contestamos el mismo día laborable.

Preguntas frecuentes

Lo que nos preguntan antes de empezar una web.

¿Cuánto cuesta una página web para una empresa?

Depende del número de páginas, de si hay que escribir los textos, de los idiomas, de las integraciones (CRM, tienda, reservas) y de si hace falta trabajar la marca antes. Por eso no publicamos una tarifa genérica: en la propuesta va un precio cerrado para tu caso, sin horas extra que aparezcan después.

¿Cuánto se tarda en hacer una web?

Una landing se puede tener en muy poco tiempo; una web corporativa completa o una tienda online, bastante más, sobre todo si hay que preparar contenidos o marca. Lo importante es que la propuesta lleva una fecha concreta, y que si algo se retrasa por nuestra causa te avisamos antes de esa fecha.

¿Con qué tecnología trabajáis? ¿Usáis WordPress?

Elegimos según cómo vas a usar la web. Si el contenido cambia poco, una web estática es más rápida, más segura y más barata de mantener. Si tu equipo publica a menudo, usamos un gestor de contenidos. Para tiendas online, Shopify, WooCommerce o desarrollo a medida según el caso. Siempre te explicamos por qué.

¿Podré editar yo los contenidos?

Si lo necesitas, sí. Lo decidimos al principio: qué partes vas a cambiar tú (noticias, productos, ofertas) y cuáles es mejor que no se toquen sin pensarlo. Al entregar, formamos a quien vaya a hacerlo.

¿La web será mía?

Sí. El dominio, el código, los diseños, los textos y los accesos quedan a tu nombre. Si un día decides trabajar con otro proveedor, te lo llevas todo.

¿Os encargáis de los textos?

Podemos hacerlo, y en la mayoría de proyectos lo recomendamos: el copywriting es lo que más influye en que una web convierta. Si prefieres escribirlos tú, te damos una estructura y lo revisamos.

¿Incluye posicionamiento SEO?

Toda web sale con el SEO técnico resuelto: estructura de URLs, títulos y descripciones, datos estructurados, sitemap, velocidad y versión móvil. El posicionamiento por contenidos es un trabajo continuo que se puede planificar aparte. Nadie honesto puede garantizarte una posición en Google.

¿Podéis rediseñar mi web sin perder el posicionamiento actual?

Sí, es una de las partes que más cuidamos. Antes de cambiar nada analizamos qué páginas reciben tráfico, mantenemos lo que funciona y preparamos las redirecciones necesarias para que Google y los enlaces antiguos lleguen a la página nueva.

¿Hacéis solo el logotipo?

Podemos, pero un logo sin estrategia ni reglas de uso suele durar poco. Lo habitual es un proyecto de identidad: posicionamiento, logotipo, color, tipografía y un manual básico para que la marca se aplique siempre igual.

¿Y después del lanzamiento?

Ofrecemos mantenimiento y evolución: actualizaciones, copias, cambios y mejoras de conversión, con el mismo equipo que construyó la web y con el proceso documentado. No es obligatorio: si prefieres gestionarla tú, te la dejamos documentada.

¿Trabajáis con empresas de cualquier parte de España?

Sí. Trabajamos en remoto con reuniones por videollamada y revisiones sobre la web real, así que la distancia no cambia nada del proceso.

Las otras dos líneas

Una web funciona mejor cuando alguien le trae visitas y nadie copia datos a mano.

Empezar

¿Hablamos de tu web?

Cuéntanos qué tienes ahora y qué te gustaría que pasara. Te contestamos el mismo día laborable con una primera idea de alcance, precio y fecha.

O escríbenos:

hola@funnyfoundry.eu

Diseño web y branding para empresas que quieren que su web venda.

Por qué una web deja de funcionar, aunque siga online.

No se entiende qué haces en cinco segundos

Recibe visitas, pero no contactos

Nadie se atreve a tocarla

En el móvil es lenta o se ve rota

Google no la encuentra

La marca cambia según quién la haga

Una web es una herramienta de venta. Se diseña como tal.

Primero el mensaje, después el diseño

Diseñada para que te contacten

Construida para durar

Medida desde el primer día

Diseño web, landing pages, tiendas online y branding.

Una web hecha con máquinas y revisada a mano.

Lo que lleva toda web nuestra, sin pedirlo.

¿Web, marca o las dos? Depende de dónde duela.

Empieza por la web

Empieza por la marca

Empieza por una landing

Ejemplos de proyectos de diseño web y marca.

Una empresa industrial con la web de 2016

El lanzamiento de un servicio nuevo

Vender directo, no solo en marketplaces

La segunda generación toma el mando