Spilling coffee on keyboard
Arguing about fonts
Discovering a bug
Stack Overflow saves us
Client says 'make it pop'
Designer cries softly
Deploying on Friday
Welcome to the chaos

Създадохме сайт, който събира гостите, програмата и картата на едно място и води феновете до билета за няколко клика.

Клиент

Aniventure Comic Con

Сфера

Събития

Aniventure Comic Con е най-големият поп-културен фестивал в България - два дни аниме, гейминг, комикси и графити. Насочен към публика в движение, сайтът е изграден по mobile-first подход.

Метрики
Интерфейс, който подрежда мащаба

Обемът, който сайтът поема и подрежда, без потребителят да усети тежестта му.

0+

Партньора и марки, подредени в една секция

0

Събития в програмата, всяко със собствена страница

0

Профила на гости с отделна страница

0

Часа програма с филтри по ден, сцена и формат

Проблемът
Съдържание, което расте по-бързо от структурата

Всяко ново име, час или сцена изискваше ръчна намеса, а посетителят трябваше сам да сглоби своята програма от разпръснати страници.

Съдържанието се поддържаше на ръка

Добавянето на гост означаваше нова страница и ръчно свързване с програмата.

Навигацията не различаваше публиките

Всички категории гости стояха в общ списък, без път, който води конкретния човек до неговото.

Пътят до билета беше дълъг

Действието не беше постоянно достъпно и се губеше между страниците.

Информацията беше разделена на парчета

Час, сцена и местоположение живееха отделно и се сглобяваха от потребителя.

Решението
Една структура вместо десетки страници

Изградихме сайта около един модел на съдържанието: гост, събитие и сцена са записи, които се появяват сами навсякъде, където им е мястото. Интерфейсът остава същият, независимо колко нараства програмата.

Профили по категории

Всеки гост има собствена страница, а четирите категории - аниме, гейминг, комикси и графити - водят посетителя право до своите имена, вместо да го оставят да ги търси в един общ списък.

Програма с филтри

Ден, сцена и формат стесняват изгледа до това, което конкретният човек ще гледа, а трите филтъра работят заедно, така че вече направеният избор не се нулира при всяко следващо уточняване.

Постоянен път до билета

Действието стои достъпно от всяка страница, така че посетителят стига до билета от профил на гост, от програмата или от картата с еднакъв брой стъпки и без връщане в началото.

Свързана карта

Сцената в програмата отваря мястото си на картата, вместо отделна схема, така че на телефона в залата пътят от часа до мястото е един допир, а не превключване между две страници и сверяване със статичен план на залата.

Една структура вместо десетки страници
Проучване
Два различни сайта в различен момент

Проучихме кога и как се отваря сайтът. Преди фестивала потребителят търси имена и цени; по време на него - часове и посоки. Заложихме навигация, която обслужва и двата сценария, без да ги смесва.

Калоян Маринов

Калоян Маринов

Лична информация

Възраст19 г.
ЛокацияСофия, България
ОбразованиеСтудент
ПрофесияАниме и косплей

Идвам и за двата дни, заради гостите. Искам да знам кой кога е и на коя сцена, преди да си купя билета.

Косплей костюмът се готви месеци. Ако разбера в последния момент, че конкурсът е в друг час, всичко отива на вятъра.

Проблеми

  • Гостите са в пет категории и се търсят един по един.
  • Програмата се променя до последно и не личи кое е ново.
  • Часът на конкурса се проверява на няколко места.
  • Не е ясно коя сцена къде е в залата.
  • На телефона програмата се чете трудно.

Цели

  • Да види кой гост идва и кога, преди да купи билет.
  • Да си направи собствена програма за двата дни.
  • Да получи ясен час и сцена за косплей конкурса.
  • Да се ориентира в залата от телефона.
Симона Ковачева

Симона Ковачева

Лична информация

Възраст36 г.
ЛокацияПловдив, България
ОбразованиеМагистър
ПрофесияМаркетинг специалист

Водя децата за един ден. Трябва да знам какво има за тях и по кое време, преди да тръгнем от Пловдив.

Купувам билетите предварително. Искам да съм сигурна, че ще стигнем навреме за госта, за когото са дошли.

Проблеми

  • Трудно се разбира кое от програмата е подходящо за деца.
  • Часът и сцената се сглобяват от няколко страници.
  • Не е ясно какво влиза в билета.
  • Пътува от друг град и планира деня предварително.

Цели

  • Да избере ден по програмата, а не наслуки.
  • Да види часа и сцената на едно място.
  • Да купи билети за цялото семейство наведнъж.
  • Да се ориентира в залата с картата.
Оптимизирано за мобилни устройства
Адаптивен интерфейс за реални условия

Оптимизирахме изгледите за телефон, защото там се случва по-голямата част от посещенията - често при слаба връзка и с една свободна ръка. Ключовите действия остават на палец разстояние.

Адаптивен интерфейс за реални условияАдаптивен интерфейс за реални условия
Интерфейс дизайн
Поп-арт визия върху строга йерархия

Комикс графиката и ярките акценти носят характера на фестивала, но стоят във фона. Отпред остават типографската йерархия и контрастът, които правят гъстото съдържание четимо.

Поп-арт визия върху строга йерархия

Разгледай го на живо

Проектът е онлайн и работи. Отвори го и виж как изглежда в реални условия, а не само на снимки.

Отвори сайта · comiccon.bg · Отвори сайта · comiccon.bg ·

Отвори сайта · comiccon.bg · Отвори сайта · comiccon.bg ·

3D Element 1
3D Element 1
3D Element 1