Привет! Листал я новости и увидел, как другой человек создал дизайн страницы для одного агентства, я подумал, почему бы не попробовать сделать его так, как вижу я. Вот что получилось:
Процесс дизайна.
Я в каждой статье пишу, что дизайн сайта — это определённый процесс. Его можно дополнять, изменять, но обязательно следовать ему.
Моими личными пожеланиями по проекту стали GIF-кнопки. Они выполнены текстом и вращаются против часовой стрелки (это важно, потому что так удобнее читать).
Сбор контента со старой страницы. Всегда нужно сначала посмотреть на то, что у тебя уже имеется и из этого делать выводы. Так, например, я организовал имеющуюся информацию и проанализировал возможные варианты переработки и дополнения проекта. Я решил, что на главной странице стоит анонсировать такую важную вещь, как «Вакансии», потому что для агентства очень важно иметь высококвалифицированных сотрудников.
Референсы. Продолжая основную мысль, я анализировал то, что у нас уже есть. Начал подбирать референсы, примеры крутых дизайнов проектов других и смежных тематик, из них я черпаю вдохновение, определяюсь со стилистикой и, возможно, беру какие-то элементы, как основу.
Сбор фото, подбор цветов и др. Скачал все доступные фото со старого сайта и отобрал лучшие из них. С ними я и буду работать, обычно, если у сайта слабая контентная часть, это сразу заметно и необходимо заниматься созданием нового материала. В проекте было использовано много ярких цветов, такова была концепция и я решил её сохранить, но использовать по-своему. Шрифт и размер был выбран максимально просто и стандартно, чтобы не нагружать пользователя, а позволить ему свободно пользоваться размещённой информацией.
Прототип. Главное на этом этапе — не начинать творить. Нужно проработать множество версий и продумать такие моменты, как расположение элементов на сайте, композицию, роль каждого объекта.
Я создавал не более трёх версий и пришёл к такому варианту:
Адаптив. Поскольку я верстаю сайты на Tilda, я всегда делаю адаптивный дизайн (смещение элементов, переработка композиции в соответствие каждому разрешению тех или иных девайсов). Были созданы пять стандартных версий адаптива: десктоп (компьютер), горизонтальный планшет, вертикальный планшет, горизонтальный телефон, вертикальный телефон. Мобильная версия особенно важна, поэтому нередко стоит полностью перерабатывать дизайн компьютерной версии во имя удобства использования сайта на мобильных устройствах, ведь по статистике ими начинают пользоваться больше, чем компьютером!
Эта страница получилась особенно чистой и свободной, я результатом доволен. Желаю всем счастья и здоровья, не болейте!
Спасибо за внимание. Всех с новым годом!
Связаться со мной: