Share
Explore

Diseño y Desarrollo Web / Jaime Arquitecto

Enero 2023
📄 Presupuestos
Web básica
Presupuesto_WebBasica.pdf
34.3 kB
Web + estrategia básica
Presupuesto_Web_EstrategiaBasica.pdf
35.1 kB
Identidad visual básica
Presupuesto_IdentidadBasica.pdf
39.8 kB
Necesidades
Problema → Sus clientes le demandan la web. Necesita un sitio en el que tener presencia y mostrar su portfolio.
Solución → Necesita una web muy visual que presente y potencie sus proyectos.
Estrategia → Cierra los clientes cara a cara. La web es un apoyo de autoridad y validación.
Estado → No tiene nada, ni dominio, ni hosting. Está por ver si tiene identidad. Y documentación de los proyectos.
Referencias del cliente:
Entrevista rápida:
Cuéntame tu historia. ....
¿A qué cliente te diriges? ....
¿Cuál es tu especialidad? Servicios ....
Si tuvieses que definir en una frase qué te diferencia, qué sería? ....
Dime 3 de tus competidores principales y qué tienen mejor y peor. ...
Dime 3 referentes en tu sector de los que te guste su web y por qué. ...
Dime 3 marcas referentes (fuera de tu sector) que te guste su web y por qué. ...
Entrando en detalles, ¿qué necesidades ves claras que necesita tu web? ... Inicio, Proyectos, Estudio y Contacto
¿Cuántos proyectos quieres mostrar en el portfolio? ...
¿Qué documentación tienes? ...

Qué vamos a hacer
Hola,
Con esta propuesta buscamos solucionar vuestro problema mediante el diseño. En este caso, el problema de tener una presencia en internet que le permita a un posible cliente validar vuestro trabajo y dar ese último empujón para cerrar un proyecto.
Como bien habéis percibido, una marca y una web es el mejor activo digital de muchos negocios, si se trabaja bien. Pero una web (en donde se percibe una marca digital) puede tener poca o nula utilidad, o incluso llegar a ser perjudicial, 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/ella quiera, sino la que nosotros queramos. Puede que la función de vuestra web no sea vender, pero como he podido percibir, sí juega un papel crucial en algún peldaño del proceso de venta. Transmitir la impresión deseada a un cliente puede ser el empujón que lo lleve a decidir trabajar con vosotros.
Para conseguirlo hay dos aspectos claves: el diseño y el copywriting. La web debe hablarle al usuario de tú a tú, transmitirle la filosofía y esencia de Grupo Gen y seducirle. 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 (en vuestro caso un primer contacto o un último empujón para cerrar un contrato)
Los 3 puntos anteriores serán claves para que vuestra web acabe siendo un activo que genera negocio para el estudio.
En la web mínima no está incluido el copywriting, pero sí asesoraremos y sugeriremos sugerencias si creemos oportuno sobre los textos base que nos paséis como clientes. En caso de querer un servicio de copywriting desde cero, se presupuestaría aparte.
Quiero dejar claro que hay una tercera pata fundamental: atraer tráfico/visitas a esa web. Nosotros trabajaremos duro para que esa identidad y esa web sea un activo para el estudio, pero la parte de llevar tráfico a la web no está en nuestras manos.
Para cualquier duda, estoy a vuestra disposición.
Que tengas un buen día.
Un abrazo,
Ignacio.
Cómo vamos a hacerlo
Aquí veréis, con ejemplos, cómo será el proceso:

1.1. Canvas de producto Web * (no incluido en la web básica) *
El canvas de producto web es un ejercicio indispensable para determinar el modelo y la estrategia de negocio de la web. En el caso de la web básica no está incluido, pero es importante conocer de su presencia por si consideráis oportuno hacerlo.
Captura de pantalla 2022-02-07 a las 14.57.09.png

1.2. Investigación previa
Recolectar información. Mediante la reunión del briefing, recopilaré toda la información necesaria del cliente para saber sus necesidades, sus gustos y sus deseos. Al mismo tiempo, será clave conocer sus referencias de otras webs afines, ya sean del sector, como de sectores ajenos.
Extraer conclusiones. Con toda la información previa, aumentaré ese estudio aportando referencias personales que puedan enriquecer el proceso para validar con el cliente el estilo visual que vamos a abordar.

1.3. Mapa de contenido (Sitemap)
El mapa de contenido nos ayuda a definir el “árbol 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

1.4. Mapa de flujos (Flowmap) * (no incluido en la web básica) *
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: en vuestro caso que os valide o que decida establecer un primer contacto con vosotros. En el caso de la web básica no está incluido, pero es importante conocer de su presencia por si consideráis oportuno hacerlo.
Captura de pantalla 2022-07-15 a las 14.05.20.png

1.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.
Captura de pantalla 2022-02-07 a las 15.24.57.png

1.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 y aplicando vuestra identidad visual.
Captura de pantalla 2022-02-07 a las 15.26.58.png

1.7. Copywriting persuasivo enfocado a conversión * (no incluido en la web básica) *
En la mayoría de las webs los textos se dejan en segundo plano y apenas se les da importancia. Nosotros trabajaremos los textos para persuadir al usuario en cada fase emocional que nombrábamos antes. En el caso de la web básica no está incluido, pero es importante conocer de su presencia por si consideráis oportuno hacerlo.

1.8. Parte técnica y desarrollo web Wordpress
La última parte será la más técnica y de desarrollo de la web a medida mediante Wordpress- Elementor. Desarrollaremos tanto la versión Escritorio como la versión Mobile.
Progreso:
000
0
Evolución del proyecto
0
Done
Tarea
Done
Tarea
1
🤝 Primera reunión para ver necesidades
2
Enviar presupuesto al cliente
3
Iber recibe presupuesto firmado por el cliente
4
En caso de superar el presupuesto los 2000€, IBER envía factura del sobrante y recibe el pago
5
1.1. Canvas de producto Web
6
1.2. Investigación previa
7
1.3. Mapa de contenido (Sitemap)
8
1.4. Mapa de flujos (Flowmap)
9
1.5. Boceto estructura (Wireframing)
10
1.6. Diseño UX Web: Home, Portfolio (47 páginas/proyectos), Nosotros, Manifiesto y Contacto
11
1.7. Copywriting persuasivo enfocado a validación
12
1.8. Parte técnica y desarrollo web Wordpress
13
1.9. Adaptación de toda la web a versión mobile
14
Iber realiza informe al finalizar para presentar al Kit Digital y cerrar
15
Presupuestar servicio de mantenimiento web, si desea (aparte)
There are no rows in this table
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.