Projekt nr 777694
Praca wyróżniona
<- Poprzedni projekt Następny projekt ->
Wizualizacja 1/3. Layout typu "single page" dla Chil Drink.
1.) Praca składa się z trzech sekcji (tj. start, content, kontakt). Każda sekcja składa się z następujących parametrów: 2050px x 1080px (szerokość x wysokość) oraz 1200px maksymalnej szerokości dla wyświetlania zawartości strony (pomijając tło) - pomału staram się odchodzić od koncepcji "960 grid". Strona dodatkowo posiada "pływające menu" w postaci ciemnego kwadratu (więcej na wizualizacji 2/2) gdzie po jego kliknięciu po prawej stronie - płynnie zostaje rozwinięta dodatkowa nawigacja dla strony. Dzięki temu zabiegowi użytkownik zawsze dysponuje szybkim wglądem w menu, a sam panel nie "przytłacza" potencjalnej osoby w odbiorze strony. Jedno kliknięcie to rozwinięcie menu, ponowne kliknięcie to jego zamknięcie. W menu na jego tle logo marki zostało wycięte - oznacza to, że na każdej podstronie logo przyjmuje wartości kolorystyczne pobrane z tła. Sekcja start oraz content na samym dole posiada dodatkowo kwadracik ze strzałką skierowaną w dół - jest to dodatkowy element nawigacji służący błyskawicznemu, płynnemu przeskoczeniu do następnej sekcji znajdującej się poniżej (start -> content -> kontakt).
2). Sekcja Start: Jest to ekran powitalny mający na celu utrzymanie klimatu odległych czasów. Tło za główną bohaterką (tj. starto dawne zdjęcie) można bez problemu podmienić - zabieg ten stwarza możliwość stworzenia dość ciekawego "slider'a". W przyszłości, może pozostać koncepcja bohaterki na głównym planie, a co jakiś czas za nią może zmieniać się całe tło (warto to przemyśleć). Obecne tło ma nawiązywać do starych czasów oraz niejako kojarzyć się z miejskimi lokalami gdzie były podawane różne "trunki".
3.) Sekcja Content: Tutaj wszystkie konkretne informacje o produkcie. Po lewej stronie wizualizacja produktu, po prawej natomiast informacje o nim. Na dole pod tekstem nawigacja dla tej sekcji. Po wybraniu danej pozycji z nawigacji - przycisk zostaje podświetlony na czerwono (tj. hover) - jest to intuicyjne oznaczenie co w danym momencie jest wyświetlane.
Tło w tej sekcji nadal utrzymane w starym przedwojennym stylu oraz również położony akcent na pokazanie logotypu marki Chill.
4.) Sekcja Kontakt: Tutaj istotne informacje kontaktowe + formularz kontaktowy + mapa z google maps. Wszystko osadzone na "brudnych, starych teksturach" by utrzymać klimat dla całej strony. W pracy została przewidziana możliwość podmiany warstwy z mapą tak by zachować obecny jej klimat. W celu nadania konkretnego kontrastu i lekkiej nutki "nowoczesności" do pracy została dodana atrakcyjna pani na tle marki Chill, która ma za zadanie dodatkowo wymusić na potencjalnym odbiorcy kontakt z firmą. Na samym dole znajduje się standardowa stopka.
Zdjęcia wykorzystane w pracy to oczywiście elementy stockowe. To chyba wszystko. Dziękuje za możliwość wzięcia udziału w tym konkursie - było to ciekawe doświadczenie.
Wizualizacja 2/3. Layout typu "single page" dla Chil Drink.
1.) Praca składa się z trzech sekcji (tj. start, content, kontakt). Każda sekcja składa się z następujących parametrów: 2050px x 1080px (szerokość x wysokość) oraz 1200px maksymalnej szerokości dla wyświetlania zawartości strony (pomijając tło) - pomału staram się odchodzić od koncepcji "960 grid". Strona dodatkowo posiada "pływające menu" w postaci ciemnego kwadratu (więcej na wizualizacji 2/2) gdzie po jego kliknięciu po prawej stronie - płynnie zostaje rozwinięta dodatkowa nawigacja dla strony. Dzięki temu zabiegowi użytkownik zawsze dysponuje szybkim wglądem w menu, a sam panel nie "przytłacza" potencjalnej osoby w odbiorze strony. Jedno kliknięcie to rozwinięcie menu, ponowne kliknięcie to jego zamknięcie. W menu na jego tle logo marki zostało wycięte - oznacza to, że na każdej podstronie logo przyjmuje wartości kolorystyczne pobrane z tła. Sekcja start oraz content na samym dole posiada dodatkowo kwadracik ze strzałką skierowaną w dół - jest to dodatkowy element nawigacji służący błyskawicznemu, płynnemu przeskoczeniu do następnej sekcji znajdującej się poniżej (start -> content -> kontakt).
2). Sekcja Start: Jest to ekran powitalny mający na celu utrzymanie klimatu odległych czasów. Tło za główną bohaterką (tj. starto dawne zdjęcie) można bez problemu podmienić - zabieg ten stwarza możliwość stworzenia dość ciekawego "slider'a". W przyszłości, może pozostać koncepcja bohaterki na głównym planie, a co jakiś czas za nią może zmieniać się całe tło (warto to przemyśleć). Obecne tło ma nawiązywać do starych czasów oraz niejako kojarzyć się z miejskimi lokalami gdzie były podawane różne "trunki".
3.) Sekcja Content: Tutaj wszystkie konkretne informacje o produkcie. Po lewej stronie wizualizacja produktu, po prawej natomiast informacje o nim. Na dole pod tekstem nawigacja dla tej sekcji. Po wybraniu danej pozycji z nawigacji - przycisk zostaje podświetlony na czerwono (tj. hover) - jest to intuicyjne oznaczenie co w danym momencie jest wyświetlane.
Tło w tej sekcji nadal utrzymane w starym przedwojennym stylu oraz również położony akcent na pokazanie logotypu marki Chill.
4.) Sekcja Kontakt: Tutaj istotne informacje kontaktowe + formularz kontaktowy + mapa z google maps. Wszystko osadzone na "brudnych, starych teksturach" by utrzymać klimat dla całej strony. W pracy została przewidziana możliwość podmiany warstwy z mapą tak by zachować obecny jej klimat. W celu nadania konkretnego kontrastu i lekkiej nutki "nowoczesności" do pracy została dodana atrakcyjna pani na tle marki Chill, która ma za zadanie dodatkowo wymusić na potencjalnym odbiorcy kontakt z firmą. Na samym dole znajduje się standardowa stopka.
Zdjęcia wykorzystane w pracy to oczywiście elementy stockowe. To chyba wszystko. Dziękuje za możliwość wzięcia udziału w tym konkursie - było to ciekawe doświadczenie.
Wizualizacja 3/3. Layout typu "single page" dla Chil Drink.
1.) Praca składa się z trzech sekcji (tj. start, content, kontakt). Każda sekcja składa się z następujących parametrów: 2050px x 1080px (szerokość x wysokość) oraz 1200px maksymalnej szerokości dla wyświetlania zawartości strony (pomijając tło) - pomału staram się odchodzić od koncepcji "960 grid". Strona dodatkowo posiada "pływające menu" w postaci ciemnego kwadratu (więcej na wizualizacji 2/2) gdzie po jego kliknięciu po prawej stronie - płynnie zostaje rozwinięta dodatkowa nawigacja dla strony. Dzięki temu zabiegowi użytkownik zawsze dysponuje szybkim wglądem w menu, a sam panel nie "przytłacza" potencjalnej osoby w odbiorze strony. Jedno kliknięcie to rozwinięcie menu, ponowne kliknięcie to jego zamknięcie. W menu na jego tle logo marki zostało wycięte - oznacza to, że na każdej podstronie logo przyjmuje wartości kolorystyczne pobrane z tła. Sekcja start oraz content na samym dole posiada dodatkowo kwadracik ze strzałką skierowaną w dół - jest to dodatkowy element nawigacji służący błyskawicznemu, płynnemu przeskoczeniu do następnej sekcji znajdującej się poniżej (start -> content -> kontakt).
2). Sekcja Start: Jest to ekran powitalny mający na celu utrzymanie klimatu odległych czasów. Tło za główną bohaterką (tj. starto dawne zdjęcie) można bez problemu podmienić - zabieg ten stwarza możliwość stworzenia dość ciekawego "slider'a". W przyszłości, może pozostać koncepcja bohaterki na głównym planie, a co jakiś czas za nią może zmieniać się całe tło (warto to przemyśleć). Obecne tło ma nawiązywać do starych czasów oraz niejako kojarzyć się z miejskimi lokalami gdzie były podawane różne "trunki".
3.) Sekcja Content: Tutaj wszystkie konkretne informacje o produkcie. Po lewej stronie wizualizacja produktu, po prawej natomiast informacje o nim. Na dole pod tekstem nawigacja dla tej sekcji. Po wybraniu danej pozycji z nawigacji - przycisk zostaje podświetlony na czerwono (tj. hover) - jest to intuicyjne oznaczenie co w danym momencie jest wyświetlane.
Tło w tej sekcji nadal utrzymane w starym przedwojennym stylu oraz również położony akcent na pokazanie logotypu marki Chill.
4.) Sekcja Kontakt: Tutaj istotne informacje kontaktowe + formularz kontaktowy + mapa z google maps. Wszystko osadzone na "brudnych, starych teksturach" by utrzymać klimat dla całej strony. W pracy została przewidziana możliwość podmiany warstwy z mapą tak by zachować obecny jej klimat. W celu nadania konkretnego kontrastu i lekkiej nutki "nowoczesności" do pracy została dodana atrakcyjna pani na tle marki Chill, która ma za zadanie dodatkowo wymusić na potencjalnym odbiorcy kontakt z firmą. Na samym dole znajduje się standardowa stopka.
Zdjęcia wykorzystane w pracy to oczywiście elementy stockowe. To chyba wszystko. Dziękuje za możliwość wzięcia udziału w tym konkursie - było to ciekawe doświadczenie.
Dodał: eMAN 11 lat temu, wyświetleń: 1246
2.3
Ocena: 2.3 / głosów: 3
Dziękuje. Wszystko w pracy ma swoją rolę.