Сайт: netangels.ru
«NetAngels» — крупнейшая региональная хостинговая компания, входит в ТОП-25 крупнейших хостеров России. Для NetAngels мы разработали новый дизайн сайта, а также полный набор необходимых HTML-шаблонов. Это уже третий проект, выполненный нами для NetAngels. Раннее мы создали интерфейс панели управления хостингом и нарисовали 50 шаблонов дизайна для конструктора сайтов NetAngels.
Главная страница сайта
Теперь небольшой поэтапный рассказ о том, как мы работали.
Проектирование нового сайта
Начальный этап — проектирование сайта. Сайт имеет достаточно сложную и неоднородную структуру, поэтому требовался очень серьезный подход к разработке прототипов. В итоге были созданы графические прототипы всех ключевых разделов нового сайта.
Дизайн сайта
Основное требование к дизайну — легкость, простота, использование тизеров и иконок для ключевых элементов. Главная страница стала агрегатором предложений компании с «каруселью» из основных услуг.
После утверждения концепции и дизайн-макета главной страницы двигаемся дальше — начинается отрисовка полного комплекта макетов.
Дизайн внутренних страниц и разделов
У каждого раздела сайта (а их пять) есть индивидуально оформленная главная страница, макеты для всех подразделов, а также типовые макеты для всех возможных внутренних страниц.
Например, набор макетов, посвященных услуге хостинга выглядит примерно так:
Стартовая страница подраздела виртуального хостинга
Страница с описанием отдельного тарифа
Сравнение тарифов
На согласование заказчику макеты предоставлялись со свободно распространяемыми в интернете иконками, отражающими задуманную концепцию. Именно эти макеты мы и решили показать, чтобы лучше отразить процесс работы над проектом.
После утверждения концепции мы отрисовали оригинальные авторские иконки для каждого тарифа хостинга и для основных услуг компании.
В качестве образов для тарифов хостинга взяли воздушные суда:
Чем технологичнее воздушное судно, тем круче тариф.
А вот еще некоторые иконки сайта:
Оценить все прелести нового дизайна вы можете на работающем сайте netangels.ru
Верстка
После утверждения всех макетов сайта мы выполнили качественную HTML-верстку и JS-программирование большинства присутствующих в данный момент на сайте «фишек».
