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

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

Клиент

Lokomotiv Sofia

Сфера

Спорт

Локомотив София е клуб с история от 1929 г. и публика, която живее с всеки мач. Сайтът трябваше да носи същия ритъм: новини, състав и програма, но и магазин, от който феновете взимат сезонна карта или екип, без да напускат дома на клуба.

Метрики
От статични страници към жив клубен сайт

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

0

профила на играчи с номер и позиция, вместо списък с имена

0

въведени мача с резултат, дата и съперник

0

отбора от първенството в базата на сайта

0

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

Проблемът
Клуб с история от 1929 г. и сайт, който не я носеше

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

Отборът беше страница, а не данни

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

Мачовете не съществуваха като информация

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

Съдържанието живееше на стар домейн

Присъствието на клуба онлайн беше на fclokomotiv1929.com, отделно от името, с което клубът се представя днес.

Мобилното изживяване тежеше

Изображенията се зареждаха наведнъж, без отложено зареждане, което утежняваше страницата точно там, където феновете я отварят най-често.

Нашият подход
Клубът получи система, а не просто нов сайт

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

Собствени типове съдържание за футбол

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

Миграция на домейна без загуба

Прехвърлихме 321 публикации към fclokomotivsofia.bg и оставихме пренасочвания от стария адрес, за да не се изгубят нито линковете, нито позициите в търсачките.

Магазин и сезонни карти в сайта

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

По-лека страница на телефон

Изображенията се зареждат отложено, а каталогът има филтри, за да отваря бързо там, където феновете влизат най-често.

Клубът получи система, а не просто нов сайт
Discovery
Кой отваря сайта на клуба и защо

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

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

Стоян Николов

Стоян Николов

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

Възраст47 г.
ЛокацияСофия, България
ОбразованиеВисше
ПрофесияТехнически ръководител

Гледам всеки мач. Искам да видя резултата и състава веднага след срещата, а не да ги търся из сайта.

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

Проблеми

  • След мача резултатът и съставът не се намират бързо.
  • Информацията за домакинствата е разпръсната на няколко места.
  • Сезонната карта се купува трудно, ако не мине през офиса на клуба.
  • Новините се смесват и трудно се разбира кое е свежо.
  • Съставът се променя, а старите страници остават непроменени.

Цели

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

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

Навигация с една ръка

Програмата, отборът и новините се стигат с палец, без ровене в дълго меню.

Едри зони за докосване

Връзките и бутоните имат достатъчна площ, за да не се уцелват по два пъти при скролване в движение.

Отложено зареждане на изображенията

Снимките се теглят, когато влязат в кадър. На страницата на отбора това са 36 от общо 41 изображения, тоест страницата тръгва много преди да е свалила всичко.

Кратък път до сезонната карта

Заявката се прави от телефона, без връщане към компютър и без обаждане до клуба.

Един сайт, а не отделна мобилна версия

Съдържанието е едно и също, оформлението се пренарежда според екрана. Клубът поддържа едно място, а не две.

Сайт, който се отваря на трибуната

Мачът свършва на деветдесетата минута, клубът не спира дотам. Направихме сайт, в който Локомотив София живее и между два мача: с резултата от вчера, състава за утре и феновете, които се връщат всеки ден.

Фен магазин
Магазин, който клубът движи сам

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

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

Вариативни продукти

Всяка фланелка е един запис с няколко размера. Цената се показва като диапазон, докато купувачът не избере своя.

Филтри върху каталога

Каталогът се стеснява по категория и тип продукт, без презареждане на страницата.

Количка в странична лента

Добавянето не отвежда встрани. Количката се отваря върху страницата и купувачът продължава оттам, където е.

Двойно ценообразуване

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

Магазин, който клубът движи сам
UI дизайн
Черно, червено и много въздух

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

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

Черно, червено и много въздух

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

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

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

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

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