Hackerdom.io

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

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

Задача

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

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

Процесс

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

Hackerdom.io wireframes

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

IT-сообщество, часть которого является аудиторией этого проекта, уже давно дискутирует на тему тёмных версий интерфейсов. С всё более и более обширной их поддержкой было бы странно не сделать тёмную версию сайта.

Решение

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

Hackerdom.io front page

У обучающих курсов и спецпроектов есть свои страницы с кратким описанием и содержанием.

Course page

Переключив тему, текст приятно читать в тёмное время суток.

Article page with dark theme

Мобильная версия — не второстепенная задача, а полноправная и самостоятельная часть проекта.

Mobile design in two colors

Другие проекты

Peka2tv

Редизайн площадки для проведения онлайн‑трансляций.

FocusBlock

Приложение для управления временем с октрытым исходным кодом.

Ещё проекты

Больше примеров моей работы