Несколько дней назад мне пришла идея о том, как улучшить свои навыки. Поставил цель - каждый день стараться переделывать любой сайт, которому нужна "помощь". Обязательно с рекламных баннеров. Главное условие, чтобы не терять время - редизайнить только первый блок и в основном для мобильных устройств. Так проще и получается ты создаешь дизайн в ограниченном пространстве.

Я прокликал целую кучу рекламы и отобрал множество проектов. И вот что заметил: качество услуг у компаний высокое, все круто, прям огонь. Но качество сайтов оставляет желать лучшего.

Например, ребята делают выпускные альбомы. Фотографии шикарные, альбомы тоже. Покажу что получилось (смотрите скрин) и слегка опишу.

Напомню, я делаю только первый блок сайта и только мобильную версию (то что видят посетители при первом заходе).

И критика идет не к самой компании, а к тем, кто делал для них сайт.

Что изменилось (сверху-вниз):

1. Убрал зеленую кнопку WhatsApp. Ее можно в дальнейшем добавить в другое удобное место. Поставил вместе кнопки логотип компании.

2. Выровнял номер телефона и рядом появился адрес.

3. Бургер меню (кнопка справа) стала лучше видна, благодаря фону. Проще нажать.

4. Переместил картинку альбома наверх. Т.к. потенциальный клиент с рекламы ожидает сразу увидеть альбом. Ну правда же. А еще альбом перестал висеть в воздухе и от него идет небольшая тень.

5. Поменял главный заголовок, который кратко, четко и по делу описывает чем занимается компания. Зачем писать про 45 дней и под ключ? Про такое лучше указать в другом месте. Да и под ключ все итак все делают.

6. В подзаголовке тоже самое, но надо еще подумать над этим текстом.

7. Те преимущества на оранжевом фоне на старом сайте. В них вообще нет логики. Пример: "Напечатали больше 9437 альбомов за 4 года работы. Дальше написано "Обрадовали 688 классов стильными альбомами". То есть по логике получается, что 8749 альбомов были не очень??

8. Дальше поставил большую яркую кнопку, взяв цвет с красного фона на картинке альбома. А рядом появилась цена на клочке бумаги из тетрадки. Смысл в том, что кнопка находится в самом низу. Так будет проще тапнуть большим пальцем на телефоне.

9. Добавляем еще школьного вайба. Поставил фон с текстурой зеленой школьной доски.

10. Дальше после красной кнопки сразу показываем качество фотографий. Человек начнет листать, чтобы их увидеть. + фото оформлены в стиле карточек-поларойдов, а внизу на картоке написано имя школьника. Карточки прикреплены к школьной доске на канцелярские кнопочки.

На этом пока все. Что думаете?

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

Спасибо за внимание.

#вебдизайн #фигма #тильда