disseny web Archives

Nou projecte: Optievents

Ja podeu veure penjat a la pàgina web de 2CREA2 el projecte d’Optievents!

Plataforma web

Optievents és una plataforma web que ajuda amb la part més feixuga d’organitzar un esdeveniment: la recerca de proveïdors.
En aquesta comunitat web hi ha un directori de més de 3.000 proveïdors per esdeveniments d’empresa, des de restaurants i càterings fins a activitats de lleure i gadgets.
La plataforma està organitzada des de dos apartats principals: “La Herramienta” i “Proveedores”. Ambdós serveixen per trobar un proveïdor però amb diferències. La herramienta selecciona els 6 proveïdors de cada categoria que més s’adapten a les teves necessitats (prèviament definides des d’una sèrie de filtres) i Proveedores és un directori, on també pots filtrar segons les necessitats que tinguis.

Disseny i arquitectura web

2CREA2 també hem fet l’estudi d’arquitectura web i de continguts, basant-nos en un esquema molt simple i potenciant l’usabilitat des de qualsevol dispositiu. És una pàgina web amb disseny responsive.

Consultoria, màrqueting online i posicionament

Un projecte web d’aquesta magnitud requereix una estratègia definida i clara de comunicació i imatge. Des de 2CREA2 realitzem la consultoria estratègica del negoci així com la consultoria web i de comunicació. A part, també portem a terme tasques de posicionament web.

Mira el projecte aquí: Optievents – 2CREA2

Mira la pàgina web aquí: Optievents: Comunitat de proveïdors d’esdeveniments d’empresa

Nous projectes entrats a la web – II part

Avui us volem parlar d’un altre projecte que hem dut a terme aquest principi d’any i que recentment hem penjat a la pàgina web de 2CREA2.

Es tracta de Ca la Iaia, un centre de dia que ha obert les seves portes a finals de maig. És un centre de dia per gent gran diferent: tenen unes instal·lacions modernes, plenes de llum i de vida, amb mobiliari de disseny i amb una filosofia de “el primer és el client”.

Ca la Iaia va venir a 2CREA2 amb una lleugera idea del que volia i necessitava: tot. Des de 2CREA2 li hem desenvolupat tota la imatge corporativa, la pàgina web i la publicitat.

En quant a la imatge corporativa, necessitavem transmetre la modernitat del centre i alhora la calidesa del sector. Per això vam optar per un logotip abstracte i una gama de colors amables amb un toc de vermell, punt diferencial i que aporta el punt de vida que requeria el projecte.

Seguint la imatge corporativa vam desenvolupar la papereria corporativa: targetes, sobres, paper de carta.. i també els fulletons publicitaris inicials.

La pàgina web segueix la línia corporativa inicial i dóna a conèixer els diferents serveis i informacions de l’empresa.

Si la voleu veure cliqueu al següent enllaç: Ca la Iaia web

Què us ha semblat? Nosaltres hem estat molt còmodes durant tot el desenvolupament del projecte i estem molt orgullosos del resultat: una imatge corporativa forta i diferencial.

Si heu d’engegar un projecte i necessiteu els materials bàsics i necessaris per començar: la imatge corporativa, pàgina web, targetes de visita i fulletons corporatius contacteu amb nosaltres i us farem una oferta irrenunciable 😉

Nou projecte a la web de 2CREA2: JERC

Ja hem actualitzat la pàgina web de 2CREA2 amb el nostre últim projecte de desenvolupament web: JERC.

Fa uns mesos les JERC ens van contactar perquè volien una nova pàgina web amb més funcionalitats, un nou disseny i que fos responsiva. Després de varies reunions i d’un treball conjunt vam anar definint el disseny i funcionalitats de la nova pàgina web.

Però www.jerc.cat és molt més que una sola pàgina web: és més aviat una plataforma web, és una web que crea webs. M’explico: Des del gestor general de la pàgina web, desenvolupat a mida des de 2CREA2, es poden crear diferents tipus de pàgines web de JERC segons el contingut i funcionalitat que vulguin.

Aquest era un requeriment necessari ja que les JERC es van ampliant per diferents municipis i territoris del país i necessitaven poder crear cada nova web ells mateixos. Aamb el gestor poden crear una nova web per cada territori incorporat i donar-li les diferents funcionalitats que requereixi.

A part de les pàgines webs locals i regionals, també es poden crear un tipus de web Sectorials, amb continguts referents a un tema específic.

Podeu veure algunes imatges del projecte aquí: JERC – 2CREA2 O bé podeu entrar directament a la pàgina web i comprovar-ne el resultat: www.jerc.cat

Recursos disseny web i gràfic: icones vectorials gratis!

Els icones són un recurs molt utilitzat a l’hora de fer un disseny web o un disseny gràfic. Et permeten representar gràficament molts conceptes de manera fàcil i generalment acceptada.

És per això que hi ha moltes pàgines web i molts dissenyadors que ofereixen icones que dissenyen de manera gratuïta.

Un tipus d’icones que estan molt de moda i s’utilitzen molt en els dissenys web actualment són els anomenats “Line Icons”. L’iOS 7 els va incorporar en el seu disseny i són minimalistes, no busquen protagonisme, simplement descriure la funció que fan.

Us adjuntem un enllaç a una d’aquestes pàgines que ofereixen recursos gratuïts, en aquest cas un paquet de 150 line icons:

Freebies Gallery

Recursos per inspirar-se en disseny web

El disseny web és una disciplina en constant evolució i ara els dissenyadors no només han de pensar en l’estructura i estètica dels elements sinó que s’ha incorporat el moviment, les transicions, el parallax, el disseny responsiu i molts elements que fan que una pàgina web es vegi moderna i viva.

