404 пост

    
 
Цей пост знаковий для нашого блогу. За рахунком він, ні багато ні мало, чотириста четвертий. На честь цього ми вирішили написати про те, як нами був колись використаний потужний потенціал сторінки 404 на Одноклассниках. А заодно склали невелику підбірку незвичайних і цікавих сторінок з інших сайтів.
 
 Наш досвід Кожен день соціальною мережею Однокласники користується більше 40 млн осіб. І приблизно 150 тисяч з них натикається на сторінку 404. Частка мізерна, всього 0,37% від загальної кількості відвідувачів. Але в абсолютному вираженні дуже навіть пристойна відвідуваність. «Вашу б енергію, та в мирних цілях», — подумали ми і вирішили з користю використовувати цей трафік. На той момент сторінка 404 виглядала так:
 
 
 
Робити просто чергову дизайнерську сторінку сенсу не було. Після тривалих роздумів протягом півгодини була запропонована ідея благодійної кампанії на користь WWF. Природу треба берегти — це відомо зі школи. Але ця тема дуже обширна, забагато для нещасної 404 сторінки. Тому ми поставили перед собою три завдання:
 
     
  • нагадати людям про вимирання рідкісних видів тварин;
  •  
  • познайомити ближче з самим Фондом охорони дикої природи WWF;
  •  
  • дати відвідувачам можливість зробити особистий внесок у збереження глобальної природної екосистеми.
  •  
В результаті нова сторінка 404 стала виглядати так:
 
 
 
Зверху йшов текст самої помилки, щоб користувач відразу розумів, куди він потрапив. Поруч з логотипом Однокласників ми розмістили логотип WWF. Нижче йшов інформаційний блок, що складався з фотографії представника якого-небудь вимираючого виду (була зібрана невелика добірка) і короткого опису. До того ж з цієї сторінки вела посилання на офіційну групу WWF в Одноклассниках. Перша і друга поставлені завдання були вирішені. А заради третього завдання ми розмістили в групі WWF спеціальний iframe, через який відвідувачі могли потрапити на сайт самого фонду та зробити пожертвування.
 
 
 
Результат перевершив наші очікування — близько 50% випадкових відвідувачів сторінки 404 переходили за посиланням у групу WWF. Цей проект тривав один місяць, і на момент його закінчення група виросла до 30 тисяч чоловік. Більш того, за даними самого WWF, протягом цього місяця користувачі Однокласників зробили близько 7% всіх пожертвувань. Проте насправді ця частка була, швидше за все, помітно вище. Справа в тому, що, перейшовши з Однокласників на сайт WWF, не всі відвідувачі відразу робили пожертвування. Деякі поверталися пізніше, але вже безпосередньо, а не обхідними шляхами.
 
Успіх нашого проекту і визнання широкої громадськості, в тому числі у вигляді зарубіжних ЗМІ , надихнули нас на подальші звершення. Нашим наступним 404-проектом стала благодійна акція на користь фонду «Зміни одне життя».
 
 
 
Це фонд сприяння в усиновленні дітей-сиріт. Ми зберегли таку ж структуру сторінки: логотип, фотографія, опис. І всього за два тижні, які тривав цей проект, було 18 звернень від потенційних прийомних батьків. А перші дітей усиновили вже через місяць після старту проекту.
 
Досвід і результати, отримані в ході цих двох проектів, продемонстрували недооціненість такого інструменту, як сторінка 404. Звичайно, її потенціал залежить виключно від відвідуваності. І хай вона краще приносить маленьку, але користь, ніж служить лише красивою заглушкою.
 
 У інших Звичайно, далеко не всі поділяють нашу думку. У більшості випадків 404 сторінка взагалі ніяк не оформляється. Деякі веб-майстри приділяють більше уваги цьому елементу. І іноді трапляються справді цікаві варіанти дизайну сторінки 404. Не всі з них хороші з точки зору утримання відвідувачів на сайті і зручності навігації, але зроблені з вигадкою.
 
 
 
Дуже експресивна ілюстрація, з гумором.
 
 
 
Тру-веб-майстра відразу скажуть, що цей варіант нікуди не годиться. Але дизайн нам сподобався.
 
 
 
Анімована сторінка, на якій розгойдується жирний горобець азіатського походження.
 
 
 
Торжество мінімалізму, а також дизайну над функціональністю і корисністю.
 
 
 
Хороший приклад функціональної, і в той же час забавною сторінки.
 
 
 
Ще один приклад виключно дизайнерської сторінки. Стильно і красиво, а дивина картинки змушує зупинитися, чіпляє увагу.
 
 
 
Mail Chimp Завжди креативно підходять до оформлення 404 сторінки. Довгий час на цій сторінці гостював Гомер Сімпсон, а зараз його замінює заморожена мавпочка. Анімована сторінка з символом компанії, замороженому в кубі льоду.
 
 
 
Анімована інтерактивна сторінка з красивими ефектами. Правда, важкувата.
 
 
 
Цю сторінку напевно вже багато бачили. Але все ж ми вирішили включити її, тому що це один з кращих прикладів. Чи не ідеальний, але близький до цього.
 
 
 
Рибка здохла. Сторінка анімована, з адаптивним дизайном, та ще й інтерактивна. Правда, якість анімації не дуже, але виглядає цікаво і заспокійливо.
 
 
 
Ще один широко відомий приклад. З гумором, логічно пов'язаний з продукцією компанії, все грамотно продумано.
 
 
 
Одна з кращих ідей для 404 сторінки. Не відразу вдається зміркувати, що це таке, навіть посилань ні. Але ідея прекрасна.
 
На цьому виставка досягнень 404 закінчена. Якщо у вас є на прикметі інші варіанти незвичайних і красивих сторіночок, викладайте посилання в коментарі.
    
Джерело: Хабрахабр

0 коментарів

Тільки зареєстровані та авторизовані користувачі можуть залишати коментарі.