Web Page Development for FOSTER CARE CENTRE FOR CHILDREN AND YOUTH BELGRADE

Start date: 01-08-2012

Ending date: 31-08-2012

Total budget: € 350.00
Latest design
Book cover
zoran.railic

It all started with an idea...

A short, interactive guide helped them discover their design style and clearly captured what they needed.

Needs


Web page is conceived to be split in 4 sections. These 4 sections are differentiated by colors of the borders and titles. (We have the basic black/dark grey, light(baby) blue, light(baby) pink and dark yellow.
In the attachment you have the basic wireframes and the concept of the home page and other pages. The web page should be professional on one side but to also (with lively colors) bring out the child in the visitor.
Focus is more on web 2.o styles with bigger spacing's and headers. The idea is for the home page to be the holder of everything most important that the Centre is doing. That is why it is divided in 3 main categories. The header`s of the pages should include the images of the Centres main focus and occupation so you can freely try with images of children playing in park , celebrating etc. Footer is at this moment split in 3 parts, and the only reason is that there are 3 main categories. If you have any idea how to expand that , be creative!

As for the color of the pages, at the moment we need home page, news page (first combination of colors) page with single news (second combination of colors)and the page with the basic form for contacting and sidebar (third combination of colors). Of course if you wish you can always give us ideas with more pages if it will complete your full concept.
You can find the basic wireframes here : http://d.pr/f/BV8m.
-------------------------------------------------------------------------------
Additional: Center logo examples - http://d.pr/f/lZBD

Company description


FOSTER CARE CENTRE FOR CHILDREN AND YOUTH BELGRADE.
Centre has 3 main activities, Foster care for children and youth, adoption and elderly care.

Target group


This is not that easy to define. More and more people with different age is getting interested for the Centre. With this information you should keep in mind that the web page should not contain any offensive images or colors to any religious or national group. Also , the combination of colors or images should not be favoring any nation or religious group.

Colors, favourites and other requirements


The current web page can be previewed here : http://www.hraniteljstvocps.gov.rs/latinica/index.htm.

As for colors, they are stated in the basic ideas (blue for foster care, pink for adoption, dark yellow for elderly foster care.)
Of course if you have any other ideas, please give us your choice we are open to any suggestions.

Designer: SteSa SteSa
veb-sajt-dizajn-stesa-2yPv0laS

SteSaSteSa

Vesti - 2 kolone - ovde sam povećala font naslova , i sadržaja , ali je pozadina od naslova obojena

This contest is finished. Its not possible to reply anymore.
veb-sajt-dizajn-stesa-2M6CCtBw

SteSaSteSa

Vesti- 2 kolone - Ovde su samo fontovi od naslova obojeni

This contest is finished. Its not possible to reply anymore.
veb-sajt-dizajn-stesa-1jmTP0nw

SteSaSteSa

Vesti- povećala sam font i obojila naslove , pozadina je bela

This contest is finished. Its not possible to reply anymore.
veb-sajt-dizajn-stesa-PC7PpINk

SteSaSteSa

Stranica za kontakt - nadam se da će vam se svideti

hraniteljstvocpshraniteljstvocps

Bez bilo kakvih dodatnih komenatra.
Apsolutno vise nemam sta da dodam ili da oduzmem.

Puno hvala na angazovanju.
Nemanja

This contest is finished. Its not possible to reply anymore.
veb-sajt-dizajn-stesa-OZnh1Pzk

SteSaSteSa

Pojedinačna vest - verzija 2 - verzija sa vert. navigacijom , 2 kolone

hraniteljstvocpshraniteljstvocps

Sve je vec prokomentarisano, jednostavno vise nemam sta da dodam :)

This contest is finished. Its not possible to reply anymore.
veb-sajt-dizajn-stesa-NxTyDXbE

SteSaSteSa

Vesti - verzija 2 - verzija sa vert. navigacijom , 2 kolone

hraniteljstvocpshraniteljstvocps

