Back to posts

Migración de Shopify a Finqu: cómo Takomo creó una tienda online totalmente personalizada

Takomo construyó una tienda online a su medida

Takomo Systems quería una tienda online que estuviera a la altura de la calidad con la que fabrican sus PC gaming. Cuando decidieron renovar por completo la parte más importante de su tienda, Takomo rediseñó toda su plataforma enfocándola totalmente en su negocio y cambió Shopify por Finqu.

En la tienda online de Takomo, no solo eliges un producto y vas a pagar. El cliente puede configurar su propio PC gaming componente a componente, comparar opciones, recibir ayuda en su elección y seguir el proceso de fabricación de su equipo tras realizar el pedido.

Todo sucede en una tienda online que refleja la esencia y la identidad de Takomo.

PC gaming, uno a uno

Takomo Systems comenzó su actividad en 2017. Los primeros equipos se ensamblaron en un salón, pero con el paso de los años, la empresa ha crecido hasta contar con sus propias instalaciones de producción en Järvenpää.

Sin embargo, algo no ha cambiado: Takomo fabrica sus ordenadores en Finlandia y ofrece una alternativa a los PC gaming producidos en masa. Cada equipo se construye según las preferencias y necesidades del cliente, y esta misma filosofía se traslada a su tienda online.

Comprar un PC gaming a medida implica muchas decisiones. El procesador, la tarjeta gráfica, la memoria, la placa base y otros componentes deben ser compatibles, pero la compatibilidad técnica es solo el principio. El cliente también debe entender en qué casos merece la pena invertir más dinero y cuándo la diferencia entre dos opciones es meramente técnica.

Por eso, la función de la tienda online no es solo mostrar componentes, sino ayudar a configurar el ordenador adecuado.

“Para nosotros, la tienda online es también un vendedor. El cliente no necesita saber de antemano cuál es la diferencia entre dos procesadores; la tarea de la tienda es explicarlo con un lenguaje sencillo y la información justa para que el cliente tome una decisión de compra inteligente.
Por eso, el configurador te indica directamente qué pieza limita el sistema y en qué notarás realmente los próximos cien euros de inversión. Si comprar se siente como descifrar una lista de componentes, habremos fracasado”.

Cuando se reconstruye la parte más importante de la tienda

La antigua tienda de Takomo en Shopify funcionaba bien, pero había mucho en el Configurador de PC que querían mejorar en la siguiente versión.

Takomo creó su primer configurador de PC en 2021, cuando la escasez mundial de componentes hacía que montar ordenadores fuera un reto excepcional. Con esta herramienta, los clientes podían montar un PC solo con las piezas que estaban realmente disponibles. Con los años, se convirtió en el eje central de las ventas online de Takomo.

Cuando comenzó la planificación de la nueva versión, no se trataba de una pequeña actualización. El configurador de PC iba a ser reconstruido prácticamente desde cero, lo que brindó la oportunidad de replantear toda la tienda online con una nueva perspectiva.

La plataforma también cambió.

Dejaron atrás Shopify y construyeron la nueva tienda sobre Finqu.

PC Builder 2.0 facilita las decisiones difíciles

La parte más visible de la nueva tienda es PC Builder 2.0.

Anteriormente, el cliente tenía que elegir entre configuraciones basadas en AMD e Intel incluso antes de realizar la comparación. Ahora, ambas se encuentran en la misma experiencia y los componentes pueden compararse directamente allí mismo, mientras se construye el PC a medida.

El cliente tampoco necesita conocer de antemano las diferencias técnicas entre las distintas placas base ni abrir nuevas pestañas para comparar y entender qué cambia realmente entre dos opciones. El configurador integra toda la información esencial en el propio proceso de selección.

El cambio puede parecer un simple rediseño de la interfaz, pero para Takomo se trata de algo mucho más importante: una forma de facilitar la venta de un producto complejo online.

La tienda no solo ofrece opciones. Ayuda a elegir entre ellas.

La tienda no tiene por qué parecer estándar

Takomo no se conformó con personalizar solo la funcionalidad del configurador.

Se crearon seis temas visuales completamente diferentes para la tienda, que acompañan al cliente durante todo el proceso de compra, desde la página de inicio hasta la página de pedido. El mismo PC gaming puede configurarse en un mundo de chicas gato, una interfaz con estética de pergamino o un tema "Takomo 9x" que parodia a Windows 95.

Los productos y los precios siguen siendo los mismos. La experiencia cambia por completo.

Takomo 9x es quizás el detalle más divertido de todo el proyecto y, al mismo tiempo, uno de los mejores ejemplos de lo que Takomo buscaba en su nueva tienda online. La interfaz de usuario de la tienda no tiene por qué funcionar según los estándares de la plataforma; puede modificarse para convertirse en una parte esencial de la marca de la empresa.

