Pályázatok

Reszponzív webdesign a Fekete Kos honlapjához

Weboldal design
-
Fekete Kos
110.000 Ft
Hátravan:
Sikeres
Követő: 17
feketekos

Megbízó

66

Hozzászólás

100%

Értékelt koncepció

6 év 4 hónap

Utolsó aktivitás

Garantált díjazás
Garantált díjazásA megbízó lemondott a pénzvisszafizetési garanciáról, így a határidő lejártával mindenképp lesz győztes kihirdetve.

Koncepciók (22)

Beküldve: 2013. 10. 15.
10
12
10
Beküldve: 2013. 10. 12.
5
10
10
Beküldve: 2013. 10. 20.
13
2
9
Beküldve: 2013. 10. 20.
13
2
9
Beküldve: 2013. 10. 07.
7
9
8
Beküldve: 2013. 10. 07.
1
5
8
Beküldve: 2013. 10. 04.
9
13
8
Beküldve: 2013. 10. 14.
1
2
8
Beküldve: 2013. 10. 15.
6
3
7
Beküldve: 2013. 10. 19.
4
3
7
Beküldve: 2013. 10. 13.
3
3
7

Oldalak

Feladat leírása

Piaci helyzet: 

A 2013-as évet 2012-vel összehasonlítva a vendégéjszakák száma dinamikusan növekvő tendenciát mutat, 2013-ban a nyári-tavaszi szezonban gyakran teltházzal üzemelt a szálloda.
Szeptembertől márciusig főleg hétvégén jönnek vendégek, akik közül a vadászok vannak legtöbben.
Tavasztól őszig hétköznap is nagyobb a kihasználtság, ekkor már nem csak vadászok keresik fel a szállodát.
3 csillagos szállodából a környéken ez az egyedüli, a férőhelyek száma 36. A környéken sok a 100 feletti ággyal rendelkező hotel (Bogácson, Mezőkövesden vagy Egerben).
A vendégkör fele magyar, főleg az alföldi városokból érkeznek. A külföldiek Finnországból, Svájcból, Ausztriából jönnek.
A falusi vendéglátás piacának egészére elmondható, hogy a SZÉP kártyás vendégek számának növekedésével bővülő tendenciát mutat.

Feladat leírása

Megbízó bemutatása: 

A Fekete Kos hotel Bükkzsércen a Bükk- hegység lábánál kínál lehetőséget a kikapcsolódni vagy szórakozni vágyóknak, a túra szerelmeseinek és még sok egyéb más érdekes programmal várja az érdeklődőket. A környék híres friss levegőjéről és az itt élő emberek vendégszeretetéről. Valamint, igen gazdag látnivalókban így rengeteg kirándulási, túrázási lehetőséget kínál.
Szállodánk két részből, egy *** hotel-, valamint egy fogadó egységből áll. A régi szárnyban 10 fő elszállásolására, míg a nemrég épült új szárnyunkban további 26 fő kényelmes elhelyezésére van lehetőség.
A fogadó és a szálloda is rendelkezik 1- 1 étteremmel, ahol vidéki, hagyományosan elkészített ételeket és a környék borvidékeinek borait kínáljuk. Sok hagyományos "vidéki" programmal találkozhat a hozzánk érkező vendég: lekvárbefőzés, kenyérsütés, disznóvágás. Nyáron a fogadó teraszán is lehetőség van az ételek elfogyasztására, valamint a szálloda udvarán minden feltétel adott a bográcsozni, vagy nyársalni vágyóknak.
Az új szárnyban található a wellness részlegünk, amely teljes körű szolgáltatásokat nyújt a pihenni és regenerálódni vágyóknak.

Feladat leírása

Feladat: 

A jelenleg is működő, elérhető Drupal 7-es weboldal struktúrájának és dizájnjának kialakítása:

http://feketekos.hu

Az oldalon, látni lehet, hogy milyen jellegű tartalmakkal kell dolgozni. A jelenlegi weboldal struktúra átalakítható! Nagyon fontos szempont, hogy nem kell megtartani a jelenlegi menüszerkezetet, struktúrát, bátran lehet jobbat javasolni.

