Alofa

catálogo de alquiler de coches y reservas

Convertí el diseño proporcionado en un sitio de alquiler en WordPress, con búsqueda de vehículos, importación CSV y solicitudes que conservan las opciones del visitante.

Sector
Alquiler de coches / Samoa
Tecnologías
WordPress / PHP / JavaScript
Año del proyecto
2023
Cliente
Alofa Samoa Rentals
Inicio de alquiler de Alofa con fondo tropical y búsqueda de vehículos.
Detalle del proyecto

Vista inicial del diseño de Figma proporcionado. Implementé el sitio en WordPress; el diseño fue facilitado para el proyecto.

El reto

Una nueva empresa familiar de alquiler necesitaba su primer sitio para explicar el servicio, mostrar vehículos y recibir reservas. El diseño suministrado debía convertirse en una herramienta práctica para un equipo pequeño.

La solución

Desarrollé el sitio en WordPress a partir del diseño proporcionado, con catálogo de vehículos y solicitudes de reserva. También programé la importación CSV y las reglas de precios.

El proyecto en detalle

Las pantallas del proyecto y los diseños de Figma proporcionados muestran la búsqueda, el catálogo y el formulario. Los detalles permiten leer los campos y el desglose del precio. Los precios del diseño son ejemplos.

Una búsqueda que conserva sus datos

Desarrollé un formulario de búsqueda compartido para las páginas de alquiler. Al elegir un vehículo, los datos seleccionados pasan a la solicitud para no volver a empezar.

Búsqueda de alquiler con recogida, devolución y fechas. Detalle del diseño de Figma proporcionado.
Detalle del proyecto

Búsqueda de alquiler con recogida, devolución y fechas. Detalle del diseño de Figma proporcionado.

Selección de fechas en el calendario de alquiler.
Detalle del proyecto

Selección de fechas en el calendario de alquiler.

1 de 2

Datos de flota sin edición repetitiva

Añadí una importación CSV para crear y actualizar vehículos, modelos, precios y campos de disponibilidad. El operador puede mantener el catálogo desde un archivo sin abrir cada ficha.

Listado de vehículos de Alofa con características y precios de alquiler.
Detalle del proyecto

Listado de vehículos de Alofa con características y precios de alquiler. Diseño original de Figma.

Fichas de vehículos con información para comparar opciones.
Detalle del proyecto

Fichas de vehículos con información para comparar opciones.

1 de 2

Solicitudes con contexto de precio

Programé las reglas de precios orientativos y descuentos. Implementé los formularios de escritorio y móvil del diseño proporcionado y probé manualmente la búsqueda y la solicitud. El resumen de precio mostrado pertenece al diseño original.

Solicitud de alquiler de Alofa con fechas, extras y resumen de precio.
Detalle del proyecto

Solicitud de alquiler de Alofa con fechas, extras y resumen de precio. Diseño original de Figma.

Desglose del alquiler y opciones de pago. Importes de ejemplo del diseño original, no precios actuales.
Detalle del proyecto

Desglose del alquiler y opciones de pago. Importes de ejemplo del diseño original, no precios actuales.

Inicio de Alofa en escritorio con búsqueda de alquiler, ofertas y categorías.
Detalle del proyecto

Inicio de Alofa en escritorio con búsqueda de alquiler, ofertas y categorías. Diseño original de Figma.

Inicio móvil de Alofa con formulario compacto de búsqueda.
Detalle del proyecto

Inicio móvil de Alofa con formulario compacto de búsqueda. Diseño original de Figma.

Diseños implementados para el primer sitio de Alofa Samoa Rentals.
Detalle del proyecto

Diseños implementados para el primer sitio de Alofa Samoa Rentals.

1 de 5

En una pantalla más pequeña

Los diseños móviles originales muestran la búsqueda y el calendario. Son los diseños proporcionados para el proyecto, no capturas del sitio actual.

Formulario móvil del diseño de Figma proporcionado. La búsqueda completa en la pantalla inicial.
Detalle del proyecto

Formulario móvil del diseño de Figma proporcionado. La búsqueda completa en la pantalla inicial.

Selección móvil de fecha y hora para un alquiler de Alofa.
Detalle del proyecto

Selección móvil de fecha y hora para un alquiler de Alofa. Diseño original de Figma.

1 de 2

El resultado

Entregado

El primer sitio de la empresa con un canal online para consultas y solicitudes de reserva.

Detalles de Alofa

¿Qué trabajo web se abordó?

La primera web de alquiler permitía explorar la flota y enviar solicitudes de reserva que el operador podía gestionar.