Редизайн сайта дизайн-студии
На гребне волны, поднятой разработкой собственного брендбука дизайн-студии захотелось в свете новых реалий и сайт подтянуть на более высокий уровень. Тем паче, что все чаще приходится общаться с «буржуями» и в свете этого невольно заглядываешься на то, как и что оне делают в этом плане. Современные тенденции бо в веб-дизайне.
Главная страница сделана в стиле landing – вся основная информация вынесена на нее в кратких информационных блоках. Так проще и лучше воспринимается. Для любознательных же уже созданы отдельные внутренние разделы и отдельные страницы – на которые вынесены подробности и пр. Контакты тоже всегда под рукой. Соответственно и структура отображения страницы тоже как у лэндинга – т.е. оперирует понятием «экранов»: 1 часть — первый экран — то, что посетитель видит при открытии нашей страницы, не используя скроллинг; 2 часть и далее — то, что идет ниже первого экрана, прокрутив колесико мыши. Навигация с помощью бокового меню позволяет быстро перемещаться от одного экрана к другому – экраны отдельные блоки, занимающие все поле без скроллинга, при перемещении «цепляются» к отображаемой части сайта.. навигация через боковые меню дает больший контроль отображения информации, того что и как видит пользователь, т.е. дает больший контроль «пользовательского сценария»
Вау-эффект тоже хочется… для чего делаю достаточно много CSS-анимации, в том числе фоновую анимацию «летающие частицы»… Использование анимации и скриптов делает сайт более живым, дышащим и объемным, создает пространство «виртуальной мастерской» в которую посетитель сайта и приглашается.
Заголовки, тайтлы и пр. прописаны в соответствии с требованиями к сео-разметке и микроразметке современного сайта, для больших фоновых картинок использую продвинутый современный формат, позволяющий максимально ужать изображения, снизить нагрузку тем самым.
Адаптивность, удобство просмотра и работы с мобильных устройств, грамотная навигация с автоматическим в разметку структуры сайта (которой уделил вообще очень много внимания) микроразметка, скрипты и сокращение вложенности страниц чтобы упростить максимально короткий путь от главной до любой страницы раздела.. без фанатизьму, ибо в кучу все мешать тоже не айс.. но присутствует органично. Используется загрузчик экрана, оригинально решенные страницы 404 и «в разработке». Адаптировал сайт к работе с профессиональными сервисами и соцсетями.
Несколько видов меню позволяет легко перемещаться по разделам, адресуя пользователя непосредственно к нужной ему в данный момент информации.
Подключены возможности «Яндекс-диалога», позволяющие в режиме онлайн общаться непосредственно с сайта или из поискового запроса в режиме чата: отвечать на вопросы, консультировать клиентов, наладить обратную связь, сделав контакт между дизайнером и заказчиком максимально удобным и быстрым.
В общем, старался достичь того, чтобы клиент не тратил время и сразу получал общее представление об услугах студии и ее проектах, алгоритмах ценообразования и ведения заказа
Окончательно перенес в блог все, что касаемо закулисья, «творческой кухни дизайнера» и сюда же теперь буду помещать материалы о находящихся в разработке проектах, не вошедших в основное портфолио…
Вот у Вас перед глазами результат моей работы, который пока в стадии тестирования, потому некоторые незначительные изменения будут иметь место. За разумные поправки и обоснованную критику буду благодарен. В ближайшее время планирую также перенести на поддомены творческие проекты, о чем будет отдельный материал..
Просмотров:
