Diseño Web
Eco bambú nace a finales de 2020 mediante la idea emprendedora de un grupo de universitarios que en busca de nuevas oportunidades de negocio vio pertinente adentrarse en una de las problemáticas que más aqueja al mundo hoy en día; el cual es la contaminación de plásticos no reciclables. Eco bambú mediante la producción de dispensadores y envases recargables que se fabrican de una base derivada de fibras de bambú, pretende mitigar las consecuencias de los plasticos de un solo uso.
Para la creación del sitio web se tuvo presente la disposición de colores corporativos de la marca y en base
en ello se genero una disposición principal con una barra de navegación, un entorno minimalista dispuesto
por la paleta de color principal en combinación con la ausencia de color, dentro de las disposiciones
pertinentes dentro del diseño, se realizó un ordenado lógico dentro de cada sección. Lo cual permitió que no
se presentara fricción dentro las disposiciones de la información y los objetos presentados, dentro de cada
segmento.
Dentro de las disposiciones de la página se utilizó parámetros de justificación, paleta de colores y tipografía
homogéneos, los cuales nos permitieron tener una identidad y coherencia dentro del diseño de la web. Teniendo
presente a su vez la composición por bloques, con el cual se dispuso cada uno de los segmentos de información
y puntos de interacción con el usuario. Se tuvo presente la delimitación de los contenidos según la visualización
de los usuarios y los dispositivos utilizados para visualizar los contenidos; ya sean web, Tablet o smartphone.
La tipografía utilizada a lo largo de la página web es "Poppins, sans-serif". Una tipografía geométrica Sans-Serif
es decir sin serifa o de palo seco, que nos permite evocar un efecto de modernidad, minimalismo, limpieza y sobre
todo permitir la fácil visualización de la información, sin importar en que dispositivo se esté visualizando. Al
ser una fuente con 5 pesos diferentes nos permite variar con la fuerza y la intensidad de lo que transmitimos,
algo que intentamos adaptar dentro del peso del título inicial, los títulos según cada segmento y los textos.
Teniendo presente que la estructura de la página pretende despertar dentro de los usuarios una imagen de limpieza
y minimalismo, pero a su vez muy ligada a lo que “Aseo Eco Bambu” significaba. Se realizan algunos mockups que
completen la imagen de la marca, donde lo dispuesto dentro del diseño de la web, sea complementario con las
muestras graficas que refuercen la visual de la marca dentro de la página.
Para complementar la estética del sitio web se utilizan scroll para la generación de previsualizaciones de
contenido en desplazamiento, además de varios complementes estéticos de previsualización de botones, puntos de
interacción, botones de desplazamiento y barra de búsqueda. Todos estos recursos se implementaron dentro clases
específicas, las cuales nos permitieron replicar procesos y estandarizar funciones de interacción dentro del
sitio, sin afectar su funcionalidad.
La relevancia de los banners en el sitio web son fundamentales para la presentación inicial y final de lo que
“Aseo Eco Bambu” quiere transmitir a sus usuarios por medio de su mensaje. Es por ello que al crear el banner
inicial de la página se dispuso de una interfaz más compleja con transiciones y objetos; centrada al objetivo
mismo de la empresa y su compromiso ambiental. Y en el banner final encontramos una interfaz mas sobria,
enfocada a presentar un resumen general del sitio web y los datos de contacto de la misma.
Dentro de los mecanismos creados para el sitio web se implementó la sección de “contáctenos”. La cual permitirá
la recepción y envío de mensajes. Y su respectiva conglomeración de la información en bases SQL. Esta integración,
aunque fue implementada en el código mediante php y sus clases definidas para HTML5, depende en gran medida de
la interfaz del cpanel con sus herramientas y su respectiva conexión con la base datos. Sin embargo, este apartado
es de gran valor, ya que permite generar volumetrías y datos sobre la satisfacción de los usuarios sobre la
marca “Aseo Eco Bambu”.
Según lo dispuesto dentro del análisis del sitio web podemos definir que se establecido una ruta de modelado del
sitio donde se plasmó el Briefing de la marca, se estableció recursos prospectivos que facilitaran la dinámica de
la marca y se estableció una ruta donde se definición los definió, la misión y la visión, con esta nueva imagen
corporativa de “Aseo Eco Bambu”.
Recursos y Repositorios
© Michel Abello, Todos los derechos reservados | Diseñado por Michel.A