Как мы его создали: my.blog
Краткий обзор того, как наша команда по специальным проектам создавала совершенно новый веб-сайт my.blog.
Когда в 2016 году Automattic запустила доменное расширение .blog, наша команда разработчиков создала для него новый блестящий веб-сайт. Атмосфера блога очень соответствовала эпохе, благодаря простому оформлению, универсальной цветовой палитре и подходу “только основы” к контенту и обмену сообщениями в целом.
Восемь лет спустя пришло время для обновления.
Недавно наша команда по специальным проектам пересмотрела my.blog, придав ему совершенно новую эстетику и подход, а также несколько интересных новых функций. В этом посте мы расскажем вам о том, как появился этот новый сайт. Свежий дизайн прекрасно демонстрирует возможности WordPress.
и не забывайте об этом при работе!
Дизайн вдохновляет
Первым шагом нашей команды было разработать концепцию дизайна. В любом веб-проекте, начиная с этого момента, вы задаете тон всему сайту. Какие цвета, стиль оформления и типографские элементы отражают то, что вы пытаетесь донести?
Наша команда дизайнеров представила два прекрасных варианта, каждый из которых имеет свои плюсы и минусы:
Плавный макет более светлой версии под кодовым названием Lemon Softness действительно выделялся, в то время как макет плитки или карточки в более темной версии под кодовым названием Starfield выглядел красиво, но в современном Интернете казался почти таким же.
С другой стороны, мрачная эстетика Starfield больше соответствовала нашим представлениям о будущем.
В конечном счете, мы объединили их. Дизайн Lemon Softness – это то, что вы увидите на my.ведите блог сегодня (включая несколько очень крутых анимаций прокрутки), а вдохновение от Звездного поля появляется при переключении темного режима (значок луны / солнца в правом верхнем углу). Также обратите внимание на эффект “стеклянного морфизма” в заголовке вверху сайта, который немного размывает изображения, чтобы вы могли четко читать меню и ориентироваться в нем.