Joomla all over again. Twice.




- www.studioarten.ro – designul nu imi apartine, doar implementarea in Joomla. Oricum e un design frumos…

- www.asorev.ro




Posted in Auzibile | Tagged , , | Leave a comment

3 x joomla




Studio Foto Video

www.cipristudio.ro

SDI Network

www.sdinetwork.ro

Pizzeria Cosmic

www.pizzeriacosmic.ro




Posted in Vizibile | Tagged , , , , | Leave a comment

Cum sa scrii un brief eficient




Experienta proprie, ca freelancer in design, mi-a aratat ca un brief bine pus la punct duce, in final, la un produs de calitate, un produs de care clientul va fi multumit, daca nu chiar incantat.

Din pacate multi clienti nu isi dau seama de necesitatea unui brief. Si exemple negative se pot aduce: “Tu esti designeru’, hai cu propuneri” ca in momentul cand are propunerile pe masa: “e prea rotund aici!”, “nu imi place verdele asta!”, “nu s-ar putea modifica putin aici?”, ajungandu-se, in cele din urma, la o intoarcere de 180 de grade de la designul initial. Toate aceste probleme, insotite de frustrari si nervi puteau fii evitate cu un brief eficient.

Articolul de fata se va concentra pe acest subiect: Cum sa eficientizam munca printr-un un brief bine pus la punct.

Ce e necesar sa fie inclus intr-un brief:

  • Titlul.
  • Formatul.
  • Buget şi data limita.
  • Ceea ce oferi designerului: fotografii de produs, screen-shot pentru site,  diagrame, etc (de preferat sa fie de rezolutie inalta)
  • Descrierea generală a formatului: descrie orice chestiuni de formatare care trebuie rezolvate cu tipografia.
  • Descrierea publicului tinta: ocupaţia, pe sexe, varsta medie, naţionalitate, stil de viaţă, etc.
  • De unde se pot inspira: da exemple scurte de stil si aspectul general pe care il doresti atinge. Ce aspecte ale produsului sau brandului poate fi folosit ca un punct de plecare pentru proiectare? Ce sentimente reflectă spiritul produsului sau a brandului?
  • Ce sa nu faci: daca e posibil, da exemple din ceea ce design-ul nu ar trebui să includă şi ce stiluri trebuie evitate.

Alte sfaturi:

1. Gandeste-te la mesajul designului.

Ajuta designerul sa combine partea vizuala cu partea sonora. Ceea ce se vede cu ceea ce se citeste trebuie sa fie in totala concordanta.

2. Nu oferi solutii

Platesti un designer pentru ideile lui, nu te lasa tentat sa ii spui ce sa faca. Mai bine incearca sa fii clar in legatura cu ceea ce vrei sa obtii, astfel incat designerul sa poata incerca diferite idei.

Nu e intotdeauna o idee buna sa oferi o schita pentru aspect, designerul pur si simplu va respecta aceste instructiuni, ceea ce nu intotdeauna inseamna o folosire optima a spatiului.

3. Programeaza data limita inainte de a preda brieful designerului.

Programeaza data limita pentru intregul proiect, cat si pe diferite stagii ale proiectului. De asemenea cere feedback pe tot parcursul proiectului. Afla daca data limita si bugetul alocat e nerealist.

4. Formalizeaza brieful.

E indicat ca brieful sa fie in scris, de preferat ca document atasat la e-mail. Foloseste-l ca referinta in discutiile ulterioare.

 

Evident colaborarea intre client si designer nu se termina in momentul predarii briefului catre designer. Pentru a duce proiectul la un bun final e foarte important sa ramana deschise caile de comunicare (e-mail, messenger, telefon). Sunt esentiale feedback-urile prompte din partea clientului. Acestea vor ajuta designerul sa stie daca e pe calea buna, sau trebuie sa faca anumite ajustari in procesul de creatie.

Daca considerati ca am omis ceva, comentariul va sta la dispozitie!




Posted in Altele | Tagged , , | Leave a comment

Ziua barbatului




…a pornit de la o campanie de publicitate, si s-ar putea legaliza.

Pana una alta, la Pizzeria Cosmic se va intampla:

Alte afise gasiti aici: Link!




Posted in Vizibile | Tagged , , | Leave a comment

How to put a google map on your site




Let’s say you would like to add a Google map on your site. Reasons are simple. First of all because it is possible, and second of all, this is a very good way to promote your business. Especially if you have direct contact with your clients (store, restaurant, coffeshop etc.)

I’ll try to show you what to do if you have a static (plain HTML&CSS) site, allthough I’m sure that this could work on dynamic sites too.

So, let’s start

1. Gather intel

Ok, first you will need the exact location of your business on the map. And here I’m thinking at latitude and longitude. You could google it, but it is much easier if I give you a link, right? Thought so… LINK

Here enter the exact address, let’s say Petru Maior street, Reghin, Mures, Romania.

2.Play!

2.1. Pick an API

For this you go to the google playground and locate in the Pick an API tab wich map you want to use. Well, I like Info Windows Complex V3, so click on it, and in the Edit code tab we see the code. In the Output tab we see, obviously, the output, the actual map.

Now here’s the tricky part:

  • Click on Edit HTML. Now in the Edit code tab we see the HTML code, with the javascript in the HEAD
  • Here you modify with the coordonates of your location, and with the text in the talk bubble you want to appear, just like bellow and click on Run Code

3. Put it in your site

  • Select the 2 ‘script’ tags from here, copy and paste in the HEAD (before the </head> tag) of your site

<script type=”text/javascript” src=”http://maps.google.com/maps/api/js?sensor=false”></script>
<script type=”text/javascript”>

var map;
function initialize() {
var mapDiv = document.getElementById(‘map-canvas’);
map = new google.maps.Map(mapDiv, {
center: new google.maps.LatLng(37.4419, -122.1419),
zoom: 13,
mapTypeId: google.maps.MapTypeId.ROADMAP
});

google.maps.event.addListenerOnce(map, ’tilesloaded’, addMarkers);

}

function addMarkers() {
var bounds = map.getBounds();
var southWest = bounds.getSouthWest();
var northEast = bounds.getNorthEast();
var lngSpan = northEast.lng() – southWest.lng();
var latSpan = northEast.lat() – southWest.lat();
for (var i = 0; i < 10; i++) {
var latLng = new google.maps.LatLng(southWest.lat() + latSpan * Math.random(),
southWest.lng() + lngSpan * Math.random());
var marker = new google.maps.Marker({
position: latLng,
map: map
});
}
}

google.maps.event.addDomListener(window, ‘load’, initialize);
</script>

  • Select the ‘div’ tag from the BODY copy and paste it in the BODY of your site

<div id=”map-canvas” style=”width: 500px; height: 400px”></div>

That’s all! It will look just like on this site.

You succed promoting your business for those who would like to visit you!

Sorry about the crappy pics, I’ve made the tut very late in the night, and didn’t have the mood for more elaborate ones. I know I should have done better, as a designer and all, but if you wanna see my real work click here. Thanks.




Posted in Vizibile | Tagged , , | Leave a comment

CarWash




Spalatorie Auto

Spalatorie Auto

 




Posted in Vizibile | Tagged , , , | Leave a comment

Dig in!!!




happy hour

Happy hour




Posted in Vizibile | 2 Comments

Pizzeria Cosmic




Pizzeria Cosmic

Pizzeria Cosmic




Posted in Vizibile | Tagged , , | Leave a comment

Poster







Posted in Vizibile | Tagged | Leave a comment