← Todos los trabajos Vista previa de diseño

Basalt

Diseño web para un gimnasio.

Web de Basalt
Tipo
Vista previa de diseño
Sector
Gimnasios y fitness
Funciones
Texto que se rellena al hacer scroll, entrenar o recuperar, horario de clases, ventana promocional
Web en vivo
Visitar la web ↗

El encargo

La gente elige gimnasio por lo que tiene dentro y por si alguna clase le encaja en el día. Esta vista previa de diseño enseña las dos cosas desde el principio y hace que reservar la primera sesión sea fácil.

Lo que creamos

  • Texto que se rellena al hacer scroll

    Una frase grande sobre el club pasa de gris a blanco, palabra a palabra, mientras se hace scroll, y las fotos de al lado se mueven a distintas velocidades.

  • Entrenar o recuperar

    Al mover el cursor hacia la izquierda se abre la parte de entrenamiento con sus clases, y hacia la derecha, la sauna y las piscinas de agua fría. En el móvil se convierte en dos pestañas.

  • Un horario para cada día

    Las pestañas de cada día muestran todas las clases con su entrenador y las plazas que quedan. Al tocar una clase, se rellena el formulario de la sesión gratuita para ese día.

  • Lo que pasa ahora mismo

    Una barra bajo la primera pantalla muestra la temperatura de la sauna y del agua fría, la próxima clase y la hora de cierre.

  • Una ventana promocional

    Una ventana cuadrada ofrece un 10 % de descuento en los tres primeros meses al apuntarse en línea. En esta vista previa no recoge ningún dato.

El diseño

Una página marrón cálido con botones color cobre, un logotipo con una serif fina y un escudo hexagonal (la forma que toma el basalto en la naturaleza) y una sans serif limpia para todo lo demás.

Pensada para móviles

En el móvil, las partes de entrenamiento y recuperación pasan a ser pestañas, cada clase cabe en una fila y la ventana ocupa todo el ancho. Quien desactiva el movimiento ve el texto ya rellenado.

Siguiente proyectoDon & John Exterior Cleaning →

¿Quieres una web así?

Cuéntanos sobre tu negocio y te enviaremos un presupuesto.

Pedir presupuesto