Обложка: название, ссылка, список работ, награда.
О проекте
Передо мной стояла задача - придумать идею креативного коворкинга и сделать для него сайт. Так вышло, что я ни разу не работала в коворкинге и от того задача стала буквально вызовом. Ведь мне предстояло до мелких деталей разобраться в теме.
Исследования и идея
Свою идею я начала с большой карты идей, в которой расписала всё, что могла придумать для коворкинга. Так я придумала коворкинг трейлер (который существует, как оказалось), коворкинг на природе с зоной барбекю и в итоге остановилась на коворкинге на природе за городом в бывшем здании завода.
Разглядеть карту идей можно ниже.
Так же я провела небольшое исследование, чтобы обнаружить какие плюсы есть у других коворкингов и после воспользовалась одной из креативных техник, чтобы развить идею дальше.
Так я поняла, что в коворкинге не обязательно нужно работать и с кем-то общаться. В голове сразу появилась целая куча идей.
Дизайн-концепция
Я начала с отрисовки тестовых первых экранов, чтобы нащупать дальнейший стиль сайта. Основной упор был на двух тематиках: коворкинг должен стать зелёным пространством, коворкинг будет оформлен в стиле Лофт.
После фильтрации и долгим дум с блокнотом в руках я сделала принципиально разные макеты первого экрана в разных стилях.
Структура и тексты
Я самостоятельно написала тексты и продумала структуру. Фишка каждого макета в том, что в новые дизайн-макеты я вносила правки, переписывала тексты. И буквально ощущала, как постепенно прихожу к лучшему из вариантов.
Типографика и сетка
Я выбрала необычное сочетание из сразу трёх шрифтов: Helsa Display, Manuscript и Menoe Grotesque Pro.
Каждый из макетов оформлен в своих цветах:
- брутальный в серо-зеленой гамме (что отсылает к бетону)
- полубрутальный в черно-белой гамме с использованием акцентного зеленого, который я взяла с фотографии станка (вы же явно где-то видели эти старые зелёные станки или свой подъезд в детстве :D)
- минималистичный макет оформлен в серо-желтой гамме
Описание концепций
Для удобства я разбила концепты на части и добавила маркеры на каждую интересную деталь, кликай на них для просмотра подробностей.
1 концепт основан на заводской тематике. Я использовала бетон, металл и отсылку к старому оформлению стенгазет.
Баннер трубы: преимущества оформлены в виде перевернутого схематического очертания завода с длинными трубами.
Текстура бетона: я просто сфотографировала потолок у себя дома и сделала текстуру в фотошопе.
Завод: любой завод - это не только куча труб, но и металл. поэтому основное слово в надписи я сделала с эффектом металла.
Блок 2: рваные формы, необычное расположение типографики, как яркое проявление брутализма.
Блок 2: наклоненные фотографии словно изображения расклеенные на стенгазете в коридоре завода.
Блок 2 кнопка: металлические стрелки являются отсылкой к надписи в баннере и металлообработке (в этом процессе я очень люблю зачем-то смотреть как станок выпиливает нечто непонятное и вокруг летят металлические стружки :D)
Блок 3: цепи тоже отсылка к заводской тематике.
Блок 3 текст: Имитация текста в старой газете или печатном издании.
Карта: Я нашла реальную карту завода в интернете и сделала из нее план помещения, оставив все стены и технические перегородки.
Тарифы: отсылка к старым газетам или плакатам, которые можно увидеть в давно заброшенных помещениях.
Мероприятия рамка: я сделала рендер рамки с текстурой металла, чтобы поддержать тематику, созданную выше и привлечь внимание к фотографии
Футер: это тоже мой потолок, но уже из другой комнаты.
2 концепт оформлен более просто и частично-повторяет первый вариант.
В этом варианте я использовала стрелку, которую часто видела в очень старой технической литературе, найденную в детстве у прадеда на веранде.
3 концепт получился самым минималистичным. Я использовала формы и идеи, которые уже сформировалась в прошлых макетах: выделение текста в плашки (в этот оно уже не рваное, а округлое), заводская стрелка, типографика из старых изданий.
В этом варианте появился дополнительный блок, рассказывающий о том, что коворкинг заботится о природе нашего края. Страница получилась более живой и яркой, хотя оформлена в самом простом стилей.
Верстка
В итоге я выбрала третий вариант (уж больно он зацепил меня за душу) и реализовала на тильде. Большая часть страницы сделана в Zero Block и доработана кодом.
Если зачитался и уже готов со мной работать - нажми на кнопку ниже.
