Projectes,

Actualitzat estudimelic.com (v3.2)

De la mateixa manera que hem actualitzat www.ricardvilanova.com, ara li ha tocat el torn al web www.estudimelic.com a la versió 3.2 amb responsive design.

HTML5 + CSS3 + Bootstrap + jQuery + animation.css + PHP són algunes de les tecnologies que hem utilitzat per donar-la per acabada.

Actualitzat ricardvilanova.com (v6)

Actualitzat el web www.ricardvilanova.com a la versió 6.0 amb responsive design (adaptativa a navegadors d’escriptori, tablets i mòbils).

Primer es va fer una versió (beta) només per desktop i finalment s’ha reconduit totalment per deixar-la mobile first i responsive design òbviament.

En aquesta ocasió ens hem ajudat de HTML5 + CSS3 + Bootstrap + jQuery + animation.css + PHP.


A més a més hem investigat AMP i, en la mida dels coneixements que hem anat adquirint, també hem preparat la pàgina canonical en versió Accelerated Mobile Pages tot i que encara hi han alguns problemes tècnics que caldrà anar resolent…

Díptic FlexiPorta

Díptic DIN-A4 (format tancat) de presentació de producte amb aplicació de la nova imatge corporativa a la comunicació gràfica.


[ Projecte realitzat en col·laboració amb eBridge ]

Web FlexiPorta

Web sota una estructura one page landing responsive web… o el que és el mateix, un web estructurat en HTML5 basat en animacions Parallax, llibreries JavaScript i Google Fonts, adaptatiu i escalable (responsive web) als diferents dispositius (especialment els mòbils), sota la idea d’una única pàgina principal (one page landing) sobre la que es pot navegar sota l’scroll amb tot el contingut principal (optimització per cercadors).

www.flexiporta.com




[ Projecte realitzat en col·laboració amb eBridge ]

Logotip Veiras instal·lacions

Logotip per empresa d’instal·lacions d’aigua, gas, electricitat, calefacció, xarxes informàtiques…

Actualitzat també ricardvilanova.com (v5.1)

Per tal de mantenir la consistència visual d’Estudi Melic, hem actualitzat també ricardvilanova.com a la versió 5.1 (mateixos continguts, però amb la gràfica d’Estudi Melic).

I pensant paral·lelament en la imminent v6 (ja pràcticament acabada) amb disseny totalment responsive, adaptatiu a mòbils (smart phone, tablets i desktop). Tot i que, a nivell gràfic, serà pràcticament el mateix. L’únic dubte és si finalment l’anomenaré v5.2 o v6

A veure si d’una vegada per totes arreglem allò del “en casa del herrero, cuchara de palo”;-)

Web 5.0 (2014)
Web 5.1 (2015)

Logotip FlexiPorta

Targetes:

Cartells indicadors:

Logotip per empresa de fabricació i instal·lació de portes industrials ràpides, enrotllables i/o plegables.


[ Projecte realitzat en col·laboració amb eBridge ]

Banners MIM BCN



[ Projecte realitzat en col·laboració amb eBridge ]

Promo rasca-rasca MIM BCN



[ Projecte realitzat en col·laboració amb eBridge ]

“Rentat de cara” al web

Aprofitant la pausa estiuenca estem fent un “rentat de cara” al web. Hem mantingut els continguts de la versió 3.0 de principis de 2014, però li hem donat un aire més fresc… més actual… més flat… més adequat a les darreres tendències gràfiques.


Web 3.0 (2014)
Web 3.1 (inminent)

Acabant últims detalls abans de pujar la nova versió…

- A nivell de continguts s’ha eliminat la part d’idiomes. Ara només estarà en català (les estadístiques manen!).

- I pel que fa al disseny, s’ha ampliat l’amplada del web (però aprofitant l’amplada base del bloc de projectes perquè no es desmanegui tot), s’han utilitzat tipografies font-face, el comentat de gràfica flat i aplicació de colors pastel, especialment en grans franjes de color aprofitant tot l’ample de pantalla.

- Paral·lelament estem treballant el community manager i estem ampliant xarxes socials i publicant periòdicament per obtenir més repercusió. Cal fer “soroll”… ;-)


Aquí tenim un abans i un després i l’evolució que ha tingut des de la primera versió 1.0 de 2008.

Web 1.0 (2008)
Web 2.0 (2010)
Web 2.5 (2012)