Com que hi ha infinitat de possibilitats han sortit moltes pàgines web de recursos. Algunes són simplement d’inspiració, d’altres han creat tot de sistemes UI amb molts elements de disseny necessaris per a webs i es poden comprar, etc.

Recursos per inspiració de disseny gràfic

Hovers per a icones

Efectes per links

Flat UI design

I n’anirem posant més ja que a nosaltres ens serveixen com a inspiració a l’hora de crear desenvolupar pàgines web i nous dissenys.

Adobe Milagros: l’últim programa Adobe per dissenyadors!

Doncs sí, com ens agradaria que existís aquest programa per poder fer tot tipus de feines que demanen els clients!

De moment, seguirem amb l’Illustrator, el Photoshop, Indesign… per fer el disseny gràfic i disseny web de manera “tradicional”!

Via: Ateneu Popular

Problemes Illustrator: mostrar requadre delimitador

Doncs bé, el consell d’avui és molt simple i senzill però útil!

Si esteu treballant fent disseny web o qualsevol cosa amb l’Illustrator algun cop us deu haver passat que, de sobte, no es mostra el requadre delimitador dels objectes i, per tant, no podeu modificar-ne les mides ni transformar-los.

Doncs bé, la solució és fàcil: comando+shift+b i es restaura!

mostrar_quadre_delimitador_2

La primera imatge és sense el quadre delimitador i la segona mostra el quadre delimitador.

Les imatges són d’un nou projecte de disseny web que estem duent a terme! Properament us en parlarem!!

Disseny web: pàgines web amb textures

Avui volem parlar de les textures de les pàgines web. Cada cop és més habitual veure pàgines web amb fons texturitzats. Amb les textures, el “soroll” o els patrons geomètrics s’aconsegueix un efecte molt més proper i “natural” de la web, es pot crear un clima més càlid o aconseguir transmetre sensacions que amb el suport offline és molt fàcil, però que al estar visualitzant una pantalla és més difícil aconseguir.

Les textures web poden ser de molts tipus diferents, passant per les més suaus i tènues, com les que podeu trobar a http://subtlepatterns.com o més agressives o vistoses, com les que podem trobar a http://www.colourlovers.com/patterns.

La part més important és saber aplicar bé aquestes textures per expressar el què vols transmetre, així que no es pot abusar de textures ni patrons perquè pots acabar dissenyant una web caòtica i que no sigui atractiva.

També hi ha la possibilitat de no utilitzar cap textura ni patró per crear un disseny web molt net i minimalista. Aquesta opció es pot adoptar si la pàgina web ja té molta informació o fotografies i per eviar atabalar a l’usuari.

Per veure alguns exemples podeu visitar:

De Portes Enfora: Hem utilitzat una textura de fusta natural per ajudar a ambientar la pàgina web i apropar-la a la realitat, que és una botiga de jardineria.

Sumasa: Per texturitzar les fotografies vam col·locar-hi un patró de quadres grisos semi-transparents.

Elevacat: Per rebaixar el vermell de la capçalera hi vam aplicar una textura.

Top Taxi Terrassa: Hi vam aplicar una textura ratllada quadrada de fons.

Mica en mica ens anirem animat a aplicar més textures a les webs i així fer-les més personals i adaptades al negoci!

Nooem a TV3!

Estem molt contents perquè Nooem, l’empresa de fundes per iPhone i iPad i d’altres accessoris per tablets i smartphones va sortir a TV3, al programa Divendres de Xavi Coral i Espertac Peran. Va sortir a la secció de projectes emprenedors.

Com va explicar Pau Garcia-Milà, Nooem fabrica fundes per smartphones i tablets al Vallès, on sempre s’ha treballat amb el tèxtil. També van ressaltar la feina dels dissenyadors emergents i reconeguts que fan els dissenys de les fundes per iPad.

Des de 2CREA2 també estem molt contents per nosaltres (sisi, per nosaltres!) ja que el disseny web de la botiga online Nooem Online Store, fet per nosaltres, va estar de fons durant la secció, i els banners dissenyats per nosaltres, les fotografies… i tota la feina feta es va mostrar per la tele!

Si voleu veure més sobre el projecte de Nooem visiteu: Disseny i programació pàgina web Nooem

Us deixem amb l’enllaç al vídeo per què ho pugueu veure!

Combinacions de colors – Pàgina web

Quantes vegades us heu trobat que voleu combinar diferents colors però no us acabeu de decidir quins tons voleu?

Entre obrir el Photoshop, anar fent quadrats dels colors, canviar-los, saber el nom del color.. és un procés llarg i que de vegades pot resultat pesat.

En el món del disseny gràfic i disseny web la rapidesa és molt important. Has de tenir temps per pensar en el projecte, l’estratègia, els colors, tipografies, què vols mostrar, què vols que la gent vegi, etc, etc, etc. Doncs bé, una eina que ens ajudi a estalviar-nos una mica de temps sempre és benvinguda!

I aquesta eina és la següent pàgina web: Color.hailpixel.com

Al principi tens una pantalla d’un sol color i vas movent el ratolí i vas moven-te per la gamma de colors, de més saturació a menys, etc.

Un cop tens el que volies, fas clic i se’t queda guardat. I a la resta de la pantalla, pots continuar buscant combinacions amb aquell color. I així fins que tinguis els que necessites!

D’aquesta manera sabràs com combinar colors d’una manera fàcil i ràpida, a més molt visual!

Via Cómo Combinar