Desarrollo de sitio web onepage para la startup Printstone

Printstone es una startup cuyo sitio web presenta las tecnologías y los productos de la empresa. En este proyecto, el desarrollo del sitio web para una startup consistió en un sitio web WordPress de una sola página y su diseño, desarrollados por CREATING.LV. El proyecto se entregó en 2024.

La nueva empresa necesitaba una presentación breve y clara: que el visitante entendiera en una sola página qué ofrece la empresa, viera los productos en imágenes y pudiera ponerse en contacto de inmediato. Igual de importante era que la empresa pudiera modificar el contenido por sí misma a medida que evolucionara su oferta.

CREATING.LV realizó todo el trabajo, desde la investigación hasta el sitio web terminado. Nuestro trabajo incluyó:

• la investigación y el plan de la estructura de una sola página, es decir, el mapa de la página;
• el prototipo;
• el diseño web del sitio;
• un tema de WordPress a medida;
• secciones con descripciones de la tecnología y los productos, galerías de imágenes y un formulario de contacto;
• diseño responsive y carga rápida;
• la base SEO;
• la gestión de contenidos, para que el cliente pueda editar el contenido por sí mismo.

Se trata de un desarrollo de sitio web para una startup, desde el diseño hasta el sitio terminado. En el pie del sitio se indica “Printed by SIA CREATING.LV”.

El trabajo empezó con una investigación: qué había que contar sobre la empresa, sus tecnologías y productos, y qué debe encontrar primero el visitante. En un sitio de una sola página, el mapa de la página significa el orden de las secciones: el orden en el que el visitante, al desplazarse por la página, conoce la empresa y llega al formulario de contacto. En un sitio de varias páginas, el visitante elige qué página abrir, pero en un sitio de una sola página el orden lo establece el desarrollador, por lo que esta decisión se tomó antes del diseño.

Después creamos un prototipo en el que se podían evaluar el orden y el contenido de las secciones antes del diseño. Un prototipo es un modelo simplificado de la maquetación de la página única sin el acabado visual definitivo: muestra dónde se sitúa cada sección, los títulos, los bloques de texto, las galerías y el formulario de contacto, y se puede comentar y modificar antes de empezar el trabajo de diseño. Solo entonces se pasó al diseño y al desarrollo en un tema de WordPress a medida con una maquetación responsive para ordenador, tableta y móvil. Este orden permite acordar la estructura a tiempo, para no tener que reorganizar toda la página durante las fases de diseño y desarrollo.

En el momento de la entrega, todo el contenido estaba distribuido en una sola página por secciones:

• descripciones de la tecnología y los productos;
• galerías de imágenes;
• formulario de contacto.

El visitante conoce la empresa desplazándose por una sola página: primero descubre la tecnología y los productos, después los ve en imágenes y al final llega al formulario de contacto. El formato de una sola página no tiene un menú con muchos subapartados ni páginas en las que el visitante pueda perderse — toda la historia de la empresa está en un único flujo secuencial. El flujo incluye también una sección que presenta al equipo de la empresa.

La tecnología de una startup suele ser nueva para el visitante, por lo que hay que explicarla antes de mostrar los productos. El sitio web de Printstone presenta tanto las tecnologías como los productos de la empresa, de modo que el visitante puede entender primero cómo trabaja la empresa y solo después conocer los productos concretos. Las ventajas de la tecnología se muestran en una sección propia de la página única: cuatro ventajas, cada una con un icono y una breve descripción.

Las descripciones de los productos se pueden editar en la administración de WordPress, por lo que pueden ampliarse cuando la empresa desarrolle nuevos productos o precise los existentes.

El diseño se creó específicamente para este sitio web y se implementó en un tema de WordPress a medida, no en una plantilla prediseñada. Los productos y la tecnología se muestran en galerías de imágenes, por lo que la oferta de la startup se entiende incluso sin textos largos, y las descripciones de los productos complementan las imágenes con la información esencial. El cliente puede añadir por sí mismo nuevas imágenes a las galerías cuando aparezcan nuevos productos.

Más información sobre esta parte del trabajo en la página Diseño web y UX/UI.

El formulario de contacto está al final de la página única, donde llega el visitante después de ver las tecnologías, los productos y las galerías. Un formulario de contacto significa que el interesado no tiene que copiar una dirección de correo electrónico ni abrir un programa de correo — puede enviar su pregunta desde la misma página mientras sigue leyendo sobre los productos. Para una startup que apenas empieza a establecer contactos con clientes y socios, es una forma sencilla de recibir preguntas a través del sitio web.

El diseño es responsive: el sitio web de una sola página se adapta a las pantallas de ordenador, tableta y móvil, y las secciones se desplazan en el móvil igual que en el ordenador. El sitio se creó para cargar rápidamente — en el formato de una sola página esto es especialmente importante, porque el visitante abre todo el contenido a la vez, incluidas las galerías de imágenes.

Para el sitio web se configuró una base SEO, para que los buscadores entiendan de qué trata el sitio. En el formato de una sola página, todo el contenido tiene una única dirección, por lo que esta base se aplica al conjunto de la página. Normalmente incluye el título y la descripción de la página para los buscadores, así como una jerarquía lógica de títulos de las secciones.

El cliente edita el contenido por sí mismo en la administración de WordPress — puede cambiar textos, sustituir imágenes de las galerías y ampliar las descripciones de los productos sin ayuda de un desarrollador. Para una startup esto es fundamental, porque la gama de productos y el mensaje cambian con frecuencia al principio, y no hace falta encargar un trabajo de desarrollo para cada cambio.

En el tema a medida, la disposición y el estilo de las secciones están integrados en el propio tema, mientras que los textos y las imágenes se pueden editar en la administración. Esto permite que el cliente cambie el contenido sin afectar al diseño de la página única ni al orden de las secciones.

WordPress con un tema a medida. Un tema a medida significa que el sitio tiene lo que esta página necesita, sin las funciones superfluas de una plantilla prediseñada. Más información sobre cuándo y por qué elegir esta plataforma en el artículo Desarrollo de sitios web WordPress.

Un sitio web de una sola página es adecuado para una startup o un producto nuevo cuando hay que mostrar lo esencial sobre la tecnología y los productos y permitir que los interesados se pongan en contacto, pero todavía no se necesita un sitio amplio de varias páginas. Este desarrollo de sitio web onepage para una startup es también un buen punto de partida si más adelante se prevén secciones adicionales o páginas de producto.

Si hay muchos productos, servicios o idiomas, un sitio web de una sola página se vuelve largo y más difícil de recorrer, por lo que es más adecuado un sitio de varias páginas. Puede consultar costes orientativos de desarrollo en la página Precios de desarrollo de sitios web, tiendas online y sistemas.

• Desarrollo de sitios web
• Diseño web

printstone.lv

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