Читайте ниже, как мы это сделали

С компанией i-version мы плотно сотрудничаем с 2009 года. Данное агентство помогает нам с переводами и подготовкой контента для инноязычных версий сайтов наших клиентов, а мы помогаем им с айдентикой и сайтом.

Предыдущую версию разрабатывали тоже мы, но это была скорее полноценная «заглушка», предварительный вариант. За год накопился большой материал, и уже встала необходимость его структурировать, и привести дизайн под реализованную концепцию.

Работаем над старой версией:

В основе новой концепции лёг одуванчик из букв, символизирующий лёгкость, быстрость и естественность переводов.

Мы стали экспериментировать, и в результате родился ещё и персонаж Юра, усатый парень из ИКЕИ.

Он помогает i-version подчеркнуть своеобразную атмосферу в агентстве, чувство юмора. Его можете встретить на страницах сайта с забавными комментариями.

Ребята из i-version даже углубили образ:

Юра ХОЛЬЦ
Суровый, но справедливый администратор сайта

6 фактов из Юриной биографии

1. Юру распаковали на складе IKEA в немецком Штутгарте и назвали в честь тогдашнего перспективного футболиста местной команды, будущего тренера сборной Германии по футболу, Юргена Клинсманна. В безусой юности Юра даже играл в Бундеслиге. Но зеленый газон не принес Юре известности, и он ушел из большого спорта.
2. От географической близости к Швейцарии у Юры врожденная страсть к сыру, шоколаду, дорогим машинам, красным перочинным ножам и неопрятности.
3. Юра рос скованной и стеснительной деревяшкой. Дискомфорт от стального штифта подставки остается и по сей день: иногда Юру мучают фантомные боли.
4. Впервые настоящая слава поджидала Юру на съемочной площадке «Звездных Войн», где он дублировал робота C-3PO в массовых сценах. На время съемок усы приходилось сбривать – они жутко кололи лицо под фольгой.
5. Калитку модельного бизнеса для Юры распахнуло некое сибирское интернет-агентство. Юра позировал для портфолио, держал визитки, задумчиво стоял на столе под объективом фотокамеры.
6. В 2010 Юра устроился на работу в агентство переводов и копирайтинга администратором сайта. От сидячей работы он располнел, появилась одышка. Однако добротная пища и теплый кабинет поспособствовали усиленному росту Юриных усов.

Далее, для сайта нарисовали иллюстрации сотрудников. Внимательный читатель, найдет среди них и Юру:

Мы подготовили структуру сайта, разбив его на две части: «бизнес» и «сообщество переводчиков», так как раньше содержание имело большую путаницу. Развлекательная информация дезориентировала клиентов, которым нужно было просто заказать перевод.

При разработке сайта была использована такая же техника «вертикального ритма», как и для предыдущих наших клиентов. Информационные блоки расположены с точностью до пикселя, тщательно выверены, и не разъезжаются, как минимум, ни в одном из популярных браузеров.

Сайт успешно проходит проверки W3C-валидатором: xHTML, CSS, RSS.

Отзыв клиента:

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

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

За 1 месяц работы обновлённой версии, сайт уже окупился более чем на половину, – это не только удача, это еще и щепетильный расчет, особое внимание к деталям и добросовестное отношение спецов Rumake к работе.

Григорий Дорин, директор i-version

Мы продолжаем работать над проектом, его совершенствовать. Если есть вопросы или предложения, оставляйте пожалуйста комментарии.

Спасибо за внимание! Обращайтесь за переводами в i-version.

Над проектом работали: Дмитрий Плехов, Ксения Матвейчук, Марина Шнитова, Григорий Хазанкин.

p.s. Ниже еще несколько скриншотов

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

1. html_css.doc
   Отличный список требований и рекомендаций к html-верстке из 25 пунктов, недавно опубликован на хабре.
2. zigi-zigi.doc
   Проверочный список студии Лебедева, обнаруженный в одной из вакансий.
3. last_test.doc
   «Последняя проверка перед запуском сайта» — опубликовано на хабре.
4. 25_point_checklist.pdf
   25‐point Website Usability Checklist
5. checklist.pdf
   Web Standards checklist
6. usability_testing.pdf
   Key questions to ask your usability testing supplier
7. web_marketing_checklist.pdf
   «The best damn web marketing checklist, period!» — огромный чеклист.
8. web_accessibility_checklist.pdf
   Web accessibility checklist
9. website_launch_checklist_v1.pdf
   The Ultimate Website Launch Checklist
10. checklist.html
    50 Questions to Evaluate the Quality of Your Website
11. usability.html
    Test your Website: A 57-Point Checklist for Maximum Usability
12. turbo_kit.html
    The Webmaster’s Turbo Kit (источник)

Чудесным образом, среди организаторов вписали и нас (см. на сайте), однако все усилия по созданию клуба приложили Николай Глухих (sky-it), Роман Петров (it-construct) и Алексей Раменский.

Считаю, организаторы и участники делают большое дело для развития рынка.

