Diseño de tienda online
Páginas de tienda diseñadas en Figma en torno a cómo la gente navega, compara y paga, listas para cualquier desarrollador.
Características principales
- Diseños de página en Figma para escritorio y móvil
- Biblioteca de componentes con estados: hover, seleccionado, sin stock, error
- Prototipo clicable del proceso de compra
- Notas de traspaso al desarrollador
- Aquí no se paga nadaPrimero recibe un presupuesto por escrito. Sin pago, sin compromiso.
- Vendido y entregado por GRADAXUn contrato y un equipo, quienquiera que haga el trabajo.
- Sus datos se quedan en la UENada se traslada fuera de la unión para su tratamiento.
Sobre este servicio
Diseñamos las páginas que deciden si una tienda vende: la página de inicio, el listado de categorías, la ficha de producto, el carrito y los pasos de pago. Cada una se diseña primero para móvil, ya que ahí llega la mayor parte del tráfico de una tienda, y se construye en torno a las preguntas que tiene el comprador en ese punto. Recibe los archivos de Figma y un conjunto de componentes con el que cualquier desarrollador puede trabajar.
La página de producto sostiene la venta
Las rediseños de tiendas online suelen empezar por la página de inicio porque es la más visible a nivel interno. Para el comprador, la decisión ocurre en la ficha de producto, y la mayoría de los visitantes llegan ahí directamente desde búsqueda o anuncios, sin ver nunca la página de inicio. Por eso nuestro paquete más pequeño es solo la ficha de producto.
Una buena página de producto responde a las preguntas del comprador en el orden en que surgen. Qué es y cuánto cuesta. Si me quedará bien o me conviene. Cuándo llegará y cuánto cuesta el envío. Qué pasa si necesito devolverlo. La mayoría de las páginas de producto responden bien a la primera pregunta y entierran el resto en pestañas o en el pie de página. En un móvil, un comprador que no encuentra los gastos de envío en un par de desplazamientos suele irse a comprobarlo a otro sitio.
Diseñar primero para el móvil
En la mayoría de las tiendas, la mayor parte de las visitas proviene de teléfonos, y la conversión en teléfonos suele ser inferior a la de escritorio. Parte de la diferencia es comportamiento real: la gente navega en el teléfono y compra más tarde en el ordenador. Parte es diseño: filtros que se abren en una superposición estrecha, botones demasiado pequeños para pulsarlos, galerías de imágenes que no se deslizan.
Diseñamos primero los layouts móviles y luego ampliamos a escritorio, en lugar de comprimir un diseño de escritorio. Cada componente se diseña en todos sus estados: seleccionado, agotado, error, cargando. Esos estados son donde más se improvisa en los desarrollos, y los estados improvisados son donde las tiendas parecen inacabadas.
Especificaciones
- Categoría
- Web y comercio
- Precio
- 420 € a 1580 €
- Tamaños
- Pequeña (Rediseño de la página de producto), Mediana (Páginas clave de la tienda), Grande (Diseño completo de tienda)
- Plazo de entrega
- 1 a 5 semanas
- Facturado
- Pago único
- Qué obtiene
- 4 elementos, todo incluido en el precio
- Qué necesitamos de usted
- Sus recursos de marca y cualquier guía de diseño existente, Muestras de datos de producto: imágenes, descripciones, variaciones, Acceso a analítica, o sus principales dudas de los clientes
- Lo compran sobre todo
- Moda y complementos, Hogar y muebles, Salud y belleza, Artículos deportivos
- Vendido y entregado por
- GRADAX, un contrato y un solo equipo
- Dónde se tratan sus datos
- Unión Europea
Qué obtiene
Todo lo que aparece abajo está incluido en el precio. Nada de esto es una mejora.
- Diseños de página en Figma para escritorio y móvil
- Biblioteca de componentes con estados: hover, seleccionado, sin stock, error
- Prototipo clicable del proceso de compra
- Notas de traspaso al desarrollador
Qué cambia
- Páginas de producto que responden a precio, entrega, devoluciones y talla antes de que el comprador tenga que desplazarse mucho
- Páginas de categoría con filtros que se ajustan a cómo eligen realmente sus clientes
- Diseños móviles creados primero, no adaptados a la fuerza desde escritorio
- Un conjunto de componentes para que las nuevas páginas sean coherentes
Compare los planes
El precio estándar de cada tamaño. Los extras se presupuestan al lado, no escondidos tras una llamada.
| Incluido | Rediseño de la página de producto420 €1 semana | Páginas clave de la tienda750 €2 a 3 semanas | Diseño completo de tienda1580 €4 a 5 semanas |
|---|---|---|---|
| Página de producto, móvil y escritorio | Incluido | Incluido | Incluido |
| Estados de componentes | Incluido | Incluido | Incluido |
| Una ronda de revisiones | Incluido | Incluido | Incluido |
| Notas de entrega | Incluido | Incluido | Incluido |
| Todo lo de Rediseño de página de producto | No incluido | Incluido | Incluido |
| Página de inicio, página de categoría y carrito | No incluido | Incluido | Incluido |
| Diseño de filtros y ordenación | No incluido | Incluido | Incluido |
| Prototipo clicable | No incluido | Incluido | Incluido |
| Dos rondas de revisiones | No incluido | Incluido | Incluido |
| Todo lo de Páginas clave de la tienda | No incluido | No incluido | Incluido |
| Pasos de checkout, área de cuenta, resultados de búsqueda, plantilla de landing | No incluido | No incluido | Incluido |
| Biblioteca completa de componentes | No incluido | No incluido | Incluido |
| Revisión de diseño durante el desarrollo | No incluido | No incluido | Incluido |
| Añadir al presupuesto |
Añada lo que necesite
Choose the size
Añada lo que necesite
Su total€750
El precio estándar, más lo que usted añada. Confirmado por escrito antes de empezar; no se cobra nada hasta que lo acepte.
Cómo funciona
Investigar
Analítica, preguntas de clientes y tiendas de la competencia revisadas en busca de fricciones.
Wireframe
Estructura de páginas acordada antes de empezar el diseño visual.
Diseño
Primero móvil y después escritorio, con todos los estados de cada componente.
Traspasar
Archivo de Figma, prototipo y notas para quien lo desarrolle.
Preguntas
¿También diseña la parte visual?
No en esta oferta. El diseño está listo para cualquier desarrollador, incluido el nuestro mediante una oferta de tienda o de desarrollo.
¿Pueden diseñar para nuestro tema de Shopify?
Sí. Diseñamos dentro de los límites de su tema cuando quiera mantenerlo, o con libertad cuando planee un desarrollo a medida. Acordamos cuál al principio.
¿Aumentará las ventas un diseño nuevo?
Debería eliminar fricción, pero no prometeremos una cifra. Recomendamos probar la nueva página de producto contra la antigua donde tenga suficiente tráfico.
Búsquedas relacionadas
Trabajos relacionados
ScopedRevisión de conversión de la tiendaDónde se pierde el dinero entre la página de producto y la confirmación.from 890 €según alcance
Pago únicodesarrollo de tiendas onlineFunciones e integraciones personalizadas de tienda sobre su plataforma: configuradores de producto, sincronización con ERP, lógica de pago a medida.from 350 €
ScopedSprint de diseño de UIPantallas diseñadas y prototipadas en dos semanas, listas para construir.from 1800 €según alcance
Pago únicocreación de tienda BigCommerceUna tienda BigCommerce configurada con su catálogo, pagos, envíos y las funciones B2B por las que es conocida.from 290 €
Pago únicoDesarrollo de tienda MagentoCorrecciones, extensiones, cambios de tema y actualizaciones en tiendas Magento 2 y Adobe Commerce.from 290 €
Pago únicoCreación de tienda PrestaShopUna tienda PrestaShop construida sobre un tema mantenido, con los módulos limitados a los que necesita.from 290 €
¿Ningún plan encaja?
Algunos trabajos tienen forma propia. Primero los analizamos y los presupuestamos por escrito; la llamada de análisis no tiene coste.