У нас в контуре Госуслуг есть проект Госвеб

С его помощью можно делать сайты для:
1. Образовательных учреждений
2. Органов местного самоуправления
3. Больниц, фельдшерских пунктов
4. Спортивных организаций
5. Дошкольных образовательных учреждений
7. Некоммерческих организаций и фондов

Госвеб помогает проще проходить кейсы с соответствием нормативным актам и документам.

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

На сайте через кнопку “как создать сайт” можно получить контакты профильного ведомства, которое вам поможет с созданием сайта.

https://gosweb.gosuslugi.ru/

Сегодня рассказывал про нашу дизайн систему

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

Для ребят кто был на моем выступлении обещал пару постов с полезной информацией.

Начну со своего контакта, если у вас есть вопрос можно написать мне в Телеграм @egor_isakov, я постараюсь ответить на него или отправлю к тому кто сможет помочь.

Теперь полезные ссылки:
Наши гайды
https://guides.gosuslugi.ru/

Там все гайды они разбиты по разделам

Сам Cardbox UI
UI-Kit Портала

Хранилище логотипов

Хранилище иллюстраций
(тыкайте по разделам и вам будет переносить в нужный раздел)

Хранилище иконок

Шаблоны для презентаций

Заказ видеоролика в стилистике госуслуги

Дизайн PDF Файлов

Это лишь основная часть все разместить в постах не возможно, сохраните себе

И гайд для тех кто хочет узнать как делать делаются услуги принципы построения итд.

Чуть позже, наверно в понедельник будет 2 пост с полезными контактами и преза.

Инструменты для работы с кодом

Еще немного решил накидать информации по работе с кодом.
Как я и говорил писать HTML можно даже в простом блокноте.
Но есть более удобные варианты

Для написания когда с нуля подойдет редактор Sublime Text
Скачать можно здесь

В нем вы пишите код. Дальше сохраняете его как файл
в формате HTML.
Потом это файл открываете в браузере и введите результат.
Это так сказать классический подход.

Также можно использовать онлайн редактор он больше подойдет для отлова ошибок.(Дебаггинга)
https://codepen.io/

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

Основные теги HTML

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

PDF и фигма

Сама PDF

HTML для не разработчиков

Сегодня порассказываю ребятам нашей компании про HTML-верстку:
- ее базовое устройство
- на что надо ориентироваться
- как HTML может помочь и каких приколов можно от него ожидать

А после вебинара докину сюда пару примеров из презентации

Привет!

Меня зовут Егор, я арт-директор веб-части портала "Госуслуг" и автор дизайн-системы, на которой там все построено.

Рад видеть вас на моём канале ЛетсКукуй!
Здесь я делюсь полезной информацией, инсайтами и лайфхаками UX/UI дизайна.
Будем вместе разбирать кейсы и прожаривать интерфейсы)

Что вас ждёт:
🎯 Практические советы по проектированию интерфейсов
🛒 Кейсы и разборы из моей работы над "Госуслугами"
🧁 Лайфхаки по Figma, прототипированию и юзабилити
🍰 Обсуждения, ответы на вопросы и иногда просто мемы

Подписывайтесь, если хотите научиться "готовить" интерфейсы, которые будут не только красивыми, но и удобным