Ahogy látszik is az oldalon a tartalmak 4 nagy csoportba oszthatók:
- fényképek galériákba szervezve
- csomagajánlatok (minden évszakhoz, nagyobb eseményhez tartozik egy csomagajánlat). Ezek közül az éppen soron következőnek kiemelt figyelmet kell kapnia.
- statikusabb oldalak, receptek, szolgáltatások bemutatása
- kapcsolatfelvételi, ajánlatkérő űrlapok

Azzal is tisztában vagyunk, hogy egy weboldal megtervezése nagy munka és sok időt vesz igénybe. Ezért arra kérnénk mindenkit, hogy ne öljön bele órákat egy végletekig kidolgozott psd (vagy más formátum) elkészítésébe, ahol minden szín, effekt, precízen a helyén van.

Először a struktúrára és a weboldal hangulatára vagyunk kíváncsiak. Ha az megfog minket, akkor jelezni fogjuk, hogy szerintünk az adott irány zsákutca, vagy érdemes vele még időt tölteni, jobban kidolgozni.

Azt, hogy milyen módszerrel készülnek a kezdeti vázlatok rátok bízzuk, de nyitottak vagyunk minden olyan megoldásra, ami a fenti kritériumoknak eleget tesz (tehát kiderül belőle a struktúra és a weboldal hangulata).

A dizájnnak reszponzívnak kell lennie, azaz úgy készüljön el, hogy mobil- és tablet készülékeken is megállja a helyét.

A reszponzív weboldalak tulajdonsága, hogy kitöltik a rendelkezésükre álló szélességet, kicsit ahogy a folyadék a rendelkezésre álló edényt. Ezt a "kitöltést" általában fokozatmentesen valósítják meg, az elemek képesek a folyamatos átméreteződésre.

Ezzel számolni érdemes a tervezéskor, és olyan módon megálmodni az összetevőket, hogy a folyamatos átméreteződés mellett is mindig tudjon profin kinézni minden.

"Breakpoint"-ok: olyan tetszőlegesen kijelölhető szélességek, ahol az elemek elrendezése akár gyökeresen is megváltozhat, pl. a sidebar teljes egészében beköltözhet a content alá.

