Sitio web · Diseño

Desarrollo de sitio web WordPress para un fabricante de muebles

Desarrollo de sitio web WordPress para el fabricante de muebles Filippo: diseño y UX/UI, categorías de productos con especificaciones, tienda WooCommerce y versión móvil.

Página de inicio de Filippo con el logotipo y la elección entre diseño de interiores y fabricación de muebles

El reto

CREATING.LV desarrolló para el fabricante de muebles Filippo un sitio web WordPress con un sistema de categorías de productos y formularios de contacto y, en el nuevo sitio, también una tienda WooCommerce. En este proyecto, el desarrollo del sitio web en la plataforma WordPress era necesario para que la empresa mostrara su gama de productos en un solo lugar y los clientes pudieran contactar fácilmente con el equipo sobre un producto concreto.

Filippo fabrica muebles, puertas, paneles y escaleras, y en el equipo de la empresa trabajan diseñadores y fabricantes que ayudan a hacer realidad las ideas de los clientes. Para un fabricante con varios grupos de productos, el sitio web debe resolver dos cuestiones. En primer lugar, el visitante debe encontrar su grupo de productos sin búsquedas innecesarias — muebles, puertas, paneles o escaleras. En segundo lugar, tras ver un producto, debe poder hacer una pregunta de inmediato, porque en los productos que se adaptan a la idea del cliente la conversación suele empezar con una consulta.

Nuestro papel

Los dos sitios web de Filippo — el sitio de 2021 y el nuevo — son obra de CREATING.LV. El nuevo sitio web con la tienda WooCommerce se entregó en 2026. El desarrollo del sitio web en la plataforma WordPress incluyó:

  • el análisis del proyecto y la definición de las necesidades;
  • un diseño acorde con la identidad de marca de Filippo;
  • soluciones de UX/UI para explorar los productos;
  • una versión móvil adaptada para su uso en el teléfono;
  • un sistema de categorías de productos con imágenes y especificaciones;
  • una tienda WooCommerce en el nuevo sitio web;
  • la introducción de las categorías básicas y los productos básicos;
  • formularios de contacto y secciones de preguntas para contactar con el equipo.

Vistas del proyecto

Desarrollo de sitio web WordPress: análisis del proyecto

El trabajo empezó con un análisis detallado del proyecto para comprender mejor las necesidades y los deseos de Filippo. El sitio web tenía que cumplir dos tareas a la vez: mostrar los productos que fabrica la empresa y permitir explorarlos de forma fácil e intuitiva.

De estas dos tareas se deriva la estructura del sitio web: las categorías de productos en las que se orienta el visitante, las páginas de producto con imágenes y especificaciones y las opciones de contacto, que permiten pasar de un producto a una pregunta para la empresa.

Dos sitios web para una misma empresa

El primer sitio web de Filippo, que desarrollamos en 2021, se concibió como un catálogo de productos con categorías, imágenes de los productos, especificaciones y formularios de contacto. El nuevo sitio, que desarrollamos más tarde, incluye también una tienda WooCommerce para poder ofrecer los productos también online.

El menú del nuevo sitio web incluye las secciones Inicio, Servicios, Portfolio, Para diseñadores, Contacto y Tienda, además del acceso de usuario y el carrito de la compra. En la sección Portfolio la empresa puede mostrar trabajos realizados, y para los diseñadores hay una sección aparte.

Sistema de categorías de productos

El sitio web cuenta con un sistema detallado de categorías para los productos de la empresa. Las categorías permiten al visitante pasar rápidamente al grupo de productos que necesita, por ejemplo, muebles o puertas, y explorar la oferta dentro de él.

Las páginas de producto incluyen imágenes y especificaciones. Al elegir muebles y puertas, al cliente le importa ver tanto el aspecto como los datos técnicos, por eso las imágenes y las especificaciones están en un mismo lugar y ayudan a decidir incluso antes de contactar con la empresa. Al planificar un catálogo similar, conviene acordar desde el principio qué especificaciones se indican para cada grupo de productos, porque los parámetros importantes varían entre muebles, puertas, paneles y escaleras. Una lista de especificaciones unificada dentro de cada grupo permite al visitante comparar los productos entre sí.

