Cómo crear sitios web corporativos en Squarespace

La mayoría de la gente piensa que Squarespace es para páginas de portafolios, negocios locales o pequeñas páginas web de marketing.

Pero eso es solo la punta del iceberg.

Con la arquitectura, el modelo de contenido y la gestión adecuados, Squarespace puede dar soporte a sitios web sorprendentemente complejos y de nivel empresarial, especialmente para organizaciones con múltiples públicos, múltiples propiedades y muchos elementos en constante cambio.

La clave no es solo la plataforma. Se trata de cómo se estructura la información, cómo se diseña la experiencia y cómo se proporciona al equipo responsable del sitio web un sistema que realmente puedan gestionar.

En esta entrada, analizaremos cómo enfocar los proyectos empresariales de Squarespace a partir de un ejemplo real: Explore Washington Park, un complejo de 410 acres situado en Portland (Oregón), que recibe millones de visitantes al año, cuenta con múltiples atracciones y tiene una enorme cantidad de información que organizar.

«Empresarial» no significa necesariamente «enorme».

Cuando la gente oye hablar de «página web corporativa», suele imaginarse una gran empresa, un enorme departamento de marketing interno, una infraestructura tecnológica compleja y un presupuesto digital de seis cifras.

Pero la complejidad empresarial no tiene que ver realmente con el tamaño de la empresa.

Se nota cuando hay mucho en juego, cuando varios grupos necesitan que la web funcione, cuando la información debe mantenerse precisa en numerosas páginas y cuando la organización no puede permitirse rehacerla cada dos años.

«Explore Washington Park» es un ejemplo perfecto. La organización gestiona el transporte y los servicios para los visitantes del parque más visitado de Portland. La página web tenía que dar servicio a millones de visitantes, reunir información de varias atracciones importantes, mostrar datos en tiempo real sobre el transporte público y el aparcamiento, cumplir con las normas de accesibilidad WCAG 2.1 AA y poder ser gestionada por un equipo de marketing formado por tan solo una persona y media.

Eso es trabajo a nivel empresarial, aunque el equipo que se encarga del mantenimiento de la web sea pequeño.

Mira la conversación

Christy Price se reunió con Kristine Neil para hablar sobre cómo se gestó el proyecto, qué lo hizo más complejo que la creación de una página web habitual y qué deben tener en cuenta los diseñadores de Squarespace antes de presentar propuestas para trabajos de este nivel.

Ver: https://www.youtube.com/watch?v=CE7m1PRBtvo

Merece la pena ver la conversación completa. A continuación, te presento las lecciones que más me han llamado la atención.

Lo que crearon Kristine y su equipo

La página web terminada incluye:

• Un localizador de autobuses en tiempo real con estimaciones de llegada que se actualizan cada 30 segundos

• Disponibilidad de plazas de aparcamiento en tiempo real en los principales aparcamientos del parque

• Mapas interactivos accesibles

• Un buscador de itinerarios organizado por duración, coste e intereses de los visitantes

• Planificación de desplazamientos que da prioridad al transporte público en las páginas de atracciones

• Un calendario de eventos unificado desarrollado por Eventually

• La información sobre accesibilidad se tiene en cuenta a la hora de planificar el viaje, en lugar de quedar oculta en una página dedicada al cumplimiento normativo

El proyecto se puso en marcha en Squarespace 7.1, cumplía con las directrices WCAG 2.1 de nivel AA y proporcionó al equipo interno una página web que realmente podían mantener.

El cliente de Kristine calificó el resultado final como «mejor de lo que podríamos haber soñado».

1. Elige la plataforma pensando en las personas que tendrán que convivir con ella

Muchas decisiones técnicas se toman preguntándose qué se puede construir.

El equipo de Kristine también tuvo que plantearse qué se podía mantener.

La antigua página web de WordPress convertía las pequeñas actualizaciones en incidencias de soporte técnico y facturas. Una reconstrucción totalmente a medida podría haber generado el mismo problema, pero de una forma más costosa. La organización no necesitaba la pila tecnológica más impresionante desde el punto de vista técnico. Necesitaba una base sólida y flexible de la que un equipo interno muy reducido pudiera hacerse cargo tras el traspaso.

Eso cambia el debate sobre la plataforma.

La mejor solución no siempre es la que tiene el mayor potencial teórico. A veces es aquella que permite al cliente realizar actualizaciones sencillas sin tener que recurrir a un desarrollador, al tiempo que deja margen para el desarrollo a medida cuando realmente es necesario.

2. Utiliza Squarespace tal cual para lo habitual y el desarrollo a medida para lo excepcional

Una de las decisiones más acertadas del proyecto fue no intentar obligar a Squarespace a hacerlo todo.

Las páginas, las imágenes, los eventos y la mayor parte del contenido cotidiano podían alojarse en el entorno nativo de Squarespace. Las funciones especializadas, como los datos de tráfico en tiempo real, la disponibilidad de aparcamiento y las herramientas interactivas, se gestionaron como componentes personalizados independientes.

