Saltar al contenido
← Volver a proyectos
PROYECTO DE EJEMPLO / 042026

Nodo PC.

El siguiente nivel se arma pieza a pieza.

Tienda de piezas para computadoras

Una tienda para explorar componentes, armar tu PC y revisar el pedido.

Se abre en otra pestaña para que puedas recorrer la página y volver aquí cuando quieras.

(01 / EL PROYECTO)

Qué puedes
encontrar aquí.

Una tienda para explorar componentes, armar tu PC y revisar el pedido.

QUÉ INCLUYE
  • Catálogo con filtros
  • Armado de una computadora
  • Resumen del pedido
PARA VER EN

Computadora, tablet y celular.

EJEMPLO DE PORTAFOLIO

Creado para mostrar cómo podría funcionar una página para este tipo de negocio.

(02 / ASÍ SE VE)

Tu página,
en cada pantalla.

Elige un dispositivo para cambiar la vista de muestra. Para usar los menús y botones de la página, pulsa Visitar página.

VISTA DE LA PÁGINA

Así se ve en cada pantalla.

Visitar página

Se abre en otra pestaña

Elige una pantalla para cambiar la vista. La imagen de abajo es una muestra sin interacción. Pulsa «Visitar página» para recorrerla y probar sus botones.

  1. 01 / EXPLORAEncuentra tu pieza.

    Filtra el catálogo y revisa los datos clave de cada componente.

    Ver el catálogo
  2. 02 / ELIGE LAS PIEZASPrepara tu equipo.

    Elige las piezas de una computadora y revisa cuánto costaría.

    Armar una computadora
  3. 03 / REVISATodo en un pedido.

    Ajusta cantidades y prepara una selección de ejemplo para conversar sobre una web con Nubicore.

    Probar la tienda
(03 / PROCESO)

De la idea
a la página.

Así organizamos Nodo PC para ayudar a encontrar una pieza o preparar un equipo. Es un concepto de Nubicore: el objetivo y las preguntas imaginan lo que necesitaría una tienda.

01 / IDEA INICIAL

Primero, entender
el objetivo.

Ejemplo: una tienda de piezas para computadoras ofrece componentes sueltos y equipos armados a medida.

Objetivo
Ayudar a elegir componentes y convertir esa selección en una solicitud de cotización clara.
Para quién
Personas que mejoran su computadora, buscan una pieza concreta o quieren preparar su primera PC.
Qué puede hacer el visitante
Revisar la selección y solicitar una cotización por WhatsApp.
PREGUNTAS PARA EMPEZAR

Antes de dibujar,
hay que preguntar.

  1. 01

    ¿Qué datos ayudan a comparar dos componentes sin perderse entre especificaciones?

  2. 02

    ¿Cómo dar un camino propio a quien compra una pieza y a quien necesita un equipo completo?

  3. 03

    ¿Qué debe revisar una persona antes de enviar su pedido a la tienda?

Preguntas planteadas para este concepto; no se hicieron entrevistas a clientes.

02 / SECCIONES DE LA PÁGINA

La información,
en orden.

Las secciones siguen el orden en que una persona necesita descubrir la propuesta y decidir qué hacer.

  1. 01Inicio
  2. 02Componentes
  3. 03Arma tu PC
  4. 04Tu pedido
03 / BOCETO DE ESTRUCTURA

Primero ordeno
el contenido.

Dos recorridos en páginas propias que llegan al mismo pedido: explorar componentes o construir una PC paso a paso.

  • Ofrecer “Explorar componentes” y “Arma tu PC” desde la primera pantalla, con una página dedicada para cada tarea.
  • Mostrar el tipo de pieza, su descripción, su precio y el botón en el mismo orden para comparar productos con facilidad.
  • Mostrar el precio estimado y permitir revisar y cambiar la selección antes de enviar la solicitud.
Este boceto muestra dónde van los textos, las imágenes y los botones antes de elegir colores y letras.
04 / COLORES Y DISEÑO

Así toma forma
la página.

Una tienda que muestra las piezas para computadoras con sus datos ordenados y botones fáciles de encontrar.

  • Los fondos blancos facilitan la lectura de los productos y el gris oscuro ayuda a destacar las piezas.
  • El rojo destaca los botones del menú, los productos y la herramienta para armar tu PC.
  • Las fotos oficiales permiten reconocer los productos; cuando no hay foto, se muestra el nombre del modelo con claridad.

Cuando trabajamos juntos, revisamos el diseño antes de construir la página. Puedes visitar este ejemplo para recorrer sus secciones y probar sus botones.

04 / RESULTADO

De la idea
a la pantalla.

Una tienda de ejemplo donde puedes buscar piezas, armar una computadora y revisar el pedido antes de pedir una cotización por WhatsApp. Los precios son de referencia: antes de comprar, la tienda tendría que confirmar que las piezas funcionan juntas, que están disponibles y cómo realizar el pago.

Una web para el siguiente paso de tu negocio.

Cuéntanos qué necesita tu empresa y definimos juntos el alcance del proyecto.

Hablemos por WhatsApp
SIGUIENTE PROYECTO / 05Trama Mayorista↗
Cotiza tu web