Блог продолжаю вести на английском языке, все также раскрываю процессы, делюсь опытом, конспектирую книги. Избранные работы — на сайте.

Сайт maryber.com — вторая версия

Задача
Пересмотреть структуру сайта, избавиться от пустующих разделов, переписать текстовую информацию с точки зрения пользы для потенциального клиента и обновить дизайн.
maryber.com

Два года прошло с момента запуска сайта Марии Бережной. Сейчас я смотрю на старый сайт и понимаю, что тогда допустила большую ошибку — «налепила» много ненужного, потому что «клиент так хотел». Кроме того, тогда я передала сайт без контента, предполагалось, что Мария сама будет заниматься наполнением — это была вторая большая ошибка. Два года сайт толком не обновляли, а часть разделов вообще висела мертвым грузом.

Первая версия сайта.

Начало работы

Итак, пообщавшись с Марией, мы решили полностью переделать сайт. Мария рассказала о своем продвижении в карьере, чем сейчас занимается и как планирует развиваться дальше, и я приступила к работе.

Сперва определила структуру нового сайта:

  • Главная. Тут я решила сразу рассказать, чем занимается Мария и показать основные услуги.
  • Портфолио → внутренняя страница. Общий фото-каталог и внутренняя страница для каждой работы.
  • Обо мне. Сюда я разместила историю Марии о ее карьерном пути и рассказала, кому она может быть полезна.
  • Сколько стоит. Страница с ценами на услуги.
  • Обучаю MakeUp. Это одна из услуг, на которой Мария хочет акцентировать внимание, поэтому для нее отдельная страница.

Также Мария хотела добавить раздел «Блог», но пообщавшись мы решили, что пока он ей не нужен. Еще «на потом» мы отложили раздел «Отзывы».

Со старого сайта не перешли разделы со статьями, партнерами и событиями — они оказались не нужны.

Дизайн

Так как сфера деятельности Марии связана с бьюти-индустрией, дизайн я решила сделать «как в глянцевых журналах». Так на главной появились буквицы, а дизайн отдельных блоков напоминает печатную верстку.

Для фото-каталога в портфолио я сделала сетку, в которой акценты смещаются от одной фотографии к другим. По мере заполнения, сетка дублируется, так сохраняется ритм при пролистывании, и глазам всегда есть за что ухватиться. Работы можно фильтровать по основным тегам.

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

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

Страница «Обо мне» также частично имеет свободную верстку, чтобы иметь возможность быстро вносить обновления.

В результате получился компактный сайт, который максимально раскрывает Марию как специалиста и адаптируется под все разрешения экранов.


Участники проекта

Дизайнер
Таня Соколовская
Верстальщик и разработчик
Tony Realovich
Дальше