EDteam
Taller: Mi primera página web.
Descripción
Creación de una página web de una agencia de desarrollo de software llamado EDSoft.
Notas
- Antes de escribir código se debe comprender los requerimientos del sitio web.
- Los requerimientos y la estructura del sitio web permiten visualizar lo que realmente es necesario, cosas faltantes, sobrantes, cambios, reemplazar, modificar antes de programar.
- El segundo paso es visualizar el sitio web realizando un mapa o maqueta de como va ser el sitio web (wireframes).
- Se deben mostrar los wireframes al cliente para que pueda observarlos y dar el visto bueno.
- Puede suceder que el cliente solicite cambios o modificaciones (se deben de aplicar los cambios sugeridos).
Requerimientos
- Inicio (Home): es la página principal del sitio web.
- ¿Quiénes somos?: segunda página que habla sobre la misión, visión e historia de la empresa.
- Proyectos: tercera página donde se muestra la experiencia de la empresa.
- Contacto: cuarta página del formulario y medios de contacto para una comunicación directa o de contratación.
Inicio
- Logo de la empresa y menú de navegación (header).
- Banner (titulo, descripción, botón e imagen).
- Segunda sección de servicios que se ofrecen (desarrollo web, móvil y sistemas a medida).
- Tercera sección de un banner corporativo con el eslogan de la empresa para conectar con los clientes (imagen de fondo, texto principal, secundario y botón de contacto).
- Cuarta sección con los últimos proyectos (imagen, nombre del cliente y descripción).
- Quinta sección de bolsa de trabajo (descripción y botón de contacto).
- Footer con las redes sociales y el copyright.
El header y el footer se repite en todas las páginas del sitio web.
¿Quiénes somos?
- Primera sección sobre nosotros (imagen y descripción).
- Segunda sección sobre la misión (imagen y descripción).
- Tercera sección sobre la visión (imagen y descripción).
Proyectos
- Cada proyecto tendrá una imagen, nombre del cliente o proyecto, descripción y link del proyecto.
Contacto
- Una sección con los datos de la empresa (teléfono, dirección, correo y mapa de ubicación).
- Formulario de contacto (integración con algún servicio como Messenger de Facebook).
Referencias