http://www.stop-slova.ru/blog/tags/medvedi-i-vodka/ E2 (v3254; Aegea) 92 http://www.stop-slova.ru/blog/all/bears-end-vodka/ http://www.stop-slova.ru/blog/all/bears-end-vodka/ <p>Без морали, просто рассказ о проекте.</p> <p>«<a href="http://bearsandvodka.com">Бэарс энд водка</a>» — сайт о русской культуре, людях, истории, традициях и опыте жизни в России.</p> <p>Идея родилась в декабре 2009 года, когда я жил в одиночной комнатушке в левом крыле МГУ. Я заканчивал пятый курс по специальности «Межкультурная коммуникация», и мне хотелось сделать что-то новое и свежее о России.</p> <p>Идея была в том, чтобы сделать симпатичный блог-журнал с большими картинками и цитатами. Сайт предназначался для иностранцев, которые хотели узнать больше о России.</p> <p>Три месяца спустя, в марте 2010 г., сайт выглядел так:</p> <div class="e2-text-picture"> <img src="http://www.stop-slova.ru/blog/pictures/march2010.jpg" width="1181" height="1260" alt="" /> </div> <p>Над статьями сайта работали все мои друзья. Большинство статей давались огромными усилиями, потому что писали по-английски мы плоховато. И до сих пор нам далеко до «Экономиста», но исправляемся.</p> <p>Сделали плакат:</p> <div class="e2-text-picture"> <img src="http://www.stop-slova.ru/blog/pictures/x_6772c392.jpg" width="604" height="402" alt="" /> </div> <p>В июне 2010 года я защитил по этому сайту диплом на тему «Создание веб-сайта по межкультурной коммуникации: теория, проблемы и практика». К сентябрю запал иссяк, я поступил в аспирантуру, и сайт погрузился в спячку.</p> <h3>Возрождение и новая команда</h3> <p>В 2011 году Слава Кузьминский вновь загорелся идеей, и мы арендовали два стола в только что открывшемся коворкинге на «Флаконе», чтобы совершить прорыв. Прорыв мы не совершили, но было интересно.</p> <p>В это же время Слава собрал фанатичную и веселую команду. Собирались по выходным, веселились, занимались журналистикой, делали фотопроекты, снимали видео. Слава энергично двигал процесс, и все получалось.</p> <div class="e2-text-picture"> <div class="fotorama" data-width="1280" data-ratio="2.0094191522763"> <img src="http://www.stop-slova.ru/blog/pictures/J9XdH1jC4iU.jpg" width="1280" height="637" alt="" /> <img src="http://www.stop-slova.ru/blog/pictures/kr2uFUqsf_Y.jpg" width="1280" height="853" alt="" /> <img src="http://www.stop-slova.ru/blog/pictures/m3jG-dum3ec.jpg" width="1248" height="1024" alt="" /> <img src="http://www.stop-slova.ru/blog/pictures/3kgLJ-bfESA.jpg" width="1000" height="667" alt="" /> <img src="http://www.stop-slova.ru/blog/pictures/JE4GKnPkXVg.jpg" width="1280" height="853" alt="" /> <img src="http://www.stop-slova.ru/blog/pictures/SEQfTXxXRkA.jpg" width="1000" height="667" alt="" /> <img src="http://www.stop-slova.ru/blog/pictures/ByheXmTYAOg.jpg" width="1280" height="745" alt="" /> <img src="http://www.stop-slova.ru/blog/pictures/HZB5q8ZMZEk.jpg" width="1000" height="667" alt="" /> <img src="http://www.stop-slova.ru/blog/pictures/2QcwQ6RsWA8.jpg" width="1280" height="463" alt="" /> <img src="http://www.stop-slova.ru/blog/pictures/0U-oxrTJ-TE.jpg" width="1000" height="667" alt="" /> <img src="http://www.stop-slova.ru/blog/pictures/FjTaU5v7HwI.jpg" width="1000" height="667" alt="" /> <img src="http://www.stop-slova.ru/blog/pictures/z_517b3a5d.jpg" width="1280" height="853" alt="" /> <img src="http://www.stop-slova.ru/blog/pictures/z_5f7bc918.jpg" width="1280" height="956" alt="" /> <img src="http://www.stop-slova.ru/blog/pictures/z_536c44f7.jpg" width="1000" height="667" alt="" /> <img src="http://www.stop-slova.ru/blog/pictures/z_af7eab89.jpg" width="1000" height="667" alt="" /> <img src="http://www.stop-slova.ru/blog/pictures/z_6ffbd4df.jpg" width="1000" height="667" alt="" /> </div> </div> <p>А потом я самонадеянно обновил ядро «Вордпресса», и сайт сломался. Хорошо, что мы чуть ранее сфотографировали матрешки.</p> <div class="e2-text-picture"> <img src="http://www.stop-slova.ru/blog/pictures/2011stub.jpg" width="1181" height="1184" alt="" /> </div> <p>Значит, настало время перемен.</p> <h3>Новый подход</h3> <p>За два года сайт морально устарел. Хотелось очистить его от плохого американского дизайна, убрать все лишние плашечки и надписи, тенюшки и градиентики, дивы, спаны и классы. Это большая проблема «Вордпресса»: чтобы вывести «Привет, мир!» она делает миллион запросов в базу и рисует миллион контейнеров. Это утомляет.</p> <p>С 2010 года мы узнали, что:</p> <blockquote> <p>писать хорошо по-английски — долго, сложно и болезненно, с этим нужно постепенно завязывать;<br /> 80% наших посетителей из Гугла приходили смотреть картинки;<br /> у нас очень простые запросы: картинка в шапке, стили текста, блок с автором и комментарии;<br /> те, кто нас читают, приходят к нам не за точной и свежей информацией, а за эмоциями и духом «Медведей и водки».</p> </blockquote> <p>Это означает, что новый сайт должен быть:</p> <blockquote> <p>чистым и с большими картинками, без лишних плашек и наворотов;<br /> смелым, громким и пестрым.</p> </blockquote> <p>Я придумал новую идею: «Бэарс энд водка» — мозаика русской жизни. Приходишь и попадаешь в месиво из событий, вещей и кусочков России. «Редтрам» на стероидах.</p> <p>Нарисовал в фотошопе главную страницу:</p> <div class="e2-text-picture"> <img src="http://www.stop-slova.ru/blog/pictures/new-concept.jpg" width="1996" height="1174" alt="" /> </div> <p>И внутреннюю:</p> <div class="e2-text-picture"> <img src="http://www.stop-slova.ru/blog/pictures/post.jpg" width="1170" height="3870" alt="" /> </div> <p>Слава, такой: «Матерь божья!»</p> <p>Скрипт, который укладывал плиточки статей, придумал <a href="http://artpolikarpov.ru">Артем Поликарпов</a>. Я собрал сайт на статичных страницах с пхп-инклюдами, прикрутил «Дискус», и мы открылись.</p> <p>Одновременно с этим всерьез занялись <a href="https://www.facebook.com/bearsvodka">нашим фейсбуком</a> и стали снимать новостное комедийное шоу в духе «Дэйли шоу» и «Колбер репорта».</p> <div class="e2-text-picture"> <div class="fotorama" data-width="612" data-ratio="1"> <img src="http://www.stop-slova.ru/blog/pictures/558900_329621757144831_125083457_n.jpg" width="612" height="612" alt="" /> <img src="http://www.stop-slova.ru/blog/pictures/616088_330761170364223_821424360_o.jpg" width="1170" height="869" alt="" /> <img src="http://www.stop-slova.ru/blog/pictures/665607_330615547045452_1526879561_o.jpg" width="2048" height="1365" alt="" /> <img src="http://www.stop-slova.ru/blog/pictures/230894_321820671258273_1939146828_n.jpg" width="612" height="612" alt="" /> </div> </div> <p>Ира, Слава и Стас стали развивать направление видео и публичных мероприятий, и летом 2013 года их позвали читать лекции в Парке Горького.</p> <div class="e2-text-picture"> <div class="fotorama" data-width="1000" data-ratio="1.4992503748126"> <img src="http://www.stop-slova.ru/blog/pictures/1008900_432403636866642_1089558522_o.jpg" width="1000" height="667" alt="" /> <img src="http://www.stop-slova.ru/blog/pictures/1008436_432405730199766_1141935451_o.jpg" width="2048" height="1366" alt="" /> <img src="http://www.stop-slova.ru/blog/pictures/463681_432402513533421_2058084717_o.jpg" width="2048" height="1366" alt="" /> <img src="http://www.stop-slova.ru/blog/pictures/1009585_432404886866517_929572635_o.jpg" width="2048" height="1366" alt="" /> <img src="http://www.stop-slova.ru/blog/pictures/976641_432401226866883_1903227480_o.jpg" width="2048" height="1366" alt="" /> </div> </div> <h3>Модернизация</h3> <p>В это же время мы стали общаться с дизайнером <a href="https://twitter.com/rabific">Сашей Дейковым</a>. Саша спросил, почему сайт так редко обновляется. Я объяснил: потому что неудобно каждый раз править ХТМЛ. Саша предложил перенести сайт на админку и заодно модернизировать дизайн, избавиться от лишнего шума и улучшить (на самом деле — сделать) навигацию:</p> <div class="e2-text-picture"> <div class="fotorama" data-width="1337" data-ratio="1.3601220752798"> <img src="http://www.stop-slova.ru/blog/pictures/1.1.png" width="1337" height="983" alt="" /> <img src="http://www.stop-slova.ru/blog/pictures/1.png" width="1337" height="983" alt="" /> <img src="http://www.stop-slova.ru/blog/pictures/2.png" width="1337" height="983" alt="" /> <img src="http://www.stop-slova.ru/blog/pictures/4.jpg" width="1335" height="1023" alt="" /> <img src="http://www.stop-slova.ru/blog/pictures/5_1.jpg" width="1335" height="1023" alt="" /> </div> </div> <p>Админку на базе «Вордпресса» сделал <a href="http://cherenkevich.com">Леша Черенкевич</a> — совершенно феерически. Убрал из «Вордпресса» все лишнее, закешировал, сделал все превьюшки и надписи, настроил простой способ переноса старых статей на новый сайт, прикрутил правильные лайки и комменты, сделал авторские стили в редакторе.</p> <p>Обычно ты заходишь в Вордпресс, и там миллион кнопочек и пунктов меню, и пока везде не понажимаешь, ничего нормально не заработает. И все равно придется редактировать ЦСС. Леша сделал так, чтобы все работало без настройки и не требовало знаний ЦСС. Сравните обычную админку «Вордпресса» и нашу:</p> <div class="e2-text-picture"> <div class="fotorama" data-width="673" data-ratio="0.50946252838759"> <img src="http://www.stop-slova.ru/blog/pictures/bad-WP.jpg" width="673" height="1321" alt="" /> <img src="http://www.stop-slova.ru/blog/pictures/good-WP.jpg" width="673" height="1321" alt="" /> </div> </div> <p>И вот мы модернизировались и открылись. Теперь быстро реагируем на события и легко публикуем истории из русской жизни:</p> <div class="e2-text-picture"> <img src="http://www.stop-slova.ru/blog/pictures/kiev.jpg" width="1181" height="1429" alt="" /> </div> Mon, 02 Dec 2013 20:47:34 +0300