Esa separación es importante.

El cliente puede editar el contenido que hay detrás de esas herramientas en las colecciones habituales de Squarespace sin que se pierda accidentalmente el trabajo personalizado. Las partes complicadas siguen siendo complicadas entre bastidores. La experiencia diaria sigue siendo sencilla.

Esta es una forma más útil de plantearse el trabajo avanzado con Squarespace. Squarespace no tiene por qué ser la solución completa. Puede ser la base sólida sobre la que se asienta todo lo demás.

3. El verdadero trabajo comenzó antes del diseño

La parte más importante de una página web grande suele ser aquella que nadie ve.

Antes de diseñar la web, Kristine y el equipo de Explore Washington Park trabajaron en los contenidos. Identificaron lo que los visitantes necesitaban saber, estandarizaron la información en las 16 páginas dedicadas a atracciones y servicios, y reflexionaron detenidamente sobre cómo el lenguaje podía facilitar la planificación a personas con diferentes necesidades.

Eso es lo que hace que una web grande resulte sencilla.

No es posible que cada página invente su propia estructura. No es posible que cada atracción describa de forma diferente los horarios, los precios, los recorridos, la accesibilidad y el transporte. El modelo de contenido tiene que hacer parte del trabajo antes incluso de que comience el diseño.

Por eso mismo, los proyectos de mayor envergadura no son simplemente versiones más grandes de sitios web pequeños. El diseñador no se limita a organizar páginas, sino que ayuda a la organización a decidir cómo debe funcionar la información.

4. La accesibilidad debe estar presente en el proyecto desde el principio

La accesibilidad no fue un requisito añadido a última hora durante la última semana.

Esto influyó en los esquemas de diseño, el contenido, la paleta de colores, la estructura de las páginas, los mapas interactivos, el rastreador de lanzaderas y el comportamiento del teclado. Una consultora independiente especializada en accesibilidad, Nicole Nault, auditó el trabajo y llevó a cabo pruebas con usuarios antes de que el sitio web obtuviera la certificación WCAG 2.1 Nivel AA.

Ese nivel de trabajo cambia el significado de «terminado».

Además, influye en el perfil de las personas que pueden ser necesarias para el proyecto. Un diseñador no tiene por qué dominar personalmente todas las especialidades, pero sí debe saber reconocer cuándo el trabajo requiere conocimientos más especializados e incorporar a las personas adecuadas con la suficiente antelación para que su aportación sea relevante.

5. El diseñador principal se convierte en la única persona a la que el cliente puede llamar

Quizá esta sea la lección más importante de todo el proyecto.

Kristine no solo se encargaba del diseño de las páginas. Coordinaba al equipo del cliente, a un socio de desarrollo a medida, a un consultor de accesibilidad, a varios proveedores de datos, a una plataforma de eventos, a socios de la organización y a las partes interesadas de la comunidad.

Sabía cuándo recurrir a Will Myers para los trabajos de ingeniería. Planificó la auditoría de accesibilidad. Se encargó de que los proveedores cumplieran con sus plazos. Sirvió de enlace entre el trabajo técnico y los objetivos reales de la organización.

Desde el punto de vista de la clienta, ella se convirtió en la única persona capaz de llevar todo el peso de la situación.

Esa es una propuesta de valor diferente a «Diseño páginas web con Squarespace».

A medida que los proyectos se hacen más grandes, los clientes no solo pagan por el diseño y el desarrollo. Pagan por alguien que pueda reducir la incertidumbre, coordinar a los especialistas, tomar decisiones y llevar el proyecto hasta el final.

La lección más importante para los diseñadores de Squarespace

Si quieres pasar a proyectos más grandes, la lección no es que tengas que abandonar Squarespace o fingir que eres una agencia gigante.

Tienes que ampliar tu visión de lo que consideras que es tu trabajo.

La página web puede incluir estrategia de contenidos, investigación, accesibilidad, datos en tiempo real, desarrollo a medida, gestión de las partes interesadas, coordinación con los proveedores y un plan de traspaso que proteja al cliente mucho tiempo después del lanzamiento.

No tienes por qué hacer cada pieza tú mismo. De hecho, probablemente no deberías hacerlo.

Pero alguien tiene que comprender el problema en su totalidad. Alguien tiene que formar el equipo adecuado. Alguien tiene que asegurarse de que todas las piezas se conviertan en un único sistema útil y fácil de mantener.

Así es como un diseñador independiente empieza a estar cualificado para trabajar en empresas.

Descubre el proyecto

Mira la entrevista: https://www.youtube.com/watch?v=CE7m1PRBtvo

Lee el caso práctico de Kristine Neil: https://kristineneil.com/blog/explore-washington-park

Visita «Explora Washington Park»: https://www.explorewashingtonpark.org/

Más información sobre Kristine Neil: https://kristineneil.com/