Редизайн сайта веб-студии

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

• Сделать редизайн корпоративного сайта, отражающий новый имидж компании
• Спроектировать сайт, который станет удобным бизнес-инструментом
• Удобно и понятно представить весь спектр услуг.
• Отразить все сферы деятельности компании, в том числе образовательные и благотворительные проекты.
• Повысить привлекательности компании в глазах соискателей

2. Описание реализации кейса и творческого пути по поиску оптимального решения

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

Для создания нужной атмосферы мы использовали:

– Цветовую палитру

Выбрали три основных цвета: фиолетовый – корпоративный цвет, синий – цвет программной консоли, зеленый – цвет включенности.

– Декоративные элементы

Пронумерованные строки, теги, «окна» – все они создают впечатление открытого для редактирования кода, с которым могут работать программисты. Буквы имитируют печать, строки выделяются аутентично тому, как это происходит в коде. Комментарии заключены в теги.

– Пиксельные изображения

Обработка фотографий оказалась отдельным квестом. Для этого мы использовали приложение Ca-mera для iPhone. Изображение многократно пропускалась через фильтр и обрабатывалось дизайнером вручную, пока не достигло нужного результата. Несмотря на кажущуюся простоту, это была кропотливая работа.

– Тексты

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

– Профессиональный юмор

На сайте есть несколько забавных элементов. Например, комментарий «pack_back» в блоке Backend или «for_your.bat» – отсылка к bat-файлам. «Вход в портал» – тоже наш прикол – вход в потусторонний мир программиста, который ведет в наш «портал».

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

3. Результаты сотрудничества

Концепция технологичного флешбэка постепенно обрела форму, пройдя через все стадии от наброска до полноценного дизайнерского макета. Все графические элементы: пиксели, «выбегающий» текст, квадратные формы вызывают ассоциацию с программами Norton Commander, Commodore 64 и System 5. Задача уйти от хороших, но «типичных» сайтов, была достигнута.

Свидетельство успеха – восторженные отзывы в Facebook: «Клевый», «Стильненько», «Нестандартно», «Супер». Особенно приятно, что мы получили этот фидбэк от людей взыскательных и близких IT. Что может быть приятнее?!

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