С одним из первых наших клиентов, компанией «Биохимзащита», мы работали ещё в конце 2007 года, когда «Rumake» только появился. Недавно они перерегистрировали название на «Ведабио», поскольку часть слова «хим» противоречила политике разработки и производства экологически чистых препаратов для защиты растений.

Сайт открывается как по старому адресу biohimz.ru, так и по новому vedabio.ru, а поисковые системы оповещены об изменениях (robots.txt).

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

Как и все наши сайты, интернет-представиельство «Ведабио» удовлетворяет современным веб-стандартам, успешно проходит проверку валидатора W3C, оптимизировано под поисковые системы, благодаря чему находится в топе поисковых систем по ряду ключевых фраз.

В феврале Rumake представила обновлённую версию сайта санатория «Сибиряк». В этой заметке опишем как разрабатывали сайт.

С Сибиряком сотрудничаем давно, и были известны его особенности, преимущества, пациенты. Предыдущая версия сайта была разработана почти 7 лет назад. Не смотря на столь большой возраст по меркам веб-разработки, он не выглядел динозавром, однако не удовлетворял современным стандартам, давно нуждался в расширении информационного содержания, повышении удобства пользования. Поскольку сайт уже запомнился клиентам санатория и посетителям, то обновлённый вариант, однозначно, должен сохранять преемственность, быть похожим. Старая версия:

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

Также изучили западные сайты. Там термин «sanatorium» имеет другое понятие, в гугле вы обнаружите мрачные описания заброшенных мед-учреждений с картинками из фильмов ужасов. Поэтому если хотите изучить аналоги, необходимо гуглить «resort/recreation facility and a medical facility», «spa resorts with medical service», «health care partners medical spa», и что-то подобное. Американские сайты кроме дизайна отличает профессиональный подход к фотографиям, я подготовил небольшой обзор в специальном фотоальбоме на своей личной странице вконтакте.

Затем, на основе анализа, информации о Сибиряке, и в соответствии поставленным целям и задачам, сделали прототипы страниц:

Один из непринятых мной вариантов:

Фрагмент из презентации заказчикам:

При разработке сайта была использована такая же техника «вертикального ритма», как и на других наших сайтах, разработанных для компании «Нотис» и НИИ физиологии СО РАМН.

Провели фотосессию и ещё одну планируем сделать летом (не все фото на сайте наши):

Веб-разработчики и простые посетители отмечают, что сайт получился приятным и удобным. Уверен, это удалось достичь благодаря тесному сотрудничеству с заказчиком, проведенному анализу, соответствию веб-стандартам (не только W3C), аккуратности, дизайне, основанном на теоретических принципах и желании нашей команды делать лучше.

Добро пожаловать в санаторий «Сибиряк»!

Smashing Magazine разместил 70 работ, присланных с разных стран. Шесть обоин из России, в том числе и наша.

Описание к нашему варианту можно перевести с английского так:

Вы влюблены, но не взаимно? Хотите чтобы ваша любовь стала ярче? Попробуйте в действии Love Wallpaper! Расположите файлы с вашей фотографией и фотографией человека, в которого влюблены, на рабочем столе так, чтоб они попали в силуэты влюбленной парочки из Love Wallpaper. Результат не заставит себя долго ждать!

Идея, заложенная в Love Wallpaper заключается в размещении иконок ваших программ и файлов в определенной области экрана. Может быть забавно, если в голове парня разместить иконки компьютерных игр FIFA или Need For Speed, а в голове девушки… хммм ну может компас ДубльГиса:) — ничего женского на моем рабочем столе не нашлось.

Скачать обои:

• 1920×1440 – обои с пропорциями, которые подойдут также для разрешений: 1024×768, 1280×960, 1600×1200
• 1920×1200 – обои подойдут для: 1024×640, 1280×800, 1440×900, 1680×1050
• 1920×1080 – обои подойдут для: 1600×900
• 1024×600 – обои для нетбуков

p.s. Спасибо переводчикам i-version за наш грамотный английский.

По идее, мне надо было бы начинать эту заметку со слов: «Вчера мы проникли в логово наших конкурентов…». Действительно я был в гостях у студии разработки сайтов, компании sky-it, по приглашению директора Николая Глухих.

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

Кстати, с Николаем Глухих я лично знаком с 2007 года, тогда мы вместе работали над одним проектом. А до этого пересекались в моём старом блоге Rumake, в честь которого я и назвал свою компанию.

На фото рекламка от sky-it «Enlarge your pepper! Инструкция по выращиванию дизайна», с набором семян различных сортов перца:)

В списке наших клиентов добавился Webnut — это социальный портал для молодежи, сервис домашних страничек и личный кабинет с новостями, погодой и другими виджетами. Мы разработали фирменный знак в виде ореха (nut), олицетворяющего пользователя социальной сети.

Неожиданное письмо пришло сегодня ночью от неизвестного человека. Приятно. Кстати, мы постоянно ведем работы по совершенствованию сайта НИИ физиологии. Это можно заметить даже по главной странице:

Было (январь 2009)

Стало (декабрь 2009)