Cuando me encargan el diseño de una web, ¿qué conceptos tengo que incluir y cuánto tengo que cobrar?. Cuando empezamos a trabajar para clientes, una de las cosas más difíciles es cuantificar económicamente nuestro trabajo y aprender a estimar el tiempo que tardaremos en realizar cada tarea. El precio es la cantidad de dinero más alta que un cliente está dispuesto a pagar por un producto o servicio. Averiguar esa cantidad se consigue conociendo el mercado y conociendo el valor de nuestro trabajo. Veremos todos los pasos que hay que dar para diseñar una web profesional y aprenderemos a valorarlos económicamente.

1. CÓMO SE DISEÑA
UNA WEB
y cuánto cuesta
Ana Cirujano | 19-mayo-2018

2. #WCBilbao
Ana Cirujano
Diseñadora visual y de interacción
especializada en WordPress
@acirujano
anacirujano.com
easyworkation.com

3. @acirujano | #WCBilbao
Planificación
Contenidos
El proceso de un proyecto web
Lanzamiento
Test
Mantenimiento
Wireframe
Mockup
Prototipo
Maquetación
1
2
3
4
5
6
7
8
9
10

4. @acirujano | #WCBilbao
Paso 1:
Planificación
y estrategia

5. @acirujano | #WCBilbao
¿Quién es nuestro
cliente?
¿Cuál es su
actividad?
¿Cuál es su
metodología?
¿Para qué se va a
crear el sitio web?
¿Cuál es la audiencia
objetivo?
¿Qué sensación
quiere dar?
¿Qué información
transmitirá?
¿Cuál es el objetivo
del sitio web?
¿Qué problema tiene?
¿Cuál es su ventaja
competitiva?
¿Cuál es su
competencia?
¿Tiene ya una identidad
corporativa?
¿Cómo vamos a medir
el éxito?
Investigación

6. @acirujano | #WCBilbao
Paso 2:
Contenido

7. @acirujano | #WCBilbao
Textos, imágenes, audio, vídeo...

8. @acirujano | #WCBilbao
Paso 3:
Boceto

9. @acirujano | #WCBilbao
Sketch o wireframe de baja y alta fidelidad
Título
Smartphone
Título 2
Título 2
Próximamente
Este es un texto de introducción que se
utiliza de forma introductoria, realmente se
debe utilizar el texto definitivo pero en esta
presentación utilizamos un texto de prueba.
Este es un texto de introducción que se utiliza
de forma introductoria, realmente se debe
utilizar el texto definitivo pero en esta.
Este es un texto de introducción que se
utiliza de forma introductoria, realmente se
debe utilizar el texto definitivo pero en esta
presentación utilizamos un texto de prueba.
Este es un texto de introducción que se utiliza
de forma introductoria, realmente se debe
utilizar el texto definitivo pero en esta.
Enlaces
Home
Quiénes somos
Servicios
Contacto
Título del ítem
Categoría
88 €
Título del ítem
Categoría
88 €
Título del ítem
Categoría
88 €
Título del ítem
Categoría
88 €
Buscar
(C) Cliente. Todos los derechos reservados
12 Mi cuenta
Home
Imagen de
producto
destacado
Imagen de
producto
destacado
Imagen de
producto
destacado
Imagen de
producto
destacado
Imagen de producto
próximamente
Título
Imagen de producto destacado
Tablet
Título 2
Título 2 Próximamente
Este es un texto de introducción que se utiliza de forma introductoria, realmente se debe utilizar el texto definitivo
pero en esta presentación utilizamos un texto de prueba. Este es un texto de introducción que se utiliza de forma
introductoria, realmente se debe utilizar el texto definitivo pero en esta.
Este es un texto de introducción que se utiliza de
forma introductoria, realmente se debe utilizar el texto
definitivo pero en esta presentación utilizamos un texto
de prueba. Este es un texto de introducción que se
utiliza de forma introductoria, realmente se debe utilizar
el texto definitivo pero en esta.
Enlaces
Home
Quiénes somos
Servicios
Contacto
Buscar
(C) Cliente. Todos los derechos reservados
12 Mi cuenta
Home Quiénes somos Servicios Contacto
Título del ítem
Categoría
88 €
Imagen de
producto
destacado
Título del ítem
Categoría
88 €
Imagen de
producto
destacado
Título del ítem
Categoría
88 €
Imagen de
producto
destacado
Título del ítem
Categoría
88 €
Imagen de
producto
destacado
Imagen de producto
próximamente
Título
Imagen de producto destacado
Escritorio
Título 2
Título 2 Próximamente
Este es un texto de introducción que se utiliza de forma introductoria, realmente se debe utilizar el texto definitivo pero en esta presentación utilizamos un
texto de prueba. Este es un texto de introducción que se utiliza de forma introductoria, realmente se debe utilizar el texto definitivo pero en esta.
Este es un texto de introducción que se utiliza de
forma introductoria, realmente se debe utilizar el texto
definitivo pero en esta presentación utilizamos un texto
de prueba. Este es un texto de introducción que se
utiliza de forma introductoria, realmente se debe utilizar
el texto definitivo pero en esta.
Enlaces
Home
Quiénes somos
Servicios
Contacto
Buscar
(C) Cliente. Todos los derechos reservados
12 Mi cuenta
Home Quiénes somos Servicios Contacto
Título del ítem
Categoría
88 €
Imagen de
producto
destacado
Título del ítem
Categoría
88 €
Imagen de
producto
destacado
Título del ítem
Categoría
88 €
Imagen de
producto
destacado
Título del ítem
Categoría
88 €
Imagen de
producto
destacado
Imagen de producto
próximamente

