Share
Explore

Diseño de Identidad Visual + Estrategia y Diseño Web

Julio 2022
Necesidades del cliente
Se dedicamos a la venta de productos de bebé con Vendemos a través de nuestra web y y marketplace y estamos pensando en hacer nuestros propios productos. Empezar con una referencia y luego ir ampliando catálogo.
Necesitaríamos el nombre, marca y web. Nosotros trabajamos con prestashop, pero no nos importaría tener la web en Wordpress. Sería un sitio donde iría la gente si quiere consultar sobre la marca en google. Un ejemplo de gente que hizo algo parecido,

Checklist / Este es el proceso que seguiremos
🤝 Primera conversación para ver necesidad
Iber envía presupuestos al cliente el 15/07/2022
Iber recibe presupuesto firmado del cliente
1º Fase - Naming + Diseño de Identidad visual
Iber envia factura del 50% a cliente
Iber recibe pago del 50% para comenzar
1.0. Briefing inicial con cliente (descifrar la esencia de identidad)
1.1. Investigación de mercado
1.2. Conceptualización
1.3. Diseño de Naming:
Fase creativa
Propuestas Naming + Claim
Comprobación de registros y dominios libres
Selección de propuesta final
1.4. Diseño y desarrollo de identidad:
Logotipo, isotipo y versiones
Definición de tipografía y colores corporativos
Definición de tono de voz y breve manifiesto
Definir estilo visual para aplicaciones digitales y papelería
1.5. Presentación completa de la propuesta
1.6. Diseño de Manual Básico de Identidad.
1.7. Diseño de 3 aplicaciones:
Iber envia factura del 50% restante a cliente
Iber recibe pago del 50%
Entrega final archivos
2º Fase - Estrategia, Diseño y Desarrollo Web
Iber envia factura del 50% a cliente
Iber recibe pago del 50% para comenzar
2.1. Canvas de producto Web
2.2. Investigación previa
2.3. Mapa de contenido (Sitemap)
2.4. Mapa de flujos (Flowmap)
2.5. Boceto estructura (Wireframing)
2.6. Diseño UX Web
2.7. Copywriting persuasivo enfocado a conversión
2.8. Parte técnica y desarrollo web Wordpress

Lo primero, el presupuesto:
Diseño de Naming + Identidad Visual
PD22063 Miguel Angel Fernández Sánchez -Carritos Baratos.pdf
147.2 kB
Estrategia, Diseño y Desarrollo Web
PD22064 Miguel Angel Fernández Sánchez -Carritos Baratos.pdf
147.4 kB
Lo segundo, debes leer esto:
Hola, Miguel Ángel.
Con esta propuesta nuestra intención es solucionar tus problemas. Nada más y nada menos. Esa es la única función del diseño, o así es como nosotros lo entendemos.
Supongo que al escuchar algún episodio del podcast ya sabes un poco de nosotros y crees que nuestro trabajo puede aportar algún beneficio útil a tu negocio.
Por mi parte, si estamos ofreciendo esta propuesta es porque:
Creo que valoras cómo un buen diseño de identidad puede impactar en tu negocio. Si no lo has escuchado, te recomiendo que escuches . Será breve, solo 17 minutos, pero te ayudará.
Tras nuestra conversación, percibí el potencial que tenéis en el mundo del comercio online y en concreto, en el nicho de productos para bebe, así que creo en potencial que vuestra nueva marca de carritos puede tener para sacarle partido al trabajo que haremos juntos.
Este es el primer paso para que se den las cosas bien.
Una marca y una web es el mejor activo digital de muchos de los negocios, si se trabaja bien. Una web (en donde se percibe una marca digital) puede tener poca o nula utilidad, si no se trabaja correctamente.
Nuestro objetivo es conseguir que cada usuario que visite tu web acabe haciendo una acción, no la que él quiera, sino la que nosotros queramos, que supongo que estaremos de acuerdo en que es que acaben comprando tus productos para triatletas, en primer término.
Para conseguir esto hay dos cosas claves: el diseño y el copywriting (textos). La web debe hablarle al usuario de tú a tú y conducirle hacia la acción deseada. La gente está cansada de webs aburridas con textos demasiado corporativos que pecan de estar vacíos de alma. Para nosotros, toda buena web debe:
Informar (mostrar los beneficios que le aportamos)
Entretener (a nadie le gusta aburrirse y aquí es clave el poder de las historias)
Persuadir a la acción (que nos contraten, nos dejen su email, etc. Una cosa, una función clara)