- Elegendő a Főoldallal és két aloldallal foglalkozni (az egyik aloldal legyen a wellness aloldal: http://feketekos.hu/wellness, a másik az ajánlatkérő űrlap: http://feketekos.hu/ajanlatkeres)

- Az oldalon jelenleg is megtekinthető oldalelemekkel lehet számolni, ezeket lehet a tervbe venni.

- Részletekbe menő tervet inkább a hagyományos nagy monitoron való megtekintésről lenne érdemes készíteni (teljes-széles állapot) (lehet 960px, vagy 1100px széles, vagy amiben még jó a tartalom elosztása (de max. 1200px)).

- Kisebb kijelzőkre készülő változatokból nem biztos hogy szükség van túl sok részletre, inkább az derüljön ki, hogy melyik elem hova kerül olyankor.

- Az oldalaknak tudniuk kell megjelenni 320px széles kijelzőn is (pontosabban: 320px-ig állniuk kell a méretcsökkentést). Erre különösen a képek méretezésénél kell odafigyelni.

- Hány lépcsője legyen megtervezve az átméreteződésnek? Minimum három: a teljes-széles, egy közepes szélességű (lehet 768px), és a kicsi: 320px;

Példák:
http://mediaqueri.es/
http://www.awwwards.com/websites/responsive-design/
http://socialdriver.com/2013/06/50-best-responsive-website-design-exampl...

Csatoltuk a weboldal logóját (koslogo.png)
Magáról a helyről a weboldalon barangolva szerezhettek benyomást, igyekszünk a továbbiakban nagy felbontású fényképeket is feltölteni, ha esetleg valaki be szeretné azokat építeni a dizájnba (a kezdetben csatoltak még nem ilyenek).

Feladat leírása

Célkitűzés: 

A városi/külföldi ember kedvet kapjon, és itt akarja kipróbálni a hagyományos magyar szezonális ételeket. Olyan városi embereknek keltse fel az érdeklődését, akik szeretnének, de nem tudnak vidéken élni, mivel a munkájuk, megélhetésük a városhoz köti őket, ugyanakkor a szüleik, nagyszüleik révén kötődnek a falusi légkörhöz, hangulathoz.

Feladat leírása

Célközönség: 

Magyar és külföldi vendégeink is vannak, akik érdeklődnek a magyar kultúra/ízlésvilág iránt. A magyarok főleg az alföldi városokból érkeznek.
A korosztályt tekintve a 30-50 évesekre helyezzük a hangsúlyt, akik már kevésbé pörögnek, inkább a hétköznapi taposómalomból egy kis nyugalomra, természetközelségre vágynak.

Feladat leírása

Ígéret/támogatás: 

A Fekete Kos Hotel azok számára ideális választás, akik megtapasztalták szüleik, vagy nagyszüleik révén a falusi élet szépségeit és nosztalgiával gondolnak a nagymama házi kenyerére, a disznóvágásokra.

Nálunk mindezt megtalálják. A Fekete Kos Hotel a "nyugalom szigete a Cseresznyés patak völgyében".

A természethez közel, egy hagyományos falusias, nyugodt, otthonos érzésvilágot próbálunk közvetíteni.

Konyhánkban a hagyományos ízek dominálnak (kemencés ételek, kemencés kenyér, vadételek).

Csend és nyugalom lenne talán a legfontosabb hívószavunk.

Feladat leírása

Márka jellemzése: 

-

Feladat leírása

Médiaterv: 

Csak a weboldalon lesz használva a design.

Feladat leírása

Stílus: 

Szeretnénk, ha az oldalon dominálnának a hagyományos, akár népi, nonfiguratív motívumok.
A Fekete Kos számára a hagyományőrzés fontosabb, mint a nagyvárosi elegancia hangsúlyozása.
A Fekete Kos a családias környezet megteremésére törekszik.

Az alábbi oldalaknak nem a stílusa, inkább a hangulata tetszik nekünk:
- http://www.vadviragbogacs.hu
- http://www.hotelkapitany.hu

Feladat leírása

Egyéb ismérvek: 

A győztes munkát .psd formátumban szeretnénk kérni.

Fórum

Most nekünk egy honlap sablont, vagy egy honlapot kell készíteni?

Kedves Kreatívok!

Az előzőekben téves válasz lett megadva, így helyesbítenünk kell:
Nem kell új honlapot tervezni, csak egy honlap sablont!

A tévedésért elnézést kérünk!

Kedves Kreatívok,

A feladatleírás egyéb ismérvek pontját kibővítettük a győztes munka formátumára vonatkozóan.

Kedves Kreatívok!

Közben a megbízó garantálta a díjazást, ami egy új kategóriánál nagy szó. A korábbi eredményeitekkel rászolgáltatok, és reméljük, most is a megszokott kimenetel lesz. :)

És elég egy képet küldeni a honlap tervről? És a későbbiekben nekünk kell elkészíteni a honlapot?

Kezdetben elég képeket küldeni a honlap terveiről, csak a győztestől várunk majd teljesen részletes, kidolgozott psd-t.

A feladatkiírásban ez szerepel: "A jelenleg is működő, elérhető Drupal 7-es weboldal struktúrájának és dizájnjának kialakítása". Csak a tervezés a kreatívok feladata, a kivitelezés majd a fejlesztőink dolga lesz. Magát a honlapot nem cseréljük le, "csak" a dizájnját.

Kedves Kreatívok!

Módosítottuk a pályázat határidejét 2013.10.20 (vasárnap) éjfélig. Többen jeleztétek, hogy ha lenne még időtök, szívesen küldenétek be újabb, vagy jobban kidolgozott megoldásokat. A holnap délelőtt folyamán itt a fórumban is adunk egy-két támpontot az eddigi tapasztalatok alapján, valamint az egyes koncepciókhoz is igyekszünk hozzászólni.

Köszönjük az eddigi munkátokat is!

Kedves Kreatívok!