Tienda WooCommerce en el nuevo sitio web

En el nuevo sitio web se ha preparado una tienda WooCommerce con categorías y páginas de producto. En el momento de la entrega introdujimos las categorías básicas y los productos básicos, para que la estructura de la tienda estuviera lista para funcionar y el cliente viera cómo se presentan los productos en la tienda. WooCommerce es una extensión de WordPress, por lo que la tienda funciona en el mismo sitio web, con el mismo diseño y el mismo menú, y no como un sistema aparte.

El resto de los productos los añade el propio cliente en la administración de WooCommerce, y este trabajo continúa. Así, la empresa decide por sí misma qué productos publicar y en qué orden, y no tiene que encargar el trabajo de un desarrollador para cada producto nuevo. Un producto nuevo se crea siguiendo el mismo modelo que los ya introducidos: se elige la categoría y se añaden las imágenes y la descripción. En la misma administración también se puede cambiar el precio o la descripción de un producto, u ocultarlo temporalmente de la tienda, sin afectar al resto del contenido del sitio.

El carrito de la compra y el acceso de usuario forman parte de la tienda WooCommerce. En el carrito, el comprador reúne los productos elegidos antes de hacer el pedido, y el acceso le permite volver a su cuenta.

Contacto con el equipo de Filippo

El sitio web integra formularios de contacto y secciones de preguntas. El cliente puede, directamente desde el sitio web, hacer una pregunta sobre un producto o servicio concreto y recibir más información del equipo de Filippo — los diseñadores y fabricantes que ayudan a adaptar el producto a su idea.

La estructura del sitio web se corresponde con la forma en que el cliente suele elegir muebles o puertas: elige un grupo en el sistema de categorías, mira las imágenes y las especificaciones y después hace una pregunta mediante el formulario de contacto. Si necesita un producto según su propia idea, puede preguntar desde la misma página en la que está viendo un producto similar. Así, el sitio web del fabricante de muebles funciona a la vez como catálogo y como punto de partida de la conversación.

Diseño, UX/UI y uso en el móvil

El diseño se creó de acuerdo con la identidad de marca de Filippo. La función de las soluciones de UX/UI era ayudar al visitante a encontrar, sin búsquedas innecesarias, información sobre muebles, puertas y otros productos, y pasar de ver un producto a hacer una pregunta a la empresa.

La versión móvil adaptada también es trabajo nuestro: las categorías, las imágenes de los productos, las especificaciones y los formularios de contacto se pueden usar en el móvil. Una versión móvil adaptada significa que la maquetación cambia según el ancho de la pantalla, en lugar de mostrar en el móvil una página de escritorio reducida: las especificaciones se pueden leer sin ampliar y el formulario de contacto se rellena cómodamente en una pantalla táctil. Más información sobre esta parte del trabajo en la página Diseño web y UX/UI. Más sobre cómo se realiza el desarrollo WordPress del sitio web de una empresa en el artículo Desarrollo de sitios web WordPress.

Para quién es adecuada una solución así

Un sitio web así para un fabricante de muebles también es adecuado para otros fabricantes con varios grupos de productos y pedidos a medida — fabricantes y talleres de puertas, escaleras o elementos de interiorismo. Las categorías de productos, las especificaciones y los formularios de contacto permiten iniciar la conversación sobre un pedido a medida, y la tienda WooCommerce permite ofrecer esos mismos productos también online.

Más información sobre el desarrollo de sitios web para empresas y el desarrollo de tiendas online.

Sitio web

Nota

El portfolio refleja la solución desarrollada en el momento de la entrega del proyecto. El sitio actual puede haber cambiado.

Contacto

Iniciar un proyecto

Describa su proyecto o su consulta — le responderemos y le propondremos la solución más adecuada.

Solicitud sobre: Solicitud general Cambiar

Opcional. Los nombres y precios se toman de nuestra lista de precios.

Opcional · un archivo · PDF, JPG o PNG · hasta 10 MB

obligatorio · Política de privacidad

Iniciar un proyecto

Describa su proyecto o su consulta — le responderemos y le propondremos la solución más adecuada.

Escríbanos por WhatsApp (se abre en una pestaña nueva)