“El motor de temas de nuestra tienda online es un buen ejemplo de todo el proyecto. No es una funcionalidad que hubiera llegado nunca a la hoja de ruta de un equipo de desarrollo más grande.
Las nuevas herramientas basadas en IA y el flujo de trabajo que creamos para el desarrollo de temas de Finqu han reducido la barrera para implementar incluso las ideas más locas, de una manera que habría sido imposible de imaginar hace unos años”.

El resultado final no parece Finqu en absoluto. Parece 100% Takomo.

El servicio continúa incluso después del pedido

El PC Builder no es la única parte creada para Takomo en la nueva tienda.

Cuando un cliente pide un PC gaming a medida, el mensaje estándar de "pedido en proceso" de una tienda online dice muy poco sobre el progreso real. En Takomo, el cliente no se queda esperando a que envíen el paquete. En la nueva tienda, esto se hace tangible directamente en la página de pedido del cliente. El usuario puede ver cuándo se recibió el pedido, cuántos días hábiles se estima que faltan para que el PC esté terminado y cuándo se ha enviado el equipo.

La IA también se ha integrado en el servicio con dos funciones distintas, eligiendo el modelo de IA adecuado para cada propósito. El asistente de atención al cliente puede responder preguntas sobre garantías, entregas y personalización, entre otras cosas.

El asistente del PC Builder, por otro lado, ayuda a analizar la configuración del usuario y a comparar componentes entre sí. Se utiliza Claude para la atención al cliente, mientras que el análisis y las comparaciones del configurador se ejecutan con Gemini 3.1 Pro.

En ambas soluciones, el punto de partida es el mismo: la tienda online sigue la forma de atender al cliente de Takomo, incluso cuando las funciones de comercio electrónico predefinidas no son suficientes por sí solas.

¿Cómo fue desarrollar sobre Finqu?

En una tienda altamente personalizable, no todo depende de lo que la plataforma ofrece de forma nativa. También debe haber espacio para ideas que nadie ha implementado antes.

El configurador de PC de Takomo forma parte de la misma tienda Finqu donde el cliente realiza sus compras. La lógica de selección personalizada, las comparaciones de componentes, las interfaces alternativas y otras soluciones creadas para Takomo conviven en la misma experiencia de compra y conducen al carrito y al proceso de pago de forma habitual.

El proceso de pago, los métodos de pago y la gestión de pedidos ya estaban resueltos por defecto, por lo que no fue necesario personalizarlos. De este modo, todo el tiempo de desarrollo pudo dedicarse a lo que es visible para el cliente y a lo que hace que la tienda de Takomo destaque frente a la competencia.

Aun así, el desarrollo no estuvo exento de dificultades. Takomo resolvió algunas limitaciones por su cuenta y, para otras, necesitó la ayuda de Finqu. Por ejemplo, el tiempo estimado de producción personalizado inicialmente no se trasladaba del carrito al pedido, por lo que el problema se solucionó desde la plataforma.

“Eso es precisamente lo mejor de todo el proyecto: un comercio de nuestro tamaño realmente puede hablar con las personas que también pueden implementar cambios en la plataforma. Es completamente diferente a hablar con un servicio de soporte estándar. En Finqu, una solicitud de cambio no se pierde por el camino; llega hasta donde puede ser resuelta”.

Implementación técnica en resumen

La tienda está construida sobre el tema Nova de Finqu, pero desde la perspectiva del cliente, queda muy poco del tema original. El código del tema, los estilos y la lógica del navegador han sido escritos en gran medida por Takomo.

El lenguaje de plantillas utilizado es Liquid, el mismo que en Shopify. Por lo tanto, se pueden aprovechar las estructuras y la forma de trabajar de la antigua tienda en lugar de tener que aprender todo desde cero con una nueva plataforma.

Datos de producto directamente en el configurador

El configurador de PC necesita toda la selección de componentes a la vez: precios, estados de stock, imágenes y agrupaciones de más de cien productos.

Los datos se integran directamente en la página mediante Liquid, por lo que el configurador no tiene que esperar a realizar peticiones de red adicionales para abrirse. Al mismo tiempo, la gestión de productos sigue siendo la estándar de Finqu. Los componentes son productos normales en sus propias categorías, por lo que no es necesario mantener un registro de productos independiente.

Toda la configuración al carrito de una vez

Un equipo de PC gaming consta de 15 a 17 líneas de pedido que deben añadirse al carrito de compra como una sola entidad.

