1
2
3
youandshoe / content /
4
5
6
7
youandshoe / about us / service
youandshoe Servis je dizajniran da obezbedi korisnicima veliku bazu informacija za obuću. Na sajtu može da se pretražuje, kupuje obuća pa čak i da se razmenjuje sa registrovanim članovima. Informacije su prikupljene od različitih trgovačkih lanaca širom sveta. Baza obuhvata širok spektar najrazličitijih modela kako bi zadovoljila potrebe različitih kupaca i ljubitelja obuće. Sam sistem omogućava potencijalnim kupcima da pronađu najbolju tržišnu cenu, a u slučaju kupovine odmah ih linkuje na prodavca. Što je najvažnije - srž projekta youandshoe je društvena mreža. Na ovoj mrezi korisnici mogu da kreiraju profile koji odražavaju njihov lični stil, dodaju komentare, prave sopstvene galerije i sve to dele sa svojim prijateljima.
8
youandshoe / about us / team
Nebojša Vučetić Co-founder & CEO
Martin Jondžić Co-founder & CTO
Nenad Ivanović Creative director
Mario Milojević Graphic designer
9
10
11
youandshoe / visual identity / logotip
Logotip: Na youandshoe sajtu se mogu naći najrazličitije vrste obuće, što implicira da je jako teško napraviti adekvatan logotip za sajt. U startu se nameće u njegovom sastavu treba da bude obuća, ali je problem u tome što nema univerzalne obuće. Rešenje je da logotip sadrži "igru" bold-regular izvedenu od Myriad Pro fonta koji vazi za klasični font. Jedna od ideja za budućnost je da fontovima koji bi se formirali u skladu sa iskazanim preferencijama korisnika personalizujemo stil sajta, na primer: za korisnike koji pretražuju cipele sa štiklom se aplicira sofisticiran font, dok će se kod korisnika koji pretražuje skejt patike pojaviti graffiti font.
12
youandshoe / visual identity / font
Myiriad Pro Kao vrsta klasičnog fonta odabran je kako se određene kategorije korisnika ne bi "udaljile" fontom koji je za njih neodgovarajući - ukoliko stavimo 'Sans' seriju, ona se neće umnogome dopasti ozbiljnijoj gospođi . youandshoe koristi ovaj font za potrebe na sajtu, logo i u svim ostalim prilikama u kojima se drugi fontovi ne uklapaju kao npr. u objašnjenju aplikacije na reklami. Koristi se regular i bold varijanta uglavnom, kao i njihova kombinacija, zanimljiva za naglašavanje. Bello Script Ilustrativni font koji se koristi uglavnom u marketinškoj kampanji. Font je se koristi uglavnom za naslove jer odaje osećaj zabave.
13
youandshoe / visual idenrity / color code /
Color Plava je zvanična boja sajta, i koristi se za pretraživač. To je minimalističko rešenje, kako bi tokom pretrage samo obuća izbila u prvi plan. Takođe, ideja kojom smo se rukovodili prilikom ovog rešenja bila je da sajt deluje opuštajuće na korisnike, tako da oni sa uživanjem lagano pretražuju obuću, u kontrastu sa trenutnim agresivnim marketingom putem kojeg se potrošačima non-stop direktno nudi kupovina. Ostale boje su narandžasta, roze i zelena, koje zajedno formiraju zabavni varijabilni spektar koji se koristi za dizajn socijalne mreže. Najbitnija varijacija je ona sa kvadratima koji predstavljaju ljude. Simbolički mnogo kvadrata - ljudi, formiraju veliki kvadrat - zajednicu ljudi (communty).
14
youandshoe / visual idenrity / business cards /
Business cards Dizajnirano je dve vrste youandshoe vizit-karti: za ženski deo tima - roze je dominantna boja, a za muški plava. Na prednjoj strani su kontakt podaci, jednobojni u Myriad pro fontu, a na zadnjoj spektar koji simbolizuje zajednicu, tj. socijalnu mrežu. Ceo koncept vizuelnog identita je baziran na ovoj logici.
15
youandshoe / visual identity / folders
16
youandshoe / visual identity / books
17
youandshoe / visual identity / cd and usb
18
youandshoe / visual identity / T-shirts
19
youandshoe / visual identity / mobile covers
20
youandshoe / visual identity / bags
21
youandshoe / visual identity / posters
22
youandshoe / visual identity / ad for job
23
youandshoe / visual identity / wallpapers
24
youandshoe / visual identity / facebook cover
25
youandshoe / visual identity / google adsense
youandshoe je, s obzirom na parcijalni karakter socijalne mreže, tip sajta kome odgovara internet oglašavanje. U skladu sa tim, reklamiranje preko Google adsense-a predstavlja najbolji način za to, a kreirana gif animacija povećaće vidljivost reklame na Internetu.
26
27
1. of February 20
28
012 release date
29
youandshoe / web-site / browser / home (screenshot-7th of June 2012)
Home: Youandshoe je mesto za on-line kupovinu obuće, koja treba da dođe do izražaja, u skladu sa čim preovladava minimalizam dizajna ostatka sajta - svetlo plava boja koja ostavlja utisak prijatnosti. "Cascading Style Sheets" (CSS3) je korišćen za optimizaciju. Na naslovnoj strani se nalazi shoefinder, browser, baner, shoelist, shoe of the d/w/m, adsense baner, social part, log in/register section.
Shoefinder:
Shoe of the day/week/month:
Panel na levoj strani sajta prestavlja funkcionalni sistem pretraživanja obuće po raznimm kriterijumima. Implementirani filteri su 'Style' , 'Brand' , 'Color' , 'Price' , 'Size' , 'Heel'. On je zadržan i na ostalim stranicama za slučaj da se korisnik predomisli u svojim kriterijumima i želi da započne novu pretragu.
Cipele dana/nedelje/meseca biraju se na osnovu nekoliko referenci: posećenost, lajkovi, review, komentari.
Browser: Ukoliko korisnik ima tačno definisan cilj pretrage, može iskoristiti browser kao najbrže sredstvo za to. Centralni baner: Baner je zamišljen kao sredstvo oglašavanja najnovijih i najvažnijih informacija u vezi sa sajtom ili obućom uopšte. Baner može služiti i u komercijalne svrhe uz intervenciju youandshoe grafičkog dizajnera. Shoelist: Lista obuće koja se predlaže korisniku na osnovu broja njegovih poseta, predmeta poseta, lajkova, review-a. Ovaj "feature" namenjen je korisnicima koji pre svega žele da "razgledaju", tj. pretražuju obuću. Za predlog je zadužen algoritam koji prati posete, interesovanja, ''lajkove''...
30
Adsense baner: Sa desne strane se nalazi Google-ov baner koji beleži korisnikove poglede na internetu. Na osnovu toga plasira nabolju reklamu za korisnika. Social part: U gornjem desnom uglu se nalaze linkovi kao socijalnim mrežama Facebook, Twitter... Log in/register section: Pored klasičcnog ulogovanja na sajt, obezbedili smo korisnicima Facebook log-in.
31
youandshoe / web-site / browser / shoe results (screenshot-7th of June 2012)
Shoeresult: Rezultati nastali odabirom korisnikovih zahteva na osnovu filtera. Na stranici je zadržan shoefinder kako bi korisniku bilo olakšano da promeni kriterijume pretrage.
32
youandshoe / web-site / browser / shoe profile (screenshot-7th of June 2012)
Shoeprofile: Stranica na kojoj se nalaze detaljnije informacije o samoj obući. Dominira profil fotografija obuće sa mogućnošću uvećanja i pogleda iz različitih uglova. Sa desne strane nalazi se Info sa listom ''you may like''. Uključena je mogućnost komentarisanja kao i poseban feature - want/have lista.
33
youandshoe / web-site / you profile
Youpage:
Youprofile:
Shoecloset:
Osnovni deo socijalne mreže na kojoj korisnik može da održi kontakt sa prijateljima koji imaju ista interesovanja za obuću. To je lična stranica sa opcijama ažuriranja profila, skladištenja obuće sa want/have liste, pregledavanja pogledane obuće, razmenjivanja poruka sa prijateljima (kao i add-ovanje prijatelja) i ažuriranja liste prijatelja. Središnji panel je uredjen u ''Ajax'' programskom jeziku putem koga je uspešno približen interfejs koji korisnicima pruža osećaj da se sve vreme nalaze na istoj stranici.
Na njemu se nalaze osnovni podaci korisnika: ime, prezime, šifra, mesto, rodjendan, interesovanja, avatar... koji se postavalju pri otvaranju naloga, tj. registracije. Predviđena je i 'edit' opcija.
Jedan od korisnijih featura na sajtu je upravo want/have lista. Ona omogućava korisnicima da obuću obeleže kao svoju ili kao onu koju bi voleli da imaju. Svačija lista je vidljiva i za druge korisnike, što otvara mogućnost za početak komunkacije. Want/have opcije se nalaze na profilnoj stranici svake pojedinačne obuće, a odabir korisnika se učitava i na njegovoj stranici u 'plakaru'.
34
Recentshoes:
Messages:
Friends:
Lista skorije pogledane obuće. Ovaj feature beleži svaki pogled obuće, i na taj način formira se profil ljubitelja obuće, što je još jedna potencijalna polazna tačka komunikacije.
Sistem poruka kao neophodni deo socijalne mreze.
Korisnikova lista prijatelja.
35
36
37
youandshoe / mobile web app
Mobilna web aplikacija: U skladu sa dizajnom web-sajta dizajnirana i je mobilna web aplikacija koja se koristi za posećivanje sajta sa mobilnih telefona. Sa naslovne stranice može se odabrati jedan od četiri puteva: Shoefinder, youprofile, shownews, shoeshoot, koji su optimizovani za mobilni telefon. Razvijena je logika funkcionisanja u skladu sa pravilima “user experience-a
38
39
Shoeshoot: Feature koj izdvaja ovu mobilnu web aplikaciju od ostalih jer pruža korisniku mnogo opcija nakon što on fotografiše određenu obuću kamericom na mobilnom telefonu: Reviews, Ask friends, UDonate i Find to buy. Dakle, korisnik može da pošalje fotografiju i pita prijatelje sa youandshoe sajta za mišljenje (sa kojima verovatno deli isti ukus za obuću). Takođe, može da ukuca naziv obuće i pročita review-ove . Servis ‘youdonateshoe’ omodućava da korisnici doniraju svoju obuću u humanitarne svrhe i osvoje mnogobrojne nagrade
40
41
42
43
44
45
youandshoe / mobile app / youdesignshoe
Youdesignshoe Youdesingshoe je mobilna aplikacija koju korisnik može da koristi i kada nije na internetu. Aplikacija omogućava korisnicima da budu kreativni. Namenjena je profesionalnim dizajnerima i običnim korisnicima koji žele da izraze kreativnost. Upotreba je jednostavna, što se može i videti na slajdovima sa strane. Korisnik bira template koji želi da dizajnira, uploaduje dizajn sa svog fejsbuka, dropboxa ili galerije mobilnog telefona, bira pozadinu. Nakon toga, on može da snimi, šeruje svoj dizajn ili učestvuje na aktuelnim konkursima za najbolji dizajn na sajtu youandshoe Nakon istraživanja odlučeno je da se ne postavlja on line alat za dizajniranje na sajtu jer profesionalni dizajner vrlo lako može doći u situaciju da ne može da se izrazi sa odredjenim alatima, a obični korisnik ne može da se snađe sa istim, pa je stoga omogućeno da obe kategorije svoje dizajne ili fotografije implementiraju u već odredjeni template. Postoji mogućnost downloadovanja templatova
46
47
youandshoe / mobile app / youdesignshoe / exemples by random designers
48
49
50
51
youandshoe / credits
Projekat:
Glavni i odgovorni dizajner: Asistent dizajnera: Osnivači: Fotograf: Lektor: Copyright: Mentor: Završni projekat iz premeta: U sklopu studija na: Štampa: Tiraž: Godina proizvodnje:
52
C
Sva prava zadržana
youandshoe Web-dizajn, dizajn mobilnih aplikacija, vizuelni identitet, marketiska kampanja i dizajn publikacije. Nenad Ivanović Mario Milojević Nebojsa Vucetić Martin Jondzić Jovan Selaković Bela Prendivoj Youandshoe team Radomir Levajac Korporativni dizajn VSLPUSS SuperDot 10 kom 2012
53
54
55
youandshoe.com 56