A tervek nagy részénél hiányoznak a reszponzív változatok. A tabletbe, okostelefonba, vagy almás monitor keretbe illesztett képek nagyon semmitmondóak. Csak egy szeletét ragadják ki az oldalnak, minket pedig az érdekel, hogy tetőtől talpig hogyan néz ki az adott szélességen a terv. A feladatkiírásban is leírtuk, hogy 320 pixelre és 768 pixelre is kíváncsiak vagyunk. A 768 ugyanolyan fontos, mint a 320-as, ne hagyjátok ki!

Lehetőleg kerüljétek a karuszelt a navigációs elemek megjelenítésére. A navigációs elemeknek rendesen áttekinthetően láthatónak kéne lennie, egy karuszelben okozhat nehézséget/kényelmetlenséget a felfedezésük.

Bár a nagyon merev, sok kötöttséget tartalmazó tervek nagyon jól nézhetnek ki, de sajnos csak akkor, ha pont olyan méretű, hosszúságú, darabszámú, stb. elemmel dolgozunk, mint, ahogy az a terven szerepel. Ennél nagyobb szabadságot szeretnénk hagyni magunknak (és egyébként a reszponzív layout is ilyen szabadságot követel meg).

A hagyományosabb weblap- összetevők számára formanyelvet szeretnénk látni, konkrétan:

Navigációs struktúra ne legyen merev. Gondoljatok arra is, hogy esetleg egyel több, egyel kevesebb menüpontunk lesz, mint most. A menüpontoknak lehetnek almenüpontjai is.

Hely a tervben a kiemelt tartalom számára ("kiemelt-tartalom" egységet képezhet egy cím, néhány mondat és egy kép együttese).

"Blokkok" elhelyezése (akár az oldalsávban is). Ha a fő témán kívül még néhány kisebb információs blokkot szeretnénk elhelyezni az oldalon, akkor az hogyan nézne ki?

Gondoljatok arra is, hogyan jelenjenek meg az olyan oldalak, ahol több tartalom is van, például az összes csomagunkat megjelenítő oldalak, vagy a programokat megjelenítő oldalak?

Többek között ezért is szeretnénk látni legalább egy aloldali tervet is, pl. a wellness oldalét.

Észrevétel egész-oldalas, képernyő tetejéhez illesztett háttérképekhez:

A kijelzőkről:

Noha a specifikációban kikötöttük, hogy az oldal tartalma lehetőleg ne haladja meg az 1200px szélességet nagy-képernyőn sem (keskenyebb lehet), ez nem jelenti azt, hogy ne állna elő olyan helyzet, hogy a weboldalt egy 1080p felbontású monitoron nézze meg valaki.
Az 1080p felbontású monitor 1920*1080 pixelt jelenít meg, tehát ilyenkor a maximált szélességű tartalom két oldalán nagy terek nyílnak.
A látogató dönthetett úgy, hogy a monitorát függőleges helyzetbe fordítja (nem széles körben elterjedt szokás, de számítani azért érdemes rá).
Ez azt jelenti, hogy egy 1920x1920px-es felületen mindent kontroll alatt kell tartani, nem lehet arra számítani, hogy "ez-vagy-az már úgyis kilóg a képből" .

A háttérképről:

Ha semmit / homogén- / egyszerű színátmenetes hátteret terveztek a tartalmi blokk mögé, az is teljesen jó megoldás lehet.

Ha viszont egész-oldalt átfogó, esetleg a képernyő tetejéhez rögzített hátteret szeretnénk, akkor gondolni kell arra, hogy 1920px szélességtől fogva 320px szélességig működnie kell valahogy.

Szeretnénk, ha a tervekből kiderülne, hogy hogyan.

Ezen kívül felmerül a probléma, hogy ha 1920px-es vagy nagyobb bármilyen dimenziójú bitmapet a weben háttérképnek definiálunk, akkor arra számítani lehet, hogy sokáig fog tartani, míg elsőre betöltődik.

Így az 1920px-nél kisebb hátterek definiálása is teljesen jó ötlet lehet, ha meg van oldva, hogy nagy kijelzőn ne hirtelen (croppolás-szerűen) szakadjon vége.

