10 stron z twórczymi wydarzeniami
Uwielbiam projektować strony z wydarzeniami. Są efemeryczne i prawie zawsze proste (nie ma tu skomplikowanych interfejsów użytkownika). Ta kombinacja daje nam wyjątkową możliwość przetestowania nowych granic projektowania stron internetowych, wypróbowania twórczego wzorca nawigacyjnego, przetestowania nieznanego layoutu, zabawy z interesującą biblioteką animacji lub, odważę się powiedzieć, powrotu do czasów Flash i ActionScript 3.
Tutaj stworzyłem listę 10 stron z wydarzeniami, które są kreatywne, inspirujące i po prostu piękne. Sprawdź je poniżej.
Epicurrence
Ta strona internetowa przez 4 dni, zaprosić tylko na spotkanie projektanta / programisty w Moab w stanie Utah (gdzie mam zaproszenie?) jest wręcz oszałamiający. Grafika jest piękna; układ jest ekscytujący. Również specjalne rekwizyty do tworzenia formularza rejestracyjnego wyglądają dobrze - dlaczego tak często tworzymy niesamowite strony internetowe, ale nudne formy?
Sonny's Smokin 'Showdown
To konkurs grillowania może być wydarzeniem o niskiej technologii, ale ich strona internetowa jest dość zaawansowana technologicznie. Przewiń w dół, aby zbadać miejsce zdarzenia w trzech wymiarach. Jest nakładany tekst, ale prawie go nie potrzebujesz. Złożone wizualizacje mówią wszystko o wydarzeniu bez czytania słowa. Świetna robota Sonny's Smokin 'Showdown.
Konferencja Global Wave
Powściągliwość jest często znakiem wielkiego twórczego profesjonalisty, filozofii, która została ciepło przyjęta przez Witryna konferencji Global Wave Conference . Sprawdź subtelnie (ale zręcznie) animowane logo (GIF) i menu hamburgerów (SVG), które zapewniają witrynie poczucie luksusu bez rozpraszania się od pogodnej fotografii i typografii.
Podobał mi się również jasny i zwięzły opis wydarzenia, który jest koniecznością dla każdego nowszego wydarzenia.
Festibiere
Dwa słowa: lepki nagłówek. To może nie być najbardziej zaawansowana witryna na liście, ale nawigacja jest wspaniała. Zwłaszcza w przypadku witryn imprezowych przyklejony nagłówek (z wyraźnym, kontrastującym przyciskiem wezwania do działania, aby "zarejestrować się teraz") może być świetnym sposobem na zwiększenie współczynnika konwersji i sprzedaży biletów. Cokolwiek robisz, nie rób tego przycisku trudno znaleźć.
Uwaga: zdarzenie to występuje dwa razy w roku - raz w lecie i raz w zimie. Przejdź na lato (w lewym górnym rogu), a zobaczysz, że projektanci wykonali świetną robotę tworząc różne witryny dla każdego wydarzenia. Strony mają bardzo podobne interfejsy, ale są ładnie wyodrębnione i odpowiednio sezonowe.
Pętla
Duży typ Futury może być trudny do wyciągnięcia, nie przypominając nam o reklamie Volkswagen, ale strona internetowa dla pętli ściągnął to. Loop to trzydniowa konferencja poświęcona muzyce i technologii. Strona jest niepozornie prosta, ale wręcz piękna.
Bardzo podobał mi się również gradient kopiowania treści, który jest maską gradientów tła strony głównej. (Dla zainteresowanych, gradienty tekstu można uzyskać za pomocą CSS przy użyciu właściwości klipu webkit w tle).
Struktura
Dzięki niektórym bardzo kreatywnym projektantom (i bibliotece z możliwością przeciągania UI JQuery), ta norweska strona wydarzenia jest cyfrową reprezentacją bardziej analogowej koncepcji wydarzenia: kształty zestawione w przestrzeni. Moja jedyna sugestia: daj mi coś do zrobienia po przejrzeniu strony. Poproś mnie, bym się zarejestrował, złapał mój e-mail, wysłał mi wskazówki i nie pozwolił, żebym chciał więcej.
Valio Con 2016
Podczas montażu zdjęć na wydarzenie głośniki nieodwołalnie przesyłają ci 34 różne style portretów: otrzymasz zbliżenie, jedno w kolorze czarno-białym i jedno z głośnikiem trzymającym swojego ulubionego kota. To sprawia, że konsystencja jest trudna. Na szczęście projektanci dla ValioCon - doroczna konferencja dla projektantów i twórców w San Diego - odpowiedziała na to wyzwanie za pomocą kreatywnych filtrów fotograficznych, które homogenizują portrety i sprawiają, że ogólny projekt jest bardziej spójny (i niesamowity).
Bloomberg BusinessWeek Design 2016
Kiedy ja pierwszy Widziałem tę stronę , Nie mogłem pomóc, ale dziękuję Bogu, że nie jest ślepy na kolory. Chodzi mi o to, do diabła, skąd mamy wiedzieć, gdzie kliknąć, jeśli każdy link ma ten sam kolor? Ta strona kreatywna konferencji Bloomberg BusinessWeek, która charakteryzuje się odważną typografią i silnym, angażującym układem, wydaje się mocno ignorować wszystkie wytyczne interfejsu użytkownika w książce, ale nadal jest łatwa w użyciu. Kinda.
Podnieś szczyt
The Podnieś szczyt , wcześniej UserConf, to konferencja dla obsługi klienta i menedżerów społeczności, która odbędzie się w październiku tego roku. Ich strona eventowa wyróżnia się wyjątkową czystością i pięknem. Podobało mi się "5 powodów, dla których warto wziąć udział" (co było całkiem przekonujące) i osadzony formularz rejestracyjny. Kochałem przycisk czatu; Nie widzę tego często na stronach wydarzeń, ale myślę, że to świetny sposób na zaangażowanie uczestników.
Hashtags Unplugged
To strona internetowa dla wydarzenia w galerii w Nowym Jorku ma czysty design i świetną typografię. Ale moją ulubioną rzeczą na tej stronie była nawigacja. Wybierz "artyści" pod podanym hashtagiem, a cała strona animuje się do listy artystów. Przejście jest subtelne i nowoczesne, i nie powoduje wrażenia, że straciłeś swoje miejsce w stosie (co jest zbyt ważne, gdy wprowadzamy nowe wzorce nawigacji dla użytkowników).
