Un sitio grande que había que actualizar por fases
FortRocks es uno de esos proyectos en los que el trabajo del sitio exige entrar a fondo en un sector que para ti es completamente nuevo. La empresa se dedica al diseño, la fabricación y la venta de muebles premium a medida. Tiene producción propia, showroom, un gran surtido y muchos proyectos de interiorismo ya realizados.
Cuando empecé a trabajar en el sitio, FortRocks ya tenía un sitio grande en funcionamiento en Tilda, pero su aspecto se quedaba claramente por detrás del nivel del producto. La tarea era transformar el sitio poco a poco, hacerlo más premium y, al mismo tiempo, conservar la estructura existente. Al final el trabajo resultó mucho más amplio que un rediseño habitual de páginas sueltas.
Por qué FortRocks necesitaba un diseño nuevo
La empresa llegó con una petición de actualizar la información y renovar el aspecto visual del sitio. Durante el tiempo que el sitio llevaba existiendo, el negocio había cambiado de forma importante. FortRocks se mudó, abrió un showroom nuevo y amplió el surtido y la lista de servicios. En el sitio, mientras tanto, se había acumulado mucha información desactualizada, y algunas líneas estaban presentadas con poco detalle.
El diseño anterior se veía bastante estricto. Predominaba una gama en blanco y negro, los botones tenían esquinas agudas y las páginas no tenían mucha gráfica propia.
A mí me faltaban sobre todo imágenes grandes y bonitas, reseñas visuales detalladas y composiciones interesantes. Para una empresa que fabrica muebles premium, eso es una carencia importante. El comprador necesita ver la calidad de los materiales, observar las piezas y entender hasta qué punto están trabajadas las soluciones de interior. Por eso quería que las páginas fueran mucho más expresivas.
Por qué el trabajo empezó por secciones sueltas
FortRocks es un sitio grande, con un catálogo amplio, proyectos realizados y materiales informativos. Rehacerlo entero en una sola etapa habría supuesto un gasto serio. El cliente no estaba dispuesto a financiar de inmediato una versión nueva completa, así que con el cliente se acordó un rediseño por fases.
Primero se acordó actualizar las líneas comerciales más importantes. Para la empresa la prioridad eran los servicios y las categorías de muebles con mayor margen, aquellas a las que se dirigía la publicidad contextual. Por eso la primera fue la sección de cocinas. Desde el negocio, la decisión está bien fundada: mejorar primero las páginas que participan directamente en atraer a posibles clientes. Pero como desarrolladora yo veía el proyecto de otra manera.
Hoy empezaría por la portada
Siempre quiero ver el sitio entero. Aunque el trabajo vaya por fases, importa entender de antemano cuál será el sistema visual general. Si empezara ahora un proyecto parecido, lo primero que propondría sería actualizar la portada.
Después reharía las páginas principales de las secciones del catálogo, para fijar un estilo único. Y solo después pasaría a las numerosas páginas internas, a los proyectos y a los artículos. Así el diseño nuevo se extendería por el sitio de forma más coherente.
En FortRocks el orden fue otro, porque al cliente le importaba obtener antes las páginas comerciales actualizadas. El resultado es que las secciones nuevas ahora se distinguen con claridad del resto del sitio. Es una particularidad temporal del rediseño por fases, y muestra bien lo importante que es el orden del trabajo.
Cómo se buscó el nuevo estilo
Al principio de la colaboración el cliente mostró dos sitios que le gustaban: Silver HOME y Giulia Novars. Eso ayudó a definir el nivel de acabado que buscaba. Había que salir de la presentación anterior, estricta y en blanco y negro, hacia una estética más cálida, más cara y de boutique. En el diseño aparecieron acentos dorados y bronce, cambiaron los botones, se redondearon las esquinas y se rehicieron las composiciones de muchos bloques.
Pero el tiempo se fue sobre todo en la gráfica. En los muebles premium las imágenes bonitas importan muchísimo. Hay que mostrar la textura de la madera, la piedra y otros materiales, los elementos decorativos, la calidad de las superficies y cómo se ve el mueble en un interior terminado. Por eso las páginas usan fotografías grandes, ilustraciones propias, composiciones de interior, teasers y banners. Muchas imágenes se trataron y se estilizaron además. Al inicio, un diseñador externo también ayudó con la gráfica y el montaje de las páginas nuevas en Tilda; de eso hablo más abajo.
Por ejemplo, para algunos bloques de fondo se prepararon versiones de interiores con luz de tarde. Esas composiciones ayudaban a que el diseño se sintiera más atmosférico. En total hubo que preparar una cantidad muy grande de elementos gráficos, desde iconos pequeños hasta imágenes complejas a pantalla completa. Ese trabajo, en gran medida, definió el carácter de las páginas nuevas.
La primera etapa grande: las cocinas
El trabajo empezó por la página general de la sección «Cocinas». Había que presentar el surtido, mostrar de qué es capaz la empresa, explicar las ventajas de la producción propia y organizar formas cómodas de contacto.
Después el trabajo pasó a las páginas internas de los modelos. Ahí se vio lo grande que iba a ser la tarea. Cada pieza tiene sus particularidades: materiales, configuración, soluciones decorativas, características. Para una página había que elegir fotografías, preparar descripciones, pensar el orden de los bloques y presentar la información de modo que a una persona le interesara estudiarla. En las páginas se usaron imágenes grandes, presentaciones, características técnicas, formularios y gráfica propia.
Yo quería páginas en las que el visitante pudiera conocer la pieza con detalle, mirar los pormenores y hacerse una idea de lo que permite la fabricación a medida. Ver la sección: fortrocks.ru/kukhni.
Paneles de pared: otro producto, el mismo sistema de diseño
Después de las cocinas empezó la actualización de la sección de paneles de pared. También recibió una página general y numerosas páginas internas de producto. Aquí la presentación había que construirla de otra manera. Los paneles de pared están muy ligados a la arquitectura y a la composición general de la estancia. Por eso importa mostrarlos en el interior y prestar atención a la combinación de materiales, a la luz y a los detalles decorativos.
Para entonces ya había soluciones listas que se podían reutilizar. El trabajo empezó a avanzar más rápido, y las páginas nuevas mantenían el estilo común.
La sección de proyectos realizados
Quiero destacar aparte las páginas de interiores realizados. Para mí es una de las partes más interesantes del sitio de FortRocks. La empresa participa en el amueblamiento de pisos y casas de campo, y diseña y fabrica muebles para estancias sueltas o para un amueblamiento completo. Cada proyecto así es una historia propia.
Para las páginas se reunieron fotografías, visualizaciones, información sobre materiales, trabajos realizados y diseñadores. A veces se trataba de un piso o una casa enteros, a veces de estancias sueltas. Yo quería que el visitante pudiera recorrer el interior en orden, valorar los detalles y ver el resultado real del trabajo de la empresa. Por eso se dedicó mucha atención a las composiciones, a las presentaciones y al tratamiento de las imágenes.
Esas páginas importan especialmente a una empresa que trabaja con encargos individuales y caros. Muestran lo que el fabricante puede hacer de verdad y ayudan al posible comprador a imaginar el resultado de un proyecto futuro.
Un diseño nuevo para el blog
Otra línea fue la sección de artículos. Se rehicieron la página general del blog y el diseño de las publicaciones. En los muebles premium los materiales informativos importan mucho. Los compradores estudian tecnologías, materiales, soluciones de diseño y las particularidades de la producción a medida.
Y a menudo lo hacen mucho antes de estar listos para dejar una solicitud. Por eso yo quería que los artículos fueran cómodos de leer y estuvieran bien diseñados. Se prestó atención a la tipografía, a la composición de las páginas y al uso de las imágenes. El resultado es que el blog empezó a combinarse de forma más natural con las secciones comerciales nuevas.
Un volumen enorme de trabajo con el contenido
Una de las partes más laboriosas de FortRocks fue preparar los materiales de origen. Hace tiempo que noté que, en un sitio grande, ese trabajo puede llevar tanto tiempo como la propia maquetación. Y aquí no importa lo responsable e interesado que sea el cliente. La empresa tiene sus procesos de producción, empleados, clientes, proyectos en curso y muchas otras tareas. Esperar que entregara todo el contenido en archivos bien nombrados, tratados y ya repartidos por las páginas futuras habría sido ingenuo.
En FortRocks al trabajo llegaron grandes archivos de fotografías profesionales, reseñas en vídeo, visualizaciones de interiores, características técnicas y datos sobre diseñadores. Había mucha información de verdad. Aun así había que ordenarla, sistematizarla, comprobarla y a veces completarla.
Por qué una sola fotografía puede exigir tanto trabajo
Una situación típica: el cliente pasa un enlace a una carpeta de fotografías. Dentro hay decenas de archivos con nombres técnicos, fotos de distintas sesiones y originales de un tamaño enorme. No siempre se entiende enseguida qué corresponde a una pieza concreta.
A veces hay que aclarar detalles, buscar otros ángulos o ver qué versión de la imagen sirve para publicar. Después hay que tratar la fotografía, corregir la composición si hace falta y optimizar el archivo. Si se trata de una selección grande, todos esos pasos se repiten decenas de veces.
Otra cuestión es cómo se transfieren los archivos. Los archivos voluminosos guardados en la nube no siempre se descargan bien en paquetes grandes. Esos detalles técnicos pueden frenar el trabajo de verdad. Yo los tomo como una parte normal de un proyecto grande.
Foto, vídeo y gráfica adicional
En FortRocks la preparación no se limitó a las fotografías. Para muchas páginas se crearon composiciones adicionales, fondos, teasers e ilustraciones. Con imágenes sueltas se montaron presentaciones.
Las reseñas en vídeo se publicaron en plataformas de vídeo y se integraron en las páginas de Tilda. Algunas fotografías se estilizaron, con versiones de otra iluminación. Me gusta trabajar con materiales visuales, pero es un proceso laborioso de verdad, sobre todo cuando hay que mantener un estilo único en decenas de páginas.
Zero Block y modificaciones de bloques estándar
Técnicamente el proyecto resultó bastante denso. En el proyecto hay mucho Zero Block, porque el acabado premium a menudo pedía composiciones individuales complejas. Al mismo tiempo yo procuraba usar también, cuando se podía, los bloques estándar de Tilda. Si el resultado se puede obtener modificando un bloque ya hecho, suele ser más cómodo para el mantenimiento posterior.
Por eso en el proyecto se usaron Zero Block, CSS, JavaScript y distintas formas de adaptar los elementos estándar. El resultado combinó un diseño propio con lo que la propia plataforma permite.
Cuestionarios que parecen parte de un sitio premium
En las páginas nuevas aparecieron muchos formularios y cuestionarios. Con ellos los visitantes pueden precisar los parámetros del mueble que les interesan, elegir soluciones y pedir un cálculo del coste. La mayoría de los cuestionarios está hecha con bloques estándar de Tilda. Su aspecto, sin embargo, se distingue bastante del básico. Para los cuestionarios se preparó gráfica propia y se rehízo la presentación visual, para que correspondieran al estilo general de FortRocks.
Para mí es un buen ejemplo de lo mucho que puede dar el trabajo con los detalles. La base funcional sigue siendo estándar, y el usuario ve una interfaz completa y diseñada de forma individual. Claro que ese trabajo lleva tiempo. Pero el resultado influye de forma notable en la impresión general de las páginas.
Por qué incorporé a un diseñador
Al principio el volumen de tareas era tan grande que hacían falta más manos. Invité a un diseñador con el que ya había trabajado. Él ayudaba a preparar los materiales gráficos y a montar páginas y bloques nuevos directamente en Tilda. Eso permitió hacer en paralelo distintas partes del proyecto y avanzar más rápido por las secciones grandes.
Con el tiempo se fue formando una biblioteca propia de bloques y elementos de diseño. Aparecieron soluciones listas para páginas tipo, formularios, composiciones gráficas y elementos de interfaz. Ahora mucho se puede reutilizar. Para una sección nueva ya no hace falta inventar el diseño desde cero cada vez. Basta con adaptar los componentes existentes al contenido concreto.
Ahora los ajustes en curso los hago yo sola. Me gusta cuando un proyecto grande va adquiriendo su propio sistema de elementos, que simplifica el trabajo posterior.
La colaboración con el equipo de FortRocks
FortRocks resultó un cliente muy agradable. La empresa está abierta a la conversación, a comentar ideas y a buscar soluciones juntos. Para trabajar conmigo asignaron a un gestor que ayuda a reunir materiales, aclarar la información y aprobar las páginas. En un proyecto así eso importa de verdad. Hay que entender todo el tiempo las particularidades del producto, los materiales, las tecnologías y los interiores ya realizados.
Claro que no todo avanza de forma pareja. Surgen dificultades técnicas, retrasos con los materiales y cambian las prioridades comerciales. Pero en esta colaboración hay un entendimiento mutuo gracias al cual las cuestiones de trabajo se resuelven con calma.
Ahora el proyecto está temporalmente en pausa. La situación económica hace que las empresas miren con más atención los gastos, así que continuar el rediseño de las siguientes secciones está aplazado. Estoy terminando pequeños ajustes en curso y espero a que el cliente esté listo para seguir. Me gustaría mucho, con el tiempo, actualizar la portada y llevar todo el sitio a un mismo estilo.
Qué cambió después de publicar las páginas nuevas
Lo más agradable es ver cambios reales en el comportamiento de los visitantes. Según las estadísticas del sitio, la gente empezó a pasar bastante más tiempo en las páginas actualizadas. Si antes muchos usuarios abrían la página y se iban casi enseguida, ahora estudian el producto con más detalle. Miran fotografías, leen artículos, interactúan con los formularios y recorren los cuestionarios.
La cantidad de consultas desde las secciones actualizadas también creció de forma perceptible. Es un resultado importante, aunque no quiero convertirlo en una afirmación rotunda de crecimiento de ventas sin los datos correspondientes. Para una valoración justa hay que tener en cuenta las fuentes de tráfico, la actividad publicitaria y otras circunstancias.
La propia dinámica muestra que los visitantes empezaron a interactuar más con el sitio. Y al cliente le gusta el diseño nuevo. Para mí eso confirma que la dirección elegida para el diseño resultó acertada.
Qué me enseñó el trabajo con muebles caros
FortRocks fue para mí el primer proyecto con un ciclo tan largo de decisión de compra. Aquí una persona puede pasar meses eligiendo fabricante. Estudia materiales, compara ofertas, consulta con un diseñador, visita showrooms y precisa el coste y las condiciones de fabricación. Sobre todo cuando se trata del amueblamiento completo de un piso o de una casa de campo. Una decisión así requiere tiempo.
Por eso el sitio debe dar al visitante la posibilidad de conocer con calma la empresa y el producto. Las páginas detalladas de producto, las fotografías de calidad, los proyectos realizados y los artículos informativos pasan a ser partes importantes de ese proceso. Pero hay un matiz que sentí con especial claridad.
Ni siquiera un buen sitio garantiza una venta rápida
El cliente, como es natural, valora la eficacia de la colaboración ante todo por las ventas. Lo entiendo. Pero en el caso de un mueble individual y caro puede pasar mucho tiempo entre la visita al sitio y la firma del contrato. Y en la decisión final influye una cantidad enorme de factores. Una persona puede comparar varias empresas, comentar el proyecto con la familia, cambiar la configuración, aplazar la compra o revisar el presupuesto.
El diseño del sitio no puede gobernar todas esas circunstancias. Como desarrolladora puedo influir en la calidad con la que se presenta el producto, en la comodidad de la interfaz, en el contenido de las páginas y en las formas de contacto. Si los visitantes empezaron a pasar más tiempo en el sitio, a estudiar los materiales y a enviar solicitudes con más actividad, eso ya es un resultado significativo del trabajo hecho. Después entran en el proceso otras personas y otros factores. En FortRocks vi con especial claridad lo importante que es separar la calidad del sitio y el resultado comercial final.
Qué pienso del rediseño por fases después de FortRocks
Creo que actualizar por fases un sitio grande que ya funciona es del todo razonable. Sobre todo si no hay posibilidad de destinar de una vez el presupuesto a un desarrollo completo. Se puede empezar por las secciones más importantes, ir cambiando el diseño y seguir usando el sitio existente al mismo tiempo.
Si hablo de cómo organizaría ese trabajo la próxima vez, prestaría más atención a la secuencia. Primero, un sistema de diseño general y la portada. Después, las páginas principales de las secciones comerciales. Y ya después, las numerosas páginas internas, los proyectos realizados, los artículos y otros materiales. El sitio cambiaría de forma más coherente, y los elementos actualizados no parecerían ajenos frente al diseño antiguo.
En FortRocks el cliente tenía otras prioridades. Había que preparar antes las páginas importantes para el negocio, de modo que recibieran tráfico de publicidad. En ese sentido el enfoque elegido se justificó: las páginas nuevas quedaron más atractivas, los visitantes interactúan más con ellas y dejan consultas con más frecuencia. Desde el punto de vista de la integridad visual, el trabajo todavía no está terminado.
Resultados y planes
En la etapa actual se han actualizado cuatro grandes líneas del sitio de FortRocks: cocinas, paneles de pared, proyectos realizados y el blog. Se creó una gran cantidad de páginas internas, se preparó la gráfica, se trataron fotografías y vídeo, y se desarrollaron cuestionarios, formularios y composiciones propias en Zero Block. En paralelo se formó una biblioteca de bloques propia, que simplifica el desarrollo posterior. Según las estadísticas, las páginas actualizadas muestran más interacción y traen más consultas.
No considero cerrada la tarea visual. El proyecto está temporalmente en pausa: continuar el rediseño de las siguientes secciones está aplazado hasta que el cliente esté listo para seguir. Con el tiempo quiero terminar la transformación visual del sitio, actualizar la portada e ir llevando todas las secciones a un diseño premium común.
FortRocks fue para mí una experiencia profesional interesante. Mostró cuánto trabajo se esconde detrás de las páginas bonitas de un sitio comercial grande, y lo importante que es entender a fondo la actividad de la empresa con la que trabajas. También confirmó que Tilda permite hacer proyectos multipágina complejos con un diseño propio, si se trabaja con atención la estructura, el contenido y los detalles técnicos.
Ver la sección «Cocinas»: fortrocks.ru/kukhni. Sitio de la empresa: fortrocks.ru.
Rediseño por fases de un sitio que ya funciona
Si hace falta actualizar por partes un sitio grande que ya funciona, conservar la estructura actual y montar páginas nuevas en Tilda, puedo sumarme a una tarea así: desde secciones sueltas y gráfica hasta formularios y el acompañamiento posterior.