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

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

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

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

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

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

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

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

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

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

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

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

– Тексты

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

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

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

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

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

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