10. @acirujano | #WCBilbao
Paso 4:
Mockup

11. @acirujano | #WCBilbao
Mockup

12. @acirujano | #WCBilbao
Tipografía
Para más información:

13. @acirujano | #WCBilbao
Paleta de colores
Dark Primary Color
Accent Color
Light Primary Color
Primary Text
Primary Color
Secondary Text
Text/Icons
Divider color

14. @acirujano | #WCBilbao
Tamaños de márgenes

15. @acirujano | #WCBilbao
Botones
LEER MÁS
Leer más
LEER MÁS
LEER MÁS
LEER MÁS

16. @acirujano | #WCBilbao
Separadores de sección

17. @acirujano | #WCBilbao
Fondos

18. @acirujano | #WCBilbao
Set de iconos

19. @acirujano | #WCBilbao
Fotografías

20. @acirujano | #WCBilbao
Paso 5:
Prototipo

21. @acirujano | #WCBilbao
Prototipo

22. @acirujano | #WCBilbao
El precio

23. @acirujano | #WCBilbao
Marketing Mix
Las 5 p’s
Producto Precio Distribución Promoción
Atención
al cliente

24. @acirujano | #WCBilbao
El precio es la cantidad de dinero más alta
que un cliente está dispuesto a pagar por
un producto o servicio.

25. @acirujano | #WCBilbao
Precio
El presupuesto
del cliente
Los productos
y servicios que
se incluyen
El tiempo
en que debe
estar listo
La repercusión
mediática que se
desee alcanzar
PosicionamientoValor

26. @acirujano | #WCBilbao
Ejercicio: el restaurante de una mesa

27. @acirujano | #WCBilbao
Gastos año 1
Total
Costes actividades
Preparación cocina 2.400
Cocina 41.360
Servicio sala 44.020
Preparación sala 5.400
Limpieza 3.600
Almacenaje 1.800
Compras 8.100
Administración 36.500
Total costes actividades 143.180 €

28. @acirujano | #WCBilbao

29. @acirujano | #WCBilbao

30. @acirujano | #WCBilbao@acirujano | #WCBilbao

31. #WCBilbao
Ana Cirujano
Diseñadora visual y de interacción
especializada en WordPress
@acirujano
anacirujano.com
easyworkation.com
¡Gracias!