Esto se realiza a través de Storefront GraphQL con una única cartLinesAdd mutación, y la URL de pago se recibe en la misma respuesta. El tiempo estimado de producción se incluye como información adicional en la línea, de modo que también puede mostrarse en la confirmación del pedido y en la página de pedidos del cliente.

La compatibilidad se resuelve en el navegador

Qué piezas encajan entre sí y qué debe cambiarse según otras elecciones se resuelve en el navegador utilizando la lógica propia de Takomo.

No se requiere ninguna funcionalidad especial de la plataforma para esto. Basta con que haya espacio para que el JavaScript del tema haga su trabajo y que los datos del producto estén disponibles en el formato requerido.

El proceso de pago y los mensajes también se han adaptado para reflejar la identidad de Takomo.

El proceso de pago funciona fuera del tema, por lo que su apariencia y las pequeñas adiciones funcionales se gestionan mediante inyecciones de JavaScript específicas para el canal de Finqu.

Por otro lado, los correos electrónicos de confirmación de pedido y envío se han creado como plantillas MJML propias en el editor de correo de Finqu. De este modo, la personalización se extiende desde la tienda hasta el proceso de pago y llega incluso a la comunicación posterior a la compra.

Desarrollo a su propio ritmo antes del lanzamiento

El tema reside en Git y se sincroniza con un tema de desarrollo independiente. Los cambios pueden probarse como si fuera una tienda real antes de publicarse en producción y ser visibles para los clientes.

En el trabajo de desarrollo propiamente dicho, Takomo ha utilizado casi exclusivamente los modelos Claude de Anthropic, eligiendo siempre el modelo más adecuado para cada tarea.

  • 135 componentes en 14 secciones
  • 47 reglas de compatibilidad
  • 7 diseños de tienda (temas)
  • 2 idiomas mantenidos

¿Por qué Finqu en lugar de Shopify?

Takomo conocía Shopify desde hacía años. Era una plataforma funcional y el nuevo configurador de PC también podría haberse construido sobre ella.

Dado que el configurador de PC y gran parte de la experiencia de la tienda iban a renovarse de todos modos, se volvió a considerar la elección de la plataforma. Lo esencial era que Finqu fuera capaz de llevar a cabo el mismo plan sin que Takomo tuviera que rebajar sus ambiciones.

“Shopify nos resultaba familiar y funcional, y no nos fuimos por necesidad. Pero como el configurador y gran parte de la experiencia de la tienda se iban a renovar de todos modos, fue el momento natural para reevaluar también la plataforma”.

La transición resultó ser técnicamente más sencilla de lo esperado. Ambas plataformas utilizan Liquid como lenguaje de temas, por lo que la estructura y la lógica del tema resultaron inmediatamente familiares. Para alguien que migra específicamente desde Shopify, esto supone una ventaja significativa.

Los menores costes operativos jugaron claramente a favor de Finqu. Sin embargo, lo que es aún más importante, Takomo pudo construir exactamente la tienda que había planeado. Por ejemplo, en Shopify, la modificación del proceso de pago está restringida al plan de suscripción más caro.

El origen finlandés de la plataforma también influyó en la elección.

“Somos una tienda online finlandesa con el distintivo Avainlippu y montamos cada dispositivo a mano en Järvenpää. Es lógico que la tienda también esté construida sobre una plataforma de Finqu”.

La tienda terminada de Takomo hace que la comparación entre plataformas sea algo concreto. Una tienda online altamente personalizada no significa automáticamente Shopify. También se puede construir una experiencia a medida en Finqu, donde la estructura, la lógica de compra y la interfaz de usuario de la tienda se llevan al límite según las necesidades de la propia empresa.

“Si alguien nos preguntara si Finqu puede gestionar una implementación altamente personalizada, la respuesta es sencilla: hemos implementado con éxito todas nuestras ideas de desarrollo sin mayores dificultades, a pesar de su ambición”.
No dejamos nada fuera del plan solo porque la plataforma cambiara.

Visita la tienda online de Takomo → www.takomo.store

La nueva tienda es la base para las próximas ideas

Takomo describe su nueva tienda online como una plataforma para cosas nuevas. Es una forma precisa de entender también el resultado de todo el proyecto.

El configurador de PC, las comparativas de componentes, las distintas interfaces de usuario, el asistente de IA y la página de seguimiento del estado de producción no son el punto final. Son ejemplos de cómo la tienda online puede desarrollarse cada vez más en torno a los productos, los clientes y la forma de trabajar de Takomo.

Por lo tanto, la nueva tienda no es solo una renovación exitosa.

Le da a Takomo más espacio para cualquier cosa que se les ocurra a continuación.

Written by
Manne
Start for free

Turn your idea into a thriving business — with all the tools you need, right from the start.