Bootstrap + Material Design

Bootstrap + Material Design / Mariano J. Muzas HTML5, CSS3, PHP, Mysql, bbdd, javascript, JQuery, JQuerymobile, Bootstrap, Material Design, WordPress, Newsletter, Api de Facebook, Api de twitter, PrestaShop.

Bootstrap + Material Design

Una de las primeras Webs que desarrollé con Bootstrap, fue para "Piscoemprende", una empresa enfocada a los profesionales de la psicología, que como dice su site "Te ofrece la posibilidad de recibir un asesoramiento y acompañamiento integral en el inicio de tu actividad profesional".

La web vio la luz en Julio del 2015. Tras un largo proceso de diseño y maquetación valorando diversas opciones.

Bootstrap es un framework originariamente creado por Twitter,  que tiene como objetivo facilitar el diseño Web.

Desde entonces he compaginado los templates de Bootstrap con plantillas personales.

Realizada con HTML5, CSS3, jQuery, PHP, MySql, Responsive y "wow ", (una librería javascript que sirve para que ciertos elementos vayan apareciendo con movimientos según hacemos scroll.)

La web:

Actualmente, se encuentra de algún modo abandonada, yo colaboré con ellos en su servicio web, hasta que mi anterior trabajo me obligo a desvincularme, desafortunadamente, a día de hoy, no han actualizado ese contenido.

Este site esta dividido en seis secciones, siendo fiel al estilo Bootstrap, sacándole todo el partido a las múltiples opciones que ofrece, ayudándome a trabajarlo desde dentro, siendo una gran oportunidad para conocerlo y aprender a ir un poco más lejos de las plantillas convencionales.

Destaca el diseño a dos columnas para que este presente el formulario para newsletter, que va a una base de datos que yo mismo me encargue de programar. Además del formulario de contacto que esta ligado a tres cuentas de email.

El único pero es que los formularios no tiene validación con jQuery, algo fundamental, no lo creyeron necesario.

 

 

El Blog:

Fue realizado con Material Design, aproveche la oportunidad para poder conocer también por vez primera esta forma de trabajar el desarrollo y diseño web.

Como dice Wikipedia: " es una normativa de diseño enfocado en la visualización del sistema operativo Android, además en la web y en cualquier plataforma.".

Buscamos este contraste para destacar el blog de forma independiente de la web, ya que principalmente, lo querían usar para destacar su labor casi día a día y hacerse más cercanos de forma mas amable que las Web corporativas convencionales a su publico.

El blog tiene un CMS propio, creado por mí desde cero, con PHP y MySql, muy similar al de mi blog. Edición de datos de perfil de usuario, Posts, imágenes, comentarios, votos, paginación,  etc.

En el panel de control de Psicoemprende además, pueden ver y trabajar con los datos de los adscritos a su newsletter.

En definitiva, una primera gran oportunidad para conocer y trabajar en profundidad ambos frameworks de forma profesional y con buenos resultados para ambas partes.

 

 

Lo podéis visitar en este enlace.

Otras webs recientes con Bootstrap son:

Web corporativa y cátalogo de Florette España.

Web corporativa y cátalogo de Florette Portugal.

 

Mariano J. Muzas.

Bootstrap es fantástico, pero hay mas frameworks que pasan desapercibidos, y es una lastima.

Elena Ramirez / 30-11-2016

Como el de Material Design, pero todo son tendencias, aunque si que es cierto que Bootstrap, al menos de momento, se ha ganado los honores por méritos propios.

Mariano J. / 30-11-2016

Escribe un comentario

Tu email no se hará visible