CERVESES GLOPS

EDGAR OLMO I BACELÓ
2B GRAF PUBLICITÀRIA

 

El meu disseny web es basa sobretot en el redisseny estètic que he fet a la identitat corporativa de l’empresa GLOPS. És un redisseny modern, adequat als nous temps i per això la web té aquest aire jove.

He decidit utilitzar el tema Snaps sobretot per les pastilles que hi ha sota de la imatge de capçalera ja que em semblaven interessants, la manera d’interactuar amb el visitant de la web. És la millor manera d’aproximar el blog a una web professional.

web

La interfaç també em sembava elegant, distintiva, i després modificant els colors de fons he aconseguit ressaltar encara més aquesta idea d’elegancia ja que els dissenys de les cerveses de l’empresa tenen un caire refinat.

web 1

Com esmenavem abans, el tema ha estat escollit sobretot per les pastilles que hi han sota el menú, que óbviament és un menú totalment funcional amb els apartats de GLOPS per accedir a la web d’inici, Historia de la empresa on trobarem informació sobre la fundació, Les nostres cerveses on veurem un petit resum de qué elaboren, i un apartat de Galeria per veure imatges sobre la seu de l’empresa i el seu taller.

Sota aquest menú es localitzen les comentades pastilles que ens parlen més profundament sobre les dues cerveses produïdes, Winver i Tartumn, un formulari de contacte i informació sobre la empresa que no trobarem a la barra de menús.

web3

Per acabar, he posat a l’inferior de la pàgina dividit en tres columnes o “footers” els diferents widgets on trobarem:

· Publicacions: Un llistat per mesos amb les publicacions de la web.
· Social: Icones que estàn conectades a les reds socials de l’empresa.
· Twitter: Un widget conectat al Twitter de l’empresa on surten twitts emesos per la pròpia o on els usuaris hagin esmentat a l’empresa.
· Blogs: Llistat de blogs compartits o amics.
· Calendari de fires o events: Widget amb un calendari on es marquen les fires o events als que acudirà l’empresa.

web4

 

G L O P S

