Skip to Content
Todos los proyectosTrabajo seleccionado 01

Sitio web de concepto de producto

4 min de lectura

Presence Box

Un sitio web de concepto de producto con comparación Core/Pro, un estudio de diseño 3D interactivo y una consulta basada en la configuración.

Sitio web de concepto de producto

Resumen

El proyecto de un vistazo

El problema Una idea de producto desconocida necesita una explicación clara para que alguien pueda decidir si encaja en su hogar o entorno profesional.

Lo que construí Un sitio de producto con comparación Core y Pro, un estudio 3D de modelos, acabados y grabado, un recorrido para uso profesional y preparación de consultas por correo basadas en la configuración.

Lo que requería atención El sitio debe explicar un concepto en desarrollo y dejar claro que la disponibilidad, las especificaciones y los precios aún requieren confirmación.

Lo que permite Los visitantes pueden entender el concepto, comparar los usos previstos y preparar una consulta. El sitio apoya la siguiente etapa del desarrollo del producto.

El encargo

Hacer que una idea desconocida sea fácil de entender

Presence Box es un concepto de producto que da a los teléfonos un lugar deliberado durante comidas, conversaciones y sesiones de concentración. El sitio debía explicar la idea como un sencillo ritual compartido y ofrecer suficientes detalles para explorar el objeto y sus usos previstos.

La página de inicio presenta el ritual en tres pasos: guardar los teléfonos, cerrar la tapa y estar presentes. Una paleta oscura sobria, tipografía generosa e imágenes conceptuales crean un ambiente tranquilo. El sitio conecta esa historia inicial con la comparación de modelos, la personalización y una ruta clara de consulta.

  • Un ritual compartido explicado en tres pasos
  • Una dirección visual oscura consistente
  • Descubrimiento del producto conectado con la consulta
  • Una idea de producto presentada mediante la atención compartida

El producto

Comparar el objeto y su uso previsto

La página de producto explica los materiales, los separadores interiores y las diferencias de diseño entre Core y Pro. Core se presenta como una opción pasiva para el día a día; Pro añade funciones propuestas para sesiones en espacios facilitados. Una comparación estructurada reúne el uso previsto, la capacidad, la alimentación y los precios orientativos.

La página también da un lugar claro a la validación del diseño. Las dimensiones y el rendimiento siguen sujetos a confirmación, y el sitio distingue un límite visible para los dispositivos de una garantía de privacidad. Esa claridad forma parte de presentar responsablemente un producto físico en desarrollo.

  • Core y Pro comparados en paralelo
  • Materiales y diseño interior explicados
  • Objetivos de diseño y validación claramente identificados
  • Capacidad, alimentación y precios orientativos juntos
Captura del sitio en funcionamiento · /product · Modo oscuro · 5 de octubre de 2026
Captura del sitio en funcionamiento · /product#compare · Modo oscuro · 5 de octubre de 2026

El estudio de diseño

Permitir que cada persona explore su propia versión

El estudio 3D interactivo hace tangible el producto antes de una consulta. Los visitantes pueden girar y ampliar el modelo, cambiar las vistas de cámara, abrir la tapa y mostrar las dimensiones. Los controles de modelo y acabado se conectan directamente con la vista previa, incluidas las opciones de nogal, roble y fresno negro.

El grabado añade opciones de texto, tipografía y escala junto al objeto renderizado. Las pestañas de diseño, marca y espacio mantienen organizadas las decisiones. La exportación de la vista previa, un resumen de diseño y las selecciones guardadas localmente permiten retomar una idea; el enlace para continuar lleva la configuración al recorrido de consulta.

  • Rotación 3D, vistas de cámara y apertura de la tapa
  • Opciones de modelo, acabado y grabado
  • Un diseño guardado que pasa al siguiente paso
  • Exportación de la vista previa y resumen de diseño
Captura del sitio en funcionamiento · /customize · Modo oscuro · 5 de octubre de 2026
Captura del sitio en funcionamiento · /customize · Modo oscuro · 5 de octubre de 2026

Espacios profesionales

Dar a otro público su propio recorrido

La página profesional presenta Presence Box Pro en lugares donde la atención importa: terapia y acompañamiento, reuniones y talleres, retiros y hostelería. Conecta el temporizador de sesión propuesto y el ritual de los dispositivos con preguntas prácticas sobre cómo introducir el objeto.

El contenido invita a definir el momento, acordar el límite y hacer repetible la introducción. El consentimiento, las necesidades de contacto esencial y las excepciones de accesibilidad permanecen visibles. Las llamadas a configurar Pro llevan a una consulta específica del modelo y ofrecen a los profesionales un punto de partida relevante sin presentar el concepto como un producto de seguridad validado.

  • Un recorrido específico para Pro y el uso profesional
  • Una introducción práctica para espacios compartidos
  • Enlaces de consulta específicos del modelo
  • Consentimiento y excepciones de accesibilidad visibles
Captura del sitio en funcionamiento · /for-professionals · Modo oscuro · 5 de octubre de 2026

La consulta

Llevar el diseño a una conversación útil

La página de consulta reúne modelo, acabado, cantidad y extras opcionales con una estimación orientativa. Los visitantes pueden volver al estudio 3D para ajustar el diseño y después indicar su nombre, correo, organización y requisitos adicionales cuando estén listos.

El sitio prepara una consulta para la aplicación de correo del visitante. No cobra en la página; las especificaciones finales, la disponibilidad, el grabado, el envío y el precio se confirman por correo. Así, un producto en desarrollo tiene un siguiente paso práctico: una conversación informada basada en la configuración elegida.

  • Modelo, acabado, cantidad y extras juntos
  • Una estimación orientativa antes del contacto
  • Preparación de la consulta por correo sin pago
  • Especificaciones finales y envío confirmados por correo
Captura del sitio en funcionamiento · /order?model=pro · Modo oscuro · 5 de octubre de 2026
Captura del sitio en funcionamiento · /order?model=pro · Modo oscuro · 5 de octubre de 2026

El resultado

Los visitantes pueden entender el concepto, comparar los usos previstos y preparar una consulta. El sitio apoya la siguiente etapa del desarrollo del producto.

El buen trabajo empieza con la conversación adecuada.

Hablemos de tu proyecto

Galería

El proyecto en imágenes

Sitio web de concepto de producto

Otro reto. El mismo cuidado.

Ver todo
Sitio de producto VMMS y demostración interactiva de una máquina expendedora
Siguiente / Sitio web empresarial y software de operaciones

Master Vending

Un sitio web de servicios de vending para Antofagasta y VMMS, una plataforma conectada de inventario, rutas, recaudación y equipos en terreno.

Descubrir el proyecto