Erre egy lehetséges válasz egy olyan "layer-mask" bevonása, ami lehetővé teszi, hogy a bitmap a szélein mintegy "beleolvadjon" egy homogénebb, bitekből gazdaságosabban kialakítható háttérbe.

A böngészőkről:

Lehetőség van rá, hogy a weblap érzékelje, hogy mekkora kijelzőn jelenik éppen meg, és ennek függvényében más-más háttér (és sokminden egyéb megjelenési tulajdonság) lehet definiálva. (Tehát különböző méretű kijelzőkre más-más módon lehet dekorálni az elemeket).

(A "határ-szélességek" (breakpointok), ahol ilyen váltások bekövetkeznek, tetszőlegesen választhatók és több is definiálható belőlük. Lásd http://mediaqueri.es/ webhely, ahol néhány ilyen kijelző-méret-függő átalakulás illusztrálva van.)

Kedves Kreatívok!

Köszönjük a sok nagyszerű koncepciót, legkésőbb csütörtökön kijelöljük a shortlistet és győztest hirdetünk.

Kedves Kreatívok!

Nem volt könnyű dolgunk, de végülis győztest hirdettünk. Szeretnénk mind a 21 indulónak megköszönni a munkáját. Akik indultak, de nem győztek, remélem, hogy nem bánták meg azért a befektetett munkát. A holnapi nap folyamán még szeretnénk jelentkezni itt a fórumon egy rövid bejegyzéssel arról, hogyan értékeltünk.

Kedves Kreatívok!

Szeretném pár szóban összefoglalni, hogyan értékeltük a beérkezett megoldásokat.

- Hangulat
Ez volt a legszubjektívebb szempont. Mennyire fogott meg minket a koncepció stílusa, hangulata, mennyire éreztük magunkhoz közel. Nagyon tetszettek az általatok alkalmazott virágmotívumok, fafaragás motívumok, de különösen a fa textúrájának valamilyen formában történő megjelenítése volt az, amire nagyon rácsodálkoztunk.

- Egyediség
Itt azt néztük, hogy az adott koncepció mennyire lett volna használható mondjuk egy másik hotel számára? Mennyire sikerült egyedi, eredeti megoldásokat, stíluselemeket alkalmazni, ami igazán "feketekosos"-sá tette a tervet?

- Reszponzivitás
Az elkészített koncepció rugalmasságát vizsgáltuk. Sok terven szinte láttuk magunk előtt, ahogy átméreteződnek az egyes elemek, ahogy egymás alá, fölé csúsznak a képek, blokkok a képernyő szélességének változásával. Nagyra értékeltük ezeket.

- Felhasználói élmény
A felhasználók mennyire tudnak eligazodni az oldalon? Ahol nekünk is törni kellett a fejünket, hogy vajon hogyan működik a navigáció, az nem volt jó előjel. Ahol magától értetődő módon mindennek helye volt, annak külön örültünk.

- Szerkesztői "élmény" - szabadság
Nem utolsó szempont az sem, hogy számunkra, akik majd az oldalt szerkeszteni fogjuk, mennyi szabadságot hagyott a terv. Csak az adott koncepción szereplő karakterszámmal, fényképpel, tartalommagassággal, képmérettel fog jól kinézni, vagy az általunk tetszőlegesen hosszúra írt tartalmak is szépen belesimulnak majd az oldalba, nem kell izzadságos munkával nézegetni, hogy nem ronthatjuk-e el az összhatást, ha új menüpontot találunk ki, vagy szüntetünk meg.

- Kommunikáció
Volt-e leírás a megoldáshoz? Ha kérdeztünk, vagy észrevételt írtunk, arra kaptunk-e választ, amit kérdeztünk? Reagáltatok-e az észrevételeinkre.

Remélem, hogy az értékeléseinkkel nem bántottunk meg senkit, hálásak vagyunk nektek a sok munkáért, amit a tervek elkészítésébe fektettetek.

Köszönjük!

Azt hiszem mi is köszönettel tartozunk. Példaértékű volt mind a kiírás, mind az a figyelem amivel végigkísérték a pályázatot. Sok ilyen megbízóra lenne szükségünk.

Fórum (12)