Diseño y Maquetado Web | Ya está hecho el diseño

Adjuntamos los diseños referenciales hechos por nosotros.

Maquetación de un diseño preexistente a partir de PSD provisto, adaptándolo a disintas resoluciones según necesidad.


Descripción del proyecto:
Web-app con el fin de ayudar a usuarios indecisos o con poco conocimiento del tema a elegir un modelo de dispositivo celular y servicio de telefonía acorde a sus necesidades de uso. El sistema funciona haciendo un test al usuario basado en tres tipos de preguntas: (1) multiple choice de selección única (tipo radio), (2) multiple choice de selección mútiple (tipo checkbox) y (3) sliders de rango numéricos. Al finalizar, se le mostrarán los resultados al usuario junto con algunas funcionalidades más detalladas a continuación.



Las pantallas requeridas a maquetar son:
1) Inicio: breve descripción del sistema e invitación a comenzar.
2) Ejemplo de tipo de pregunta 1.
3) Ejemplo de tipo de pregunta 2.
4) Ejemplo de tipo de pregunta 3.
5) Resultado del test: sugerencia de dispositivo y plan de línea móvil.
6) Otras opciones (listado de celulares con imágen y título).
7) Comparativa de celulares.
8) Opiniones de usuarios.


Requisitos y consideraciones:
• Compatibilidad cross-browser hasta IE8.
• Especial atención a maquetado responsive.
• Correcto funcionamiento en dispositivos con interfaz touch-screen.
• Correcto funcionamiento en dispositivos variados: PC, tablets, y celulares.
• Seguir la referencia de diseño provista respetando tamaños, proporciones, colores, tipografías, etc.


Tecnologías a emplear:
• HTML5
• CSS3
• Javascript (con librería jQuery, uso de plugins según necesidad)


Frameworks sugeridos (opcionales):
• Bootstrap
• HTML5 boilerplate