(https://glopsblog.wordpress.com/)

Anuncis
CERVESES GLOPS

FULL GAS GARAGE

VICTOR MOLINA GOMEZ

https://fullgasgarage.wordpress.com/

He hecho el diseño de la web para el taller de mecánica y personalización Full Gas Garage, ubicado en Sabadell, Barcelona.

He utilizado el tema Hemingwey rewritten, que le da ese toque de sencillez, con un menu sencillo pero a la vez elegante y limpio.

pagina web.jpg

Modificaciones:

La primera modificación es la de la gama cromática, añadiendo un gris ya que se asimila con la temática del taller, la mecánica, lo tecnológico y lo metálico.

He cambiado la tipografía por la Open Sans, de palo seco más inteligible, agrandando su tamaño respectivamente junto con el recuadro negro.

He añadido 4 opciones en el menú, el inicio que es una breve explicación, el contacto, la galería con varias fotografías y la información donde te puedes documentar sobre lo que se realiza en el taller exactamente.

Como widgets he añadido el Facebook, un calendario, un contador de visitas de la pagina web y una cuenta atrás hasta el viernes, que es el dia que se acaba el cole.

FULL GAS GARAGE

APSIS STUDIO

Sheila Terrón Noves

Web para un colectivo de diseño gráfico e ilustración creado por Joana Martínez y yo. En él trabajamos diferentes proyectos que nos han encargado, por lo que se ha creado una página para mostrar el resultado de dichos encargos.

He escogido el tema “snaps”, el cual tiene un diseño muy sencillo y es ideal para crear un portfolio. La idea era crear una página sin demasiado contenido, con una navegación fácil y en la que encontrar todos los proyectos realizados fácilmente.

snaps-homepage1

Se han realizado cambios visuales, en la imagen de cabecera y de fondo.

Imagen 1

Además se ha creado un menú dividido en años, para hacer más fácil el acceso a los trabajos. En cada año se han creado subpestañas a cada proyecto.

Imagen 2

Se han añadido diferentes widgets:

En contactos, un widget con la información de contacto (ubicación, teléfono…) y de redes sociales que direcciona a los perfiles de Apsis Studio en Facebook e Instagram, además de un enlace a la página de Apsis en Domestika. En este apartado también encontramos un formulario para contactar directamente con mi correo.

En Portfolio se ha creado un widget de galería de imágenes, en el cual se puede visualizar fácilmente todas las fotos de los proyectos, sin necesidad de entrar en cada apartado.

En cada página del portfolio podemos encontrar la opción de compartir en diferentes redes sociales, para poder publicitarnos en twitter, facebook y G+.

Ver página web

 

 

 

APSIS STUDIO

QUETZART WEB

Diana Oviedo López
2º B GP

Decidí realizar el diseño web para Quetzart, una tienda online de joyería en macramé regida por Gosia, una joven de origen polaco afincada en Barcelona que desde sus inicios en el mundo artesanal, ha ido promoviendo esta milenaria técnica.

Con la finalidad de promover su gama de productos a través de un blog/página he escogido el tema Sela, debido a su adaptabilidad responsive, la opción de mantener un menú estático y la posibilidad de añadir entradas por columnas en la página inicial a modo de información sobre cada categoría de producto.

sela-theme-featured-image

Modificaciones realizadas:
La primera modificación destacable es la de la gama cromática, adaptada al tono de la imagen de marca, la tipografía principal o de los títulos así como el de la fuente base.

He añadido el logotipo de Quetzart, en la parte superior de la página y un menú con tres puntos: Inicio, Sobre Quetzart (información para los clientes sobre quién está detrás de las creaciones) y el link a la tienda ETSY donde se venden los productos. Además, añadí una pequeña frase a modo de introducción en el inicio de la página.

Para poder colocar categorías según los productos, he añadido la opción de páginas reticular tal y como se aprecia en la demo, en cada apartado se extiende otra página donde se observa una breve explicación junto con una galería de imágenes y el encabezado de imágen para cada apartado.

En cuanto a los widgets, los tres apartados anteriores son considerados como widgets de texto; he añadido al pie de la web widgets de contacto, de facebook y de navegación, así como el menú de las redes sociales.

WEB: https://quetzart.wordpress.com/

QUETZART WEB

APSIS STUDIO WEB

Joana Martínez Comas

2n B GP

He decidido realizar la web entorno a Apsis Studio, que es un proyecto personal de diseño que una compañera ( Sheila Terrón) y yo llevamos a cabo. Se trata del inicio de un colectivo de diseño. En esta web  pretendo mostrar nuestros trabajos realizados hasta la fecha.

El tema que he escogido para realizar este proyecto ha sido el tema Harmonic, He escogido este tema porque es muy visual, se basa en la imagen y esto me era muy útil para el contenido que pretendía mostrar.

Tema Harmonic sin editar:

Ediciones realizadas en el tema base:

He añadido un menú que se divide en 5 puntos, cada uno con una finalidad.

El primer punto es una página de inicio en la que encontramos una breve descripción de que es Apsis Studio, al final de esta plana encontramos un acceso en miniatura a las ultima entradas del blog.

El segundo punto es un breve apartado que cuenta con una ilustración que nos representa, en este punto hablo de nosotras, quienes somos y nuestras motivaciones.

El tercer punto tiene diferentes subpestañas en las que se dividen nuestros trabajos por clientes.

El cuarto punto es un blog, en el que se comenta el avance o/y realización de nuestros proyectos. Este punto permite comentar las entradas, lo he creado con la finalidad de interactuar con los seguidores, una forma de saber su opinión y publicitarnos.

Finalmente,  el cuarto punto es el contacto, los mensajes enviados mediante este mecanismo llegan directamente a mi correo personal. En el¡ste ultimo punto he añadido Widgets: uno muerta el calendario, otro nuestra situación y otro sirve como link directo a nuestras redes sociales.

He editado la tipográfia ( tamaño de carácter incluido) y los colores preestablecidos en el tema.

WEB: https://apsisstudioblog.wordpress.com/

APSIS STUDIO WEB

ELLEN VON UNWERTH WEB

Mireia Domènech
2n A GP

 

Web sobre la fotògrafa Ellen Von Unwerth. És un exemple de com podria ser la web-portfolio per a algú que es dedica a la imatge. S’ha donat màxima importància a les fotografies, establint el portfolio com a pàgina d’inici. Si es clica a cadascuna de les fotografies s’obté informació com el títol o data.

El tema escollit és el Blask Theme. S’ha triat per  la seva fàcil navegabilitat (menú visible en tot moment), l’opció de tenir portfolio i blog alhora i la seva estètica minimalista, adequada per a mostrar fotografies. Un altre detall important és que es responsive.

blask-portfolio-page-tamplate
Tema Blask sense modificar


Modificacions
:
– S’ha personalitzat el menú (Works/News/Bio/Contact)
– S’ha personalitzat el peu de la web, afegint widgets (calendari, categories, núvol d’etiquetes i twitter)
– L’apartat “news” és en realitat el blog, permtent una actualització fàcil per tal de comunicar les notícies.
– A “contact” s’adjunta un formulari.
– Gamma cromàtica i tipografies (titulars i cos).
– S’han afegit les icones de xarxes socials.
– S’ha canviat la miniatura que es mostra a la pestanya del navegador per tal que no surti la icona de WordPress.

 

Clica sobre la imatge per visitar el web:

Captura de pantalla 2016-05-17 a les 20.24.58

 

 

 

ELLEN VON UNWERTH WEB

ANTIQUE CICLES BARCELONA

Alumno: Jorge Otero Regaña

Antique Cicles se trata de una tienda, taller y restauradores de bicicletas clásicas, situados en Barcelona. Su función o trabajo es el retorno a la vida de aquellas bicicletas de carretera clásica que han quedado abandonadas.

foto portado web

La plantilla utilizada se trata de la Edin, una plantilla estructurada dentro de un retícula vertical, la cual se puede subdividir en “full page” que se es a pantalla completa o en “grid page” que es en 3 columnas. Escogí este tema por el hecho de poder añadir una imagen de cabecera grande. Otro aspecto ha sido su diseño sencillo que permite al visitante la obtención de la información clara y directa.

El diseño de esta página web se basa en la sencillez y el contraste, por ello he utilizado unos colores como el gris, el blanco y el rojo. Respecto a la tipografía he utilizado la Open Sans, una tipografía de palo seco sans sherif. Otro elemento que he personalizado es la imagen de cabecera donde he añadido el logotipo y una imagen de una bicicleta clásica.

Respecto a las funcionalidades, he añadido diferentes widgets con la intención de hacer mas sencilla la navegación. Primeramente he añadido el menú superior donde encontraras las diferentes secciones. La barra lateral donde se encuentran diferentes widgets para poder localizar publicaciones, fotos y eventos dentro de la página. Por último he añadido en el pie de la página  donde encontrarás la localización, información, redes sociales y el contacto de Antique Cicles.

screencapture-antiqueciclesbcn-wordpress-com-1463508007995

Ver página web

ANTIQUE CICLES BARCELONA