una página web, por favor · 2019. 8. 11. · 1. definimos los pilares de nuestra página web...

34
Una página web, por favor

Upload: others

Post on 19-Aug-2021

3 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?

Una página web, por favor

Page 2: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?

¿Para qué necesito una página web?

Dándole forma a la idea

¿Cuáles son nuestras

necesidades?

Del prototipo a la web

¿Qué le pido a un diseñador

gráfico?Mi primera web

Índice

Page 3: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?

1. ¿Para qué necesito

una página web?

Page 4: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?

● Ser encontrados

● Disponibilidad

● Credibilidad

● Expandirnos

● Relacionarnos

● Vender

¡No sé qué hacer! ¿Realmente

necesito una página web?

¿Qué puede aportar tener una página web?

Page 5: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?

1. Definimos los pilares de nuestra página web

● ¿Para qué queremos la web?

● ¿Cuál es nuestro objetivo?

● ¿Quién es nuestro público?

¡Venga! Me he decidido: ¡quiero

una página web!

Page 6: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?

2. Elegimos el tipo de página web que

queremos

● Corporativa

● Landing page

● Tienda online

● Blog

● Foro

● etc.

Page 7: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?

2. Dándole

forma a la idea

Page 8: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?

¡A prototipar!

Page 9: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?

Herramientas de prototipado

● MockFlow

● InVision

● Marvel

● Balsamiq

Page 10: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?

¡Vamos a hacer un prototipo! - Demo

Page 11: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?

3. ¿Cuáles son nuestras

necesidades?

Page 14: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?

Como mínimo

● Correo electrónico

● Hosting

● Dominio

¿Ya está? ¡Qué poco!

Page 15: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?

También es necesario

● Diseño gráfico

● Programación web

● Contenido

Page 16: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?

4. Del

prototipo a

la web

Page 17: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?

Gestores de contenido

● WordPress

● Joomla

● Drupal

Page 18: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?

Creadores webs

● Jimdo

● Weebly

● Wix

Page 19: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?

Plataformas de blogging● Blogger

● Medium

Page 20: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?

Herramientas para crear landing pages

● Unbounce

● LeadPages

● Instapage

Page 21: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?

Tener un dominio propio da buena imagen

Page 22: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?

5. ¿Qué le pido a un

diseñador gráfico?

Page 25: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?

Elementos gráficos que podemos necesitar

● Identidad corporativa

● Colores

● Tipografía

● Estructura

● Recursos gráficos

Page 26: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?

6. Mi

primera

web

Page 27: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?

¡Vamos a hacer una web! - Demo

Page 28: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?

¡Ya tenemos una página web!

Page 29: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?

Cómo

conseguir

recursos

gratuitos

Page 30: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?

¿En qué me tengo que fijar?

● Licencias

● Atribuciones

Page 31: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?

¿Qué puedo conseguir?

● Imágenes

● Iconos

● Fuentes tipográficas

Page 32: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?

Algunos enlaces

● Imágenes – Pixabay

● Iconos – Flaticon

● Fuentes – FontSquirrel

Page 33: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?

¡Ya tenemos NUESTRA página web!

Y si, además, le añades contenido…

Page 34: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?

¡Gracias!