DESARROLLO WEB · SITIO CORPORATIVO

Sports Store

Sitio web para una tienda deportiva con propósito: comercio, becas para jóvenes atletas y contenido educativo para las familias.

Formación
Computer Programmer · curso Front End Web Development I, Lambton College
Fecha
Julio – agosto de 2023
Equipo
Cinco estudiantes
Mi rol
Diseño visual y estilos CSS de todo el sitio

// 01 · LA MISIÓN

La misión

Sports Store es el sitio web de una tienda de artículos para los deportes más populares de Canadá. Su propuesta de valor va más allá de la venta: la marca impulsa a los jóvenes atletas con un programa de becas y acompaña a las familias con contenido sobre los beneficios del deporte. Fue un proyecto en equipo de cinco estudiantes en el que cada integrante construyó una página; mi responsabilidad fue la capa visual: escribí los estilos CSS de las cuatro páginas, que le dan al sitio una identidad coherente, su adaptación a distintas pantallas y sus efectos de interacción. Proyecto desarrollado en el programa Computer Programmer de Lambton College, en Ontario (Canadá), bajo estándares profesionales de desarrollo.

// QUÉ SE CONSTRUYÓ

02

Estructura del sitio

  • Inicio: bienvenida, accesos a productos, becas y tiendas, y noticias
  • Productos: cinco categorías con precios y descuentos
  • Nosotros: historia, misión, colaboraciones, becas y videos
  • Contacto: horarios, formulario, tiendas y mapa
03

Mi aporte: estilos CSS

  • Hojas de estilo para las cuatro páginas
  • Paleta azul y gris con acentos verde, naranja y rojo
  • Maquetación con Flexbox y Grid
  • Media queries para adaptar cada página a cualquier pantalla
  • Efectos hover y animaciones

Contenido integrado

  • Videos de YouTube incrustados
  • Términos y condiciones en PDF
  • Mapa de las tiendas

// PROPUESTA DE VALOR

Una tienda que también forma deportistas

El sitio combina cuatro frentes que fortalecen la relación de la marca con su comunidad y le dan a cada visita un motivo para volver.

01

Catálogo con ofertas

Productos organizados en cinco secciones —ofertas, hockey, baloncesto, fútbol y béisbol—, con precios, descuentos y un menú para saltar a cada categoría.

02

Programa de becas

Una invitación a los jóvenes que necesitan apoyo para aplicar a una beca mediante un formulario, con becas nuevas cada mes.

03

Educación para las familias

Un carrusel de videos para padres sobre los beneficios del deporte en el cuerpo y el cerebro, y más historias en la sección institucional.

04

Confianza y cercanía

La historia, la misión y las colaboraciones de la marca, horarios de atención, tres tiendas en el área de Toronto con mapa y un formulario de contacto.

// RETOS Y SOLUCIONES

Una sola identidad para cuatro páginas

Cada integrante del equipo construyó una página distinta. Mi tarea fue unificarlas con un mismo lenguaje visual —colores, tipografía, botones, espaciados y comportamiento responsive— para que el sitio se percibiera como una sola marca.

MISIÓN CUMPLIDA

Resultados e impacto

¿Tu marca tiene una historia que contar?

Desarrollo sitios web que comunican tu propuesta de valor y convierten visitantes en clientes.