Hemos rediseñado la página de inicio de nuestra plataforma para ayudar a tus residentes a comprender mejor tus iniciativas comunitarias y a participar en ellas. Nuestros nuevos widgets de contenido y nuestro diseño mejorado hacen que sea más fácil que nunca para los residentes:
Encuentra oportunidades de participación activa de un vistazo
Descubrir proyectos relevantes personalizados según sus intereses, vecindario o acciones anteriores
Sigue el progreso de la comunidad con secciones claras de "Lo que hemos hecho".
Mantente al día sobre los proyectos en curso y los próximos eventos
Los administradores pueden personalizar el diseño de la página de inicio para hacerla única para su comunidad. El constructor de páginas ofrece muchas posibilidades para crear una estructura adecuada a tus necesidades. Para empezar a diseñar tu página de inicio, haz clic en el menú "Páginas & " del panel de administración. A continuación, haz clic en "Editar" junto a "Inicio".
Ahora verás el Constructor de páginas para la Página de inicio:
A la izquierda verás todos los widgets de contenido y elementos de diseño disponibles que puedes arrastrar y soltar en tu página de inicio
En el centro verás una vista previa de la estructura actual de tu página de inicio
A la derecha verás la configuración de cualquier elemento seleccionado
Para la sección superior de tu página de inicio, te recomendamos:
Utilizar el widget de contenido "Spotlight " para destacar un proyecto o carpeta en curso
Utilizar el widget de contenido "Hero Banner " para añadir información estática en tu plataforma.
¿Quizá quieras promocionar algo en la parte superior? ¿Quizá quieras centrarte primero en la visión principal? ¿O tal vez el widget de propuestas sea clave para ti? Puedes decidir cómo quieres comunicarlo a los participantes.
Widget Spotlight
Este widget resalta una carpeta o proyecto específico, enlazando a los visitantes con su página. Puedes personalizar la imagen & descripción del resaltado, por defecto utilizará la que hayas definido a nivel de proyecto / carpeta.
Proyectos publicados & Carpetas
Este widget te permite mostrar las carpetas y proyectos que desees y reordenarlos. A diferencia del actual módulo "Proyectos" (que muestra dinámicamente todas las carpetas & proyectos en el orden en que están en la pestaña "Proyectos" del back office), este módulo te da el control total sobre qué carpetas & proyectos mostrar y en qué orden.
Este widget no puede mostrar proyectos o carpetas terminados, borradores o archivados.
Abierto a la participación
Como visitante, a veces es difícil entender dónde se requiere tu aportación, ya que la participación (una encuesta, subir tu idea...) puede estar enterrada dentro de un proyecto dentro de una carpeta. Este módulo muestra sólo las fases de los proyectos en las que la gente puede participar (haciendo una encuesta, añadiendo ideas, ofreciéndose voluntaria, etc.).
se ordenan en función de la urgencia (una encuesta que se cierra mañana tiene prioridad sobre otra que se cerrará el mes que viene)
si un usuario está registrado, afectará a la visibilidad, de modo que sólo se mostrarán los proyectos relevantes en los que pueda participar
como administrador no puedes personalizar el orden ni lo que se muestra
Proyectos acabados
Este módulo permite a los administradores mostrar proyectos ya realizados, como forma de informar a los usuarios de los resultados.
Este módulo priorizará los proyectos con una fase de informe activa (lo que significa que la fecha de finalización del proyecto está en el futuro) al final del proyecto.
También mostrará los proyectos terminados (es decir, el proyecto está publicado pero la fecha de finalización es pasada) & proyectos archivados, ordenados por los que se cerraron más recientemente.
Áreas & Temas
(aún no publicado)
Este módulo permite a los visitantes seleccionar los temas que les interesan o la zona en la que viven para ver los proyectos etiquetados en ellos.
Si un visitante no tiene una cuenta, el módulo le mostrará las áreas & temas que hayas definido a nivel de plataforma para que elija.
Si un visitante ha iniciado sesión, el módulo se adaptará automáticamente a su selección de áreas & topics. Si no los tienen seleccionados, guardará su primera elección al interactuar con el módulo (por ejemplo, si soy un usuario sin un barrio seleccionado, si selecciono "Zona X" en este módulo, se guardará como mi barrio).
Elementos seguidos
Como usuario, a veces es difícil volver a encontrar los proyectos en los que participaste en el pasado. Este módulo muestra a los usuarios registrados los proyectos que siguen, ordenados por los últimos en los que participaron activamente. Los visitantes sin cuenta no verán este módulo.
Recomendamos encarecidamente que lo añadas en la parte superior de tus páginas de inicio para que los usuarios puedan encontrar fácilmente dónde participaron por última vez.
Proyecto & Widget de carpetas (legado)
Utiliza este widget para mostrar proyectos & carpetas en una cuadrícula en la página de inicio. Como indica la parte de "legado", viene con algunas advertencias:
No recomendamos utilizar este widget, ya que es más difícil de usar para los usuarios de dispositivos móviles.
El orden de los proyectos está predeterminado - sólo puedes modificarlo modificando el orden dentro de la pestaña "Proyectos", dentro de "Todos", arrastrando y soltando carpetas & proyectos. Este widget será una representación 1:1 de tu estructura de back office en todo momento.
Te recomendamos el nuevo widget "Proyectos & Carpetas".
Widget de llamada a la acción
Este widget te permite añadir enlaces personalizados y texto en forma de tarjeta. Se puede utilizar para destacar de forma flexible cualquier cosa ante los visitantes:
Widget de banner de la página de inicio
Haz clic en el banner y, a la derecha, verás todas las opciones para configurarlo.
Puedes elegir entre: Banner de ancho completo, Banner de dos filas y Banner de proporción fija. Estas plantillas sólo son visibles en la página de inicio antes de iniciar sesión o registrarte.
¿Cuándo utilizar qué pancarta?
El banner Full-width es el mejor para un buen resultado visual, pero no funciona bien con texto o elementos cruciales a los lados de una imagen. Este banner también se reutiliza en la versión reducida del banner que se muestra a los usuarios que han iniciado sesión.
El banner de dos filas es el que necesitas cuando no quieres que el texto o el botón del banner aparezcan encima de la imagen. Este banner también se reutiliza en la versión reducida del banner que se muestra a los usuarios que han iniciado sesión.
El Fixed-ratio es la mejor variante si utilizas texto o no quieres que el banner se recorte tanto como el de ancho completo en diferentes dispositivos. Cuando se utiliza este banner, mostramos un fondo de color sólido basado en el color primario de tu plataforma en la parte superior cuando los usuarios están registrados, en lugar de esta imagen de banner. Esto es para evitar resultados de aspecto extraño.
Textos de banner para usuarios registrados & no registrados
Además de las plantillas de banner de la página de inicio, también puedes editar el texto del banner. Hay una diferencia entre el texto que se muestra en la página de inicio antes y después de iniciar sesión o registrarse.
Este texto puede utilizarse para dejar claro para qué sirve la plataforma y para hacer una llamada a la acción.
Botón Banner para usuarios registrados & no registrados
Para enriquecer tu banner también puedes añadirle un botón. En el banner previo al inicio de sesión hemos configurado un botón para registrarse por defecto. Si quieres un botón diferente, puedes seleccionar "Personalizado" y rellenar el texto del botón y el enlace al que debe dirigir. También tienes la opción de desactivar el botón.
Para el banner después de iniciar sesión también tienes la opción de añadir un botón. Esto puede ser útil para dirigir a los usuarios a un determinado proyecto que quieras destacar o a una página con más información sobre la plataforma.
Structure your content with columns, text & whitespace
Combinando los elementos de diseño puedes crear una historia atractiva para estructurar contenidos más complejos. Vamos a repasarlo.
2 columnas & 3 columnas te dan la posibilidad de utilizar columnas que son responsive en móvil. Los elementos de columna también pueden configurarse en distintas versiones cuando los seleccionas.
El espacio en blanco es un elemento de ayuda básico que añade espacios en blanco encima o debajo de cualquier elemento, siempre que lo necesites.
Los elementos de texto se pueden utilizar para poner texto en el lienzo con un formato básico.
Botón Los elementos se pueden colocar en lugares donde quieras crear una clara llamada a la acción. Los botones tienen un tamaño configurable y pueden utilizarse para enlazar a una página interna o externa.
Los elementos incrustados son tu sistema para incrustar componentes externos, como un mapa o un vídeo específico.
Los elementos de acordeón son populares como forma de agrupar FAQs u otros contenidos estructurados de Pregunta-Respuesta. Esto resulta muy útil en la parte inferior de una página de inicio.
Tamaños y dimensiones de las imágenes
Hay múltiples lugares en los que puedes personalizar tu plataforma con imágenes (fotografías o diseños visuales o gráficos) para hacer que tu plataforma sea más atractiva y comunique el aspecto y la sensación adecuados, siendo el banner de la página de inicio uno de ellos. En el siguiente artículo encontrarás las directrices exactas por tipo de imagen para asegurarte de que tus imágenes se muestran correctamente y no aparecen borrosas: