{"id":14271,"url":"\/distributions\/14271\/click?bit=1&hash=51917511656265921c5b13ff3eb9d4e048e0aaeb67fc3977400bb43652cdbd32","title":"\u0420\u0435\u0434\u0430\u043a\u0442\u043e\u0440 \u043d\u0430\u0442\u0438\u0432\u043e\u043a \u0438 \u0441\u043f\u0435\u0446\u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432 \u0432 vc.ru \u2014 \u043d\u0430\u0439\u0434\u0438\u0441\u044c!","buttonText":"","imageUuid":""}

Лучший сайт, который мы сделали себе в убыток

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

Сайты школ и вузов в России, чаще всего, оставляют желать лучшего. А когда речь заходит о фирменных стилях, там вообще пиши пропало.

Мы хотели сделать что-то по настоящему крутое, поэтому приехали на согласование проекта чуть ли не всем офисом. Было немного жутковато, потому что далеко не всегда удается убедить бизнесмена за 50, не ставить на сайт креативный снегопад из снежинок, а тут целый школьный коллектив.

Встреча сразу же превратилась в небольшое собрание, учителя потихоньку стекались в кабинет и почти мгновенно начинали участвовать в обсуждениях. Но надо отдать должное, директор был не только не против, он был обеими руками "за" иновации.
Чего я, как раз, от него не ожидал.

Мы попросили выделить нам ответственного за проект со стороны гимназии. Эта честь выпала преподавателю физики, за что ему отдельное спасибо. С другой стороны, кому как ни ему?

Я уже упоминал, что помимо разработки сайта школе еще требовалось обновить фирменный стиль. Именно поэтому часть нашей небольшой команды отправилась составлять прототип будущего сайта, а дизайнер приступил к своей работе.

Разработка фирменного стиля

В начале статьи я написал, что чаще всего сайты школ и вузов в нашей стране оставляют желать лучшего. Но это не значит, что они все плохие.
Мы проанализировали и нашли те, которыми хочется вдохновляться:

​Высшая Школа Экономики
Санкт-Петербургский Государственный Университет​
​Новосибирский государственный Университет
Московский Государственный Университет​

Многие знают, что тренды в нашей стране появляются со стороны запада. Они идут в Москву с опозданием на 1-2 года, а после заполняют и регионы.

Логичным решением было подсмотреть что интересного есть у американцев, чтобы идти в ногу со временем:

Дартмутский Колледж

Корнеллский Университет

Массачусетский Университет

Вобрав в себя весь дух престижных российских вузов и шарм университетов Лиги Плюща, мы остановились на этом варианте:

Я не буду писать обо всех тонкостях согласования фирменного стиля с коллективом школы. Если вы когда-нибудь сдавали проект заказчику, представьте что таких заказчиков в кабинете 12 человек.

Но мы были рады, что остановились в итоге именно на этом варианте. Он, как нам кажется, отражает многолетнюю историю учебного заведения и в то же время достаточно современный, чтобы конкурировать со многими брендами.

Как вам фирменный стиль?
Хорошо
Плохо
Все круто, но переделайте :)
Показать результаты
Переголосовать
Проголосовать

Когда все подготовительные этапы закончились, мы перешли к сайту. Тут наши проблемы только начинались...

Разработка сайта

Я не буду долго останавливаться на разработке прототипа и дизайна сайта, потому что статья и так получается очень большая. Скажу только, что согласовать прототип и внешний вид сайта было гораздо проще, чем логотип.

Мы быстро поняли, что от нас хочет заказчик, и в сжатые сроки все реализовали.

А вот с технической частью у нас сложились максимально интимные отношения.

Так как работали мы на одном из популярных платных движков, который так любят программисты, то пришлось пережить семь кругов ада. Мы чинили одно, но тут же ломалось что-то другое.

Это было похоже на ремонт батиной "шестерки":
Ты проводишь все время в гараже, постоянно получаешь по голове, ну а платят за это скупым мужским "спасибо".

Со временем мы столкнулись еще с одной проблемой - администрирование. Нам нужно было научить пользоваться сайтом клиента, перед сдачей проекта.

Из составленных нами скриншотов и гайдов в MS Word можно было бы сшить красочную книгу.

Но опыт ведь так и приходит, с тяжелыми проектами и красными от слез глазами программистов?