Samo jedan komentar za ovu stranu.
Tacnije tek sam sada na neki nacin fokusirao paznju na to. Da li prva tri dugmeta gornje navigacije mogu da na neki nacin predstavljaju vezu kroz bolje (da pozadina po osnovne 3 sekcije bude uniformna na celom sajtu, i podsekcijama ?

SteSaSteSa

Hvala puno na komentarima !!!

Da li biste mi razjasnili šta ste mislili ? Da li ste mislili na Glavnu hor. navigacija ili na vertikalnu ?
Ako je glavna hor. nav. u pitanju, da li ste mislili da pozadinu navigacijskih dugmića ( hraniteljstvo mladih , usvojenje, hraniteljstvo odraslih ) ofarbam u boje za grupe ? Ili je nešto drugo u pitanju vezano za vertikalnu navigaciju ?

Pozdrav

hraniteljstvocpshraniteljstvocps

Horizontalna navigacija.
Ukoliko mozemo da probamo samo jednu varijantu gde bi pozadina tih dugmica oslikavala situaciju sa pocetne strane po pitanju boja.

I jos jedna "sitnica"
Da li mozemo u boju pozadine samih header -a ( u ovom slucaju sivi box iz teksta "naslovi" da dodamo malo plave/roze/oker boje.
Samo da probamo da "uvezemo" deo sa bojama do kraja, kako bi smo pojednostavili o cemu se radi.

Vertikalana navigacije je dobar primer kako to moze da funkcionise, i tu nebih nista menjao.

Hvala.

SteSaSteSa

Naravno da može, razmišljala sam već o tome :)
Da na pr. u zavisnosti o čemu je vest ( o hraniteljstvu, usvojenju ...), da naslov ili pozadina budu obojeni ...
Probaću šta bi najlepše izgledalo, pa ću priložiti za ovu verziju vesti

Pozdrav

This contest is finished. Its not possible to reply anymore.
veb-sajt-dizajn-stesa-NLAFPfDE

SteSaSteSa

Pojedinačna vest - verzija 1 - ovo je verzija bez vertikalne navigacije

SteSaSteSa

Ups, sad tek videh da mi fali dugme za slanje komentara.. ako vam se svidi ova verzija, lako ću dodati

SteSa

hraniteljstvocpshraniteljstvocps

Ukoliko je dugme na slican nacin definisano kao za kontakt stranu, mislim da stvarno nema potrebe.

Hvala

This contest is finished. Its not possible to reply anymore.
veb-sajt-dizajn-stesa-MiqWbmpE

SteSaSteSa

Vesi - verzija 1 - Ovo je verzija bez vertikalne navigacije

hraniteljstvocpshraniteljstvocps

Fenomenalno.

Ovi blagi prelazi sa sive na belu definitivno dodaju nesto sto ne mogu da izdefinisem. Ceo sadrzaj je vrlo citljiv i pregledan.

Mozda bi font mogao biti piksel do dva veci, ali u svakom slucaju nema potrebe da to radimo u psd-u. To cemo kao finalne dorade staviti na kraju pri samom kodiranju strane.

Hvala

SteSaSteSa

Hvala puno !!!
Trudila sam se da bude jednostavno i pregledno ali takođe da ima neku autentičnost , da se oseća toplina ...
Slažem se da bi možda font mogao da se poveća ( a i zavisi koji se font koristi )

Pozdrav
SteSa

hraniteljstvocpshraniteljstvocps

Da li ovde mozemo da probamo samo jos sa skroz belom pozadinom. Ili je mreza vise kao watermark ?

Hvala

SteSaSteSa

Može i sa belom, ne izgleda loše.
Pozadina ima patern , ( mali kvadratić koji je odličan za css - postavi se da se ponavlja i horizontalno i vertikalno )
Ali kad budem ubacila promene za boje dugmića, vesti .., staviću i belu pozadinu da se vidi kako izgleda sa njom.

Hvala
SteSa

This contest is finished. Its not possible to reply anymore.
veb-sajt-dizajn-stesa-M6WnnuRE

SteSaSteSa

Male prepravke na početnoj strani : smanjila sam ikonice za promenu jezika, ubacila ikonicu za vesti ...

hraniteljstvocpshraniteljstvocps

Nemam vise komentara sto se pocetne strane tice :)

Saljemo sve ovo na reviziju ljudima iz Centra, pa cemo da vidimo kakve ce oni komentare imati na sve ovo.

Ja licno nemam zamerki, iskreno.

Hvala puno,
Nemanja

This contest is finished. Its not possible to reply anymore.
veb-sajt-dizajn-stesa-cEEjXjW4

SteSaSteSa

Zdravo,
ovo je za sada početna, radim na stranicama za vesti i kontakt.
Volela bih da mi prokomentarišete dezajn (stil) i raspored sadržaja, jer nisam bila sigurna oko glavne navigacije i oko toga šta sve staviti na početnu stranu...

Pozdrav
SteSa

hraniteljstvocpshraniteljstvocps

Hvala puno na predlogu.

Vrlo je vizeuelno dopadljiv. Na odredjeni nacin odstupa od moje prvobitne zamisli, ali sam vrlo prijatno iznenadjen idejom, i dopada mi se.

Eventualno za pocetnu stranu bi smo sklonili gornju navigaciju, ali je u svakom slucaju vrlo interesantno resenje.

Sto se same kolicine informacija na pocetnoj strani tice, vise je neko dovoljna, jer je osnovna ideja pocetne strane da bude putokaz na neki nacin ka ostalim sadrzajima, sto ova strana definitivno jeste.

Ukoliko niste odustali od ideje, voleli bi smo da vidimo i vesti i kontakt stranu, samo kako bi smo stekli punu sliku vase ideje u smislu razrade po "dubini" kada su strane u pitanju.

Puno Vam hvala.

SteSaSteSa

Hvala puno na komentaru !

Nisam vas baš najbolje razumela za gornju navigaciju.
Da li želite da navigaciju skroz sklonim ili da je postavim vertikalno, ili da iskombinujem da neki linkovi budu skroz gore horizontalno iznad logo-a a ispred ikonica za promenu jezika i socijalnih mreža ? Ili da nastavim sa glavnom navigacijom postavljenom horizontalno kako sad jeste ?

Hvala još jednom na odgovoru
SteSa

hraniteljstvocpshraniteljstvocps

Iskreno, voleo bih na "unutrasnjim" stranama da imamo vertikalnu navigaciju sa leve strane. Tacnije da unustrasnje strane budu u 2 kolone, posto cemo segment ispod navigacije koristi za jos neke stvari.

Sto se tice gornje navigacije na unutrasnjim strana, zamisao je bila da i tamo imamo navigaciju, kako bi posetioci mogli na jednostavan i brz nacin da promene kompletnu sekciju u kojoj se trenutno nalaze.

SteSaSteSa

Ok, ostaviću hor. gornju navigaciju kao glavnu, i nastavljam sa radom na ostalim stranicama.

Pozdrav
SteSa

This contest is finished. Its not possible to reply anymore.