Elaboración de un prototipo de página web de inicio.
1. Revistaenpapeldedicadaalmundodelosrallyes.
INTRODUCCIÓN
Con sus historias, biografías y fotos, TURINI ve la luz por primera
vez en el invierno de 2017.
Llega el momento de dar un paso más en la locura con la creación
de una página web viculada a la venta de una de las únicas revistas
españolas dedicada al mundo de los rallyes.
Turini es una publicación periódica en papel. De venta trimestral en
quioscos y grandes superficies.
Con esta web, se pretende facilitar a los lectores la adquisición de
la misma, que sabemos no es siempre tan fácil como debiera, así
como como los artículos de la sección “bazar” que aparecen en
cada número, con especial atención a las láminas coleccionables.
2. Referenciasinicialesatenerencuenta
referencias
Turini es una marca real, por lo que tendremos en cuenta las
siguientes referencias y elementos al comenzar a bocetar
la página web:
• Producto principal: publicación trimestral de revista
impresa (no digital)
• Tema principal: historias de rallyes
• Color a usar: colores del logo
• Tipografia a usar: Gobold en titulares. Resto libre.
• Palabras clave para los menús de la web
colores para el desarrollo de la web
# e30613 # 22211f #fafcf7
# c1c3be
Logotipoyversiones
Usaremos los colores del logotipo para los elementos que
compongan la web: rojo, gris oscuro y blanco roto.
Así mismo, incluimos el gris claro para generar contraste cuando
sea requerido.
3. investigación
No hay muchas páginas web dedicadas solo a la venta de una única
revista y menos sobre rallyes en concreto, si muchos quioscos
online, pero no es el caso de la web que trataremos de crear.
Por tanto, seguiremos un poco el formato de la revista real a la hora
del diseño y, como referencia más parecida a lo que vamos a hacer
estará la web de una publicación alemana Automovil Sport que
sería la competencia más directa de Turini:
https://www.sportfahrer-zentrale.com/de/magazine/
Entre otras páginas, algunas de las revisadas han sido: Muy
Historia, Car Driver, WRC y motor.es.
Si bien, ninguna de ellas es integramente lo mismo que Turini, una
publicación unicamente impresa, el diseño general nos ayuda a
visualizar los elementos que en ellas se repiten.
A modo general y comparando la página alemana con otras web de coches o revistas
online, todas coinciden en que el tipo de menú es simple, no se desplegan más subsecciones
por categoría. En todas ellas encontramos un campo de búsqueda para artículos así como
los accessos a las redes sociales en la parte superior.
Estos elementos, estarán presentes también en la web de Turini.
Revista en papel dedicada al mundo del motor.
Referenciasinicialesatenerencuenta
4. Estuctura de la web de referenciaVisión completa de la Web de referencia
La web de turini seguirá la misma estructura general: cabecera, menú, cuerpo y pie.
Automovil Sport tiene algunas secciones que serán comunes en Turini:
• Quiosco: dará acceso a los números que estén disponibles.
• Tienda: donde se podrán comprar artículos variados sobre el mundo de los rallyes;
maquetas, libros, calendarios, accesorios, ropa, etc..
• Editorial: aparecerá la información de qué es turini y quién compone el equipo así
como los datos de contacto
• Suscripción: información y procedimiento a seguir para completar una suscripción
anual a la revista y recibirla a domicilio.
Cabecera
- menú-
Cuerpo
Pie
5. 1. SUSCRIPCIÓN
· Información
· Formularios
· Datos suscriptor
· Método de pago
2. QUIOSCO
· Imagen de la portada + precio
· Opción seleccionar en cada número
de la revista
· Opción comprar
3. TIENDA
· Láminas + merchan
· Carrusel con diferentes tipos
de artículos (abrirán subpáginas
con las opciones de compra)
4. EDITORIAL
· Información sobre el equipo
Turini y la creación de la revista.
· Información de contacto.
Desarrollo
final
Sitemap
Esquema básico que tendrá la web de Turini.
6. Vemos el primer prototipo generado con DX
Si nuestra web es en scroll, observamos que este boceto no sirve ya que el
usuario tendría que estár bajando y subiendo la página constantemente para
ver el contenido completo, por lo que pasamos a replantearnos la composición
pasando los elementos de vertical a horizontal.
BOCETAJE
01
Home
PROTOTIPO
01
versionesiniciales