Я не буду перечислять все горести, которые мы пережили по своей неопытности. И даже не буду рассказывать как уложились в бюджет - никто уже и не думал заработать, главное было сдать проект качественно и вовремя. Хоть и в минус.

Итог всей этой эпопеи: сайт готов, заказчик доволен.

Ну а мы? Мы получили бесценный опыт и знания. Пусть мы и заплатили за этот курс больше, чем просит за свои Skillbox, но оно стоило того.

Теперь в нашей копилке есть хороший проект, заикающийся программист, раскладушка в офисе и годовой запас кофе.

0
18 комментариев
Написать комментарий...
Альберт Штерн

Использовали Битрикс? На него такой саркастичный намёк?

Ответить
Развернуть ветку
Ярослав Осинцев
Автор

Да, но тут наша неопытность работа с ним сыграла. Последующие сайты на нем не вызывали таких проблем)

Ответить
Развернуть ветку
DaemonHK

Проблема 90% всех заказанных сайтов заключается в том, что клиент потом забивает на них. А уж если это школа. Кто там будет своевременно заниматься наполнением, не понятно...

Ответить
Развернуть ветку
Ярослав Осинцев
Автор

Обычно, контент через полгода до неузнаваемости портит изначально крутой дизайнерский проект

Ответить
Развернуть ветку
Игорь Маркелов

Как оценить фирменный стиль по одному логотипу?

Ответить
Развернуть ветку
Руслан Мухамедяров

Сайт очень похож на вордпресс с его какой-нибудь бесплатной темой. 
И судя по структуре сайта на нем можно было бы и сделать, не привлекая битрикс.
В целом сайт неплохой получился, аккуратный, легко читается. Но скучный, однотонный и блеклый. Хотя по его внешнему виду и контенту он видимо не предполагает вызывать интерес со стороны учащихся.
Чем-то напоминает сайт Новосибирского оперного. Видимо цвета продиктованы местным менталитетом.

Ответить
Развернуть ветку
Ярослав Осинцев
Автор

Структура и цвета продиктованы сотрудниками самой Гимназии, все-таки это учебное заведение. Да, согласен что Битрикс был нашей ошибкой и совершенно не к месту, но менять коней на переправе тоже не стали.

Ответить
Развернуть ветку
Danil Khasanshin

В чем смысл отсылки на Skillbox?

Ответить
Развернуть ветку
Ярослав Осинцев
Автор

В стоимости их курсов, я ведь сравнил с ними

Ответить
Развернуть ветку
Danil Khasanshin

А знания?

Ответить
Развернуть ветку
Ярослав Осинцев
Автор

Дословно моя фраза звучит "мы и заплатили за этот курс больше, чем просит за свои Skillbox". 

В ней есть отсылка к тому, что цена на курсы завышена или там дают плохие знания?

Ответить
Развернуть ветку
Danil Khasanshin

Вот и мой вопрос: зачем сравнивать тогда?

Ответить
Развернуть ветку
Ярослав Осинцев
Автор

Вот и мой ответ: я сравнил стоимость курса с нашими затратами

Ответить
Развернуть ветку
Danil Khasanshin

Вам виднее. Советую перенести публикацию в раздел «Дизайн», в личном блоге у вас его мало кто заметит.

Ответить
Развернуть ветку
Ярослав Осинцев
Автор

Благодарю, исправлю

Ответить
Развернуть ветку
Максим Нюхин

По мне, как разработчику, в том числе Битрикс, Битрикс в своем плане разработки хорош т.к. много, очень много документации. Главное не вставлять в шаблон комплексного компонента еще один компонент. А то кэш напомнит о себе, а он тот ещё троль.

Сейчас пишу модуль для OpenCart с документацией совсем тяжко, а как оказалось, исследовав основные файлы, там все напрямую общается с базой без каких-либо объектов и кучу классов. Вот он напоминает шестёрку деда))
Если кто знает нормальную/не оф. документацию по OpenCart ткните, пожалуйста, а то на официальном сайте как-то пусто или я читаю между строк.

P.s: Логотип вполне себе отличный вышел. А опыт убытком не бывает.

Ответить
Развернуть ветку
Ярослав Осинцев
Автор

Спасибо!) Я и написал, что это из-за опыта так получилось, а не из-за CMS

Ответить
Развернуть ветку
Максим Нюхин

Да да, я понял из статьи)

Ответить
Развернуть ветку
15 комментариев
Раскрывать всегда