DSP the Brand Studio

Work Title
Year
Customer Name
I'm a paragraph. I'm connected to your collection through a dataset. To update me, go to the Data Manager. Click Preview to see my content. The Data Manager is where you store data to use in your site pages, or collect data from site visitors when they submit a form.
This collection in the Data Manager is already set up with some fields and content. To customize it with your own content, you can import a CSV file or simply edit the placeholder text. You can also add more fields which you can connect to other page elements so the content displays on your published site. Remember to sync the collection so your content is live! You can add as many new collections as you need to store or collect data.


Estilo de la marca
El estilo de la marca se refiere a como la marca será representada visualmente en cualquier plataforma que se pretenda mercadear, para esto se propone los siguientes dos puntos:
-
Imágenes que reflejan el resultado de los adultos mayores después de recibir ayuda del centro, es decir, serán imágenes que reflejan alegría, cambio de vida. Si se representa una imagen diferente, será para un determinado artículo o campaña para concientizar.
-
Las formas serán curvas y óvalos como contenedores para las imágenes y botones.
.png)
Las tipografias oficiales son la combinación de tres, las cuales estan selecionadas para diferentes fines, mostrados a la izquierda.

Ejemplo de imagenes a utilizar en el website (imágenes de stock descargadas desde freepik y shutterstock)

Wireframe del website
A continuación se presenta la propuesta para la página principal del centro, el cual está dividido en 5 partes que son:
-
Portada con una imagen de color de fondo que vaya degradando. Esta sección se utilizará para dar a conocer qué es el centro (breve explicación).
-
En la segunda sección está la parte de los servicios. Pondremos un botón para abundar en otra página.
-
En la tercera sección, la información de quienes califican para estos servicios. Con botón para abundar sobre el tema.
-
Después viene la sección de Blog y noticias.
-
Por último, cerraremos con un formulario de contacto al lado de una imagen inspiracional y luego el pie, con detalles de navegación y de contacto del CAAM.
-
En la tercera sección, la información de quienes califican para estos servicios. Con botón para abundar sobre el tema.
-
Después viene la sección de Blog y noticias.
-
Por último, cerraremos con un formulario de contacto al lado de una imagen inspiracional y luego el pie, con detalles de navegación y de contacto del CAAM.

Se presenta a continuación las secciones del website ya a color, y un concepto más acabado, dividiendo la página principal en 5 partes que son:
1) Portada + Sobre nosotros
2) Nuestros servicios
3) Área Cobertura
4) Blog - Noticias
5) Formulario contacto y cierre
Prototipo de alta Fidelidad


A continuación vistas de las diferentes plataformas para el website.