Передизайнить корзину

Я большой фанат рок-музыки и дизайна многих электрогитар. Flying V, Gibson Explorer, Jackson King V. Но больше всего мне нравится Les Paul, которую тоже выпускает Gibson. Очень красивая по форме гитара с приятным звуком. На ней играли Кит Ричардс из Роллинг Стоунз, Джимми Пейдж из Лед Зэппелин, Джеймс Хэтфилд и Кирк Хэммет из Металлики. Словом, модель хорошая. Решил прикупить реплику на сайте Гитарилка за 16 400 ₽.

Ну окей. Покупку гитары отложу на потом. Сначала попробую переделать этот блок и, скорее всего, корзину. Туда пока не заглядывал.

Начинаю с карточки товара. Делаю таблицу, чтобы понять, что важно,
а что — не очень.

Самая запара — с пунктом «Купить за секунду». Первое — ну, если в 02:43 пользователь нажмёт на кнопку «Купить за секунду» и через секунду не перезвонят, он будет бухтеть. И обычно такие ходы представлены как «Купить в 1 клик». Так что поменяем текст. Конечно, социальные сети тут тоже не нужны.

Окей. Быстро переделываем карточку.

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

А дальше — корзина.

Там работы предстоит больше.

Да, тут у нас две вкладки — «Способ доставки» и «Адрес и оплата». Всё растянуто, данные вводятся в поля по центру, а не слева (вы когда-нибудь видели такое?), ну и текст плохой.

Выкладывать процесс, пожалуй, не буду: пост получится очень длинным.
Если вкратце: объединяем две вкладки в одну, переписываем текст, перевёрстываем страничку, всё уплотняем, уплотняем, уплотняем.

Получается вот так:

Два экрана уместили в один, да ещё спомпоновали так, чтобы он поместился на экран. Поля для ввода данных слева, товар — справа. Связанные по смыслу элементы (Клиент, Имя, Телефон и Эл.почта) стоят близко друг к другу.
Из мелочей: сокращено поле «Комментарий», т.к. люди не так часто пишут туда,
а если и пишут, то немного. Нет смысла давать полю большое пространство,
но если кому-то нужно написать — поле без проблем растягивается.

В эту корзину можно добавить ещё каких-нибудь пунктов. Например,
«Не перезванивайте мне», «Подписаться на рассылку», «Создать аккаунт».
Но это уж кому как. Главное дело сделано — уплотнили корзину, не потеряв данные, чтобы пользователю было проще покупать классные гитары.