Créeme que el texto y el diseño juegan un papel fundamental para que esa web acabe siendo un activo que genera negocio
Ojo, queremos dejar claro que hay una tercera pata fundamental: atraer tráfico/visitas a esa web. Puedes tener la web que mejor convierta del mundo, pero si las visitas son pocas o ninguna, pocos o ninguno usuarios podrás convertir a clientes.
Tenemos un trato. Nosotros trabajaremos duro para que esa identidad y esa web sea un activo y te genere negocio. Si consigues llevar tráfico ahí, conseguirás clientes. Palabra.
Es importante que sepas, que si finalmente trabajamos juntos, vamos a necesitar de tu colaboración. Nos esperan largas conversaciones porque necesitaremos captar esa esencia, aquellas historias y aspectos que pueden ser clave para transmitir una identidad única. Vuestro negocio de carritos es único, y eso además de serlo, debemos parecerlo en el mundo digital.
El precio del presupuesto puede parecerte mucho o poco. Todo depende del negocio que estimes que puede generar para ti.
Eso nadie mejor que tú podrá valorarlo.
Si te interesa, te pediría por favor que me confirmes antes de 1 semana. Esto es por la sencilla razón de que la agenda se va llenando y no podré reservarte los plazos más de 7 días.
Que tengas un buen día.
Un abrazo,
Ignacio.
¿Cómo trabajamos?
Creemos que es necesario explicarte brevemente todos los puntos que has visto en el presupuesto, ya que es posible y entendible que no hayas entendido muchos de ellos.
Aquí te explicamos, mediante ejemplos, cómo trabajaremos juntos.
1. Diseño de Identidad
1.0 Briefing
El objetivo del briefing es tener una conversación que yo mismo guiaré con el objetivo de sacar la mayor información posible orientada a captar esos detalles, anécdotas, historias que pueden acabar siendo clave para desarrollar una identidad única y diferencial.
1.1. Investigación de mercado
Es importante conocer nuestro entorno digital para:
Diferenciarnos
Diferenciarnos bien (hay que ser conscientes de dónde estamos)
1.2. Conceptualización
Una vez haya asentado en mi subconsciente toda la información (tanto la tuya como la del mercado) empezaré a generar esos conceptos. Esta es la fase más caótica y creativa.
1.3. Naming
De todas las ideas generadas, se sacarán varias propuestas de namings. Posteriormente se filtrarán realizando su respectiva comprobación de registros y dominios libres. Y esa lista pulida será la que te presentaré para su posterior elección final.
A la par que el naming trabajaré ese posible claim (eslogan corporativo).
1.4. Diseño y desarollo de Identidad
Una marca no es solo su logotipo si no el universo visual que la envuelve. Todo que puede ser percibido visualmente en un entorno y otro por cualquier cliente está transmitiendo.
Todo este trabajo se recogerá en un Manual de Identidad, que servirá como guía para aplicar la marca en cualquier soporte.
Captura de pantalla 2022-02-22 a las 13.07.59.png
El paso sería un ejemplo de definir el estilo visual de toda la web: formas, colores, tarjetas, botones, etc.
Captura de pantalla 2022-02-07 a las 15.25.46.png
2. Estrategia, Diseño y Desarrollo Web
2.1. Canvas de producto Web
El canvas de producto web es un ejercicio indispensable para determinar el modelo de negocio de la web. Nos ayudará a asentar las bases.
Captura de pantalla 2022-02-07 a las 14.57.09.png
2.2. Investigación previa
Recolectar información. Plantearemos aquellas dinámicas o herramientas
que sean necesarias para extraer toda la información que creamos valiosa
para empezar a validar hipótesis y plantear las siguientes.
Extraer conclusiones. Produciremos aquellos documentos que nos permitan
establecer y comunicar aquellas conclusiones que podamos asumir en
base a la data obtenida mediante la recolección de información.
2.3. Mapa de contenido (Sitemap)
El mapa de contenido nos ayuda a definir el “arbol genealógico” de la web y tener una visión global de esta.
Captura de pantalla 2022-02-07 a las 15.22.09.png
2.4. Mapa de flujos (Flowmap)
El mapa de flujos se encarga de diseñar el recorrido óptimo que debería hacer el usuario para llegar a hacer una acción deseada: suscribirse o comprar suelen ser las más comunes. Para esto, es muy importante tener en cuenta los diferentes estados emocionales por los que pasa un usuario antes de convertirse en cliente.
Captura de pantalla 2022-07-15 a las 14.05.20.png
2.5. Boceto estructura (Wireframing)
Antes de definir el diseño bocetaremos cada página para definir qué contenido necesitamos para conducir al usuario de la mejor forma a que realice la acción necesaria: que nos deje su email, nos contacte, nos compre, etc.
Captura de pantalla 2022-02-07 a las 15.24.57.png
2.6. Diseño UX Web
El siguiente paso será realizar el diseño final de cada página atendiendo a la experiencia de usuario que queremos conseguir.
Captura de pantalla 2022-02-07 a las 15.26.58.png
2.7. Copywriting persuasivo enfocado a conversión
En la mayoría de las webs los textos se dejan en segundo plano y apenas se les da importancia. En nuestro equipo, Aaron, un copywriter profesional, trabaja los textos para persuadir al usuario en cada fase emocional que nombrábamos antes.
Sin duda, este aspecto es diferencial en el resultado de una web que genera negocio y otra, que puede ser bonita, pero no transmite, no capta la atención del usuario y, por tanto, no genera negocio.
2.8. Parte técnica y desarrollo web Wordpress
La última parte será la más técnica y de desarrollo de la web.
Presentación final al cliente y entrega


Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.