Zawartość
- Jak doszło do tego briefu?
- Jakie było Twoje podejście do tego projektu?
- Czego użyłeś do zbudowania witryny?
- Który program był najbardziej przydatny?
- Który aspekt był najtrudniejszy technicznie?
- Czy podczas produkcji wykorzystałeś jakieś nowe lub godne uwagi techniki?
- Lubiłem to? Przeczytaj to!
Piętnasta rocznica przebojowej książki dla dzieci The Gruffalo zbliża się wielkimi krokami. Aby uczcić tę niezwykłą, Aardman stworzył fantastyczną nową stronę internetową wypełnioną informacjami i wiadomościami na temat The Gruffalo i twórcy Julii Donaldson, a także Deep Dark Woods, bogaty świat przewijania paralaksy, który mnóstwo zajęć, które zapewnią zajęcie młodym fanom Gruffalo.
Rozmawialiśmy z kierownikiem kreatywnym Jake'em Manionem i producentem cyfrowym George'em Rowe'em o pracy włożonej w przeniesienie świata Gruffalo do sieci.
Jak doszło do tego briefu?
Jake Manion: Pan Macmillan chciał, aby witryna Gruffalo.com była najważniejszym miejscem, w którym można dowiedzieć się wszystkiego o Gruffalo i Julii Donaldson, a także wykorzystać okazję do stworzenia flagowej cyfrowej zawartości rozrywkowej wokół nieruchomości.
Jakie było Twoje podejście do tego projektu?
Jake Manion: Podejście projektowe było prowadzone na dwa sposoby, jeden techniczny i jeden zorientowany na użytkownika. Technicznie rzecz biorąc, zaprojektowaliśmy wszystko z perspektywy „najpierw tabletu”; iPad miał naszą złotą szerokość w pikselach, a następnie odpowiednio skalowaliśmy w górę iw dół.
Z punktu widzenia użytkownika wiedzieliśmy, że będą dwie główne grupy odwiedzających witrynę: rodzice, którzy chcieli dowiedzieć się czegoś o Gruffalo, jego przeszłości i znaleźć inne zasoby i informacje z nim związane; i dzieci, które nie przejmowały się informacjami i po prostu chciały się bawić w świecie Gruffalo! Dlatego oznaczyliśmy witrynę na dwie odrębne części; witryna oparta na treści oraz interaktywny obszar „ciemnego drewna”, w którym żyły wszystkie gry i zabawki.
Czego użyłeś do zbudowania witryny?
George Rowe:
Stworzony przez nas obszar interaktywny z ciemnego drewna wykorzystuje HTML, CSS i JavaScript, więc działa na każdym urządzeniu, które dziecko może zabrać ze sobą do łóżka! Zaprojektowana przez nas witryna została stworzona przez agencję Distinction, ponieważ specjalizuje się ona w preferowanym przez Pan Macmillan Kentiko CMS.
Który program był najbardziej przydatny?
George Rowe: Photoshop był oczywiście nieoceniony w tworzeniu „ciemnego drewna” i projektowaniu witryny. Jeden z naszych projektantów połączył piękne ilustracje Axela Schefflera w ten bogaty, wciągający świat rzeczy do odkrycia. PSD osiągnął około 2 GB i odmawiał otwarcia na starszych komputerach Mac, zanim podzieliliśmy go na części!
Nasi programiści przysięgają na rozszerzalny edytor Sublimecode; wykorzystano wiele nieocenionych wtyczek, w tym listę rzeczy do zrobienia PlainTasks.
Który aspekt był najtrudniejszy technicznie?
Jake Manion: Stworzenie tła „ciemnego ciemnego drewna” o szerokości 12000 pikseli oraz wszystkich znajdujących się w nim zasobów graficznych gry na urządzeniach mobilnych było nie lada wyzwaniem i wymagało sprytnego zarządzania zasobami, w tym pocięcia świata na kawałki. Również nasz niestandardowy emiter cząstek dla spadających liści, aby działał dobrze na urządzeniach mobilnych, a wszystkie gry i świat skalują się porządnie na wszystkich urządzeniach.
Czy podczas produkcji wykorzystałeś jakieś nowe lub godne uwagi techniki?
George Rowe: Pomysł Jake'a na użycie fali sinusoidalnej w naszym emiterze cząstek liści był, pomyślałem, całkiem fajny pomysł. Cała animacja to CSS i JavaScript, a biblioteka transit.js była naprawdę świetna do tworzenia płynnych efektów. Użyliśmy również lokalnej pamięci HTML5 do przechowywania nazw użytkowników w ciemnym lesie i zhakowaliśmy bibliotekę iScroll dla głównego interfejsu. Zasadniczo wiele sprytnych technik internetowych!
Słowa: Jim McCauley i Kerrie Hughes
Lubiłem to? Przeczytaj to!
- Sprawdź te niesamowite witryny HTML5
- Jak zbudować aplikację: wypróbuj te świetne samouczki
- Najważniejsze wskazówki dotyczące projektowania witryn mobilnych
Co myślisz o nowym świecie online Gruffalo? Uderz w komentarze!