https://pereverstal.by/tags/veloprokat-2/ E2 (v3254; Aegea) 84 https://pereverstal.by/all/prokat-velikov/ https://pereverstal.by/all/prokat-velikov/ <p>Всем привет! Всех с Новым годом!</p> <p>Первым макетом, который я переверстал в этом году стал вот этот<br /> ценник/режим/работы/рекламный макет пункта проката великов.</p> <div class="e2-text-picture"> <img src="https://pereverstal.by/pictures/IMG_20180627_185740.jpg" width="1920" height="2560" alt="" /> </div> <p>Да, это не сайт, не интерфейс, не большой пребольшой билборд, а скромный макет<br /> из велопроката, который расположен на первом этаже 20-ти летней панельки. Для настоящего<br /> дизайнера не бывает неинтересной и скучной задачи.</p> <p>И хоть я не являюсь членом Белоруского союза дизайнеров, все же дерзну и попытаюсь<br /> исправить этот макет, сделанный каким-то Нуяженедизайнером.</p> <p>Поехали.</p> <p>Немного подбешивает здоровый лого, который незаслуженно перетягивает<br /> внимание на себя.</p> <p>Надо его переделать.</p> <div class="e2-text-picture"> <div class="fotorama" data-width="1624" data-ratio="2.2555555555556"> <img src="https://pereverstal.by/pictures/logo.jpg" width="1624" height="720" alt="" /> <img src="https://pereverstal.by/pictures/logo_done.jpg" width="1032" height="844" alt="" /> </div> </div> <p>Как-то так.</p> <p>Начнем переверстывать.</p> <p>Наберем текст и просто вывалим его кучей вместе с лого в Индизайн.</p> <div class="e2-text-picture"> <div class="fotorama" data-width="868" data-ratio="0.70684039087948"> <img src="https://pereverstal.by/pictures/Veloprokat_done.jpg" width="868" height="1228" alt="" /> <img src="https://pereverstal.by/pictures/Veloprokat_done2.jpg" width="868" height="1228" alt="" /> </div> </div> <p>В начале всегда идет конструкция, т. е. поиск нужных и правильных смысловых<br /> и композиционных связей.</p> <p>Потом, когда конструкция будет готова, можно будет верстать.</p> <p>Думаю, что делать с заголовком. Нахожу прикольный вариант, параллельно пробуя<br /> скомпоновать материал нужным образом</p> <div class="e2-text-picture"> <div class="fotorama" data-width="868" data-ratio="0.70684039087948"> <img src="https://pereverstal.by/pictures/Veloprokat_done3.jpg" width="868" height="1228" alt="" /> <img src="https://pereverstal.by/pictures/Veloprokat_done4.jpg" width="868" height="1228" alt="" /> <img src="https://pereverstal.by/pictures/Veloprokat_done5.jpg" width="868" height="1228" alt="" /> </div> </div> <p>Продолжаю поиск нужной композиции.</p> <div class="e2-text-picture"> <img src="https://pereverstal.by/pictures/Veloprokat_done6.jpg" width="868" height="1228" alt="" /> </div> <p>Кстати, при подсчете стоимости аренды велика пришел к выводу,<br /> что стоимость седьмого часа аренды будет равна стоимости за сутки.</p> <p>Получается, если велик нужен от 7 часов и более, то выгоднее брать<br /> сразу на сутки. Но в макете об этом ни слова. Встану на сторону владельца<br /> пункта проката и не стану ничего менять — невнимательность должна быть наказуема.</p> <div class="e2-text-picture"> <div class="fotorama" data-width="868" data-ratio="0.70684039087948"> <img src="https://pereverstal.by/pictures/Veloprokat_done7.jpg" width="868" height="1228" alt="" /> <img src="https://pereverstal.by/pictures/Veloprokat_done8.jpg" width="868" height="1228" alt="" /> <img src="https://pereverstal.by/pictures/Veloprokat_done9.jpg" width="868" height="1228" alt="" /> </div> </div> <p>Вот, кажется нашел нужную конструкцию для основного блока.</p> <div class="e2-text-picture"> <img src="https://pereverstal.by/pictures/Veloprokat_done10.jpg" width="868" height="1228" alt="" /> </div> <p>По опыту знаю, что, если берешь велик просто покататься, часа вполне хватает,<br /> два часа для самых стойких, 3 часа вообще для тех, кто ни разу не брал<br /> велик в аренду. Эти три цены должны быть самыми главными в композиции.</p> <p>Ну, а если нужны сутки или ночью делать больше нечего, то вот, пожалуйста,<br /> расценки рядом сбоку.</p> <p>Теперь нужно разобраться с арендой сиденья для ребенка<br /> и услугой ТО. Это две неосновные услуги, их можно сделать особнячком.</p> <div class="e2-text-picture"> <img src="https://pereverstal.by/pictures/Veloprokat_done11.jpg" width="868" height="1228" alt="" /> </div> <p>В итоге вот что у меня получилось</p> <div class="e2-text-picture"> <img src="https://pereverstal.by/pictures/Veloprokat_done-16.jpg" width="868" height="1228" alt="" /> </div> <p>Конструкцию основного блока все же поменял — композиционно так гораздо<br /> лучше, крепче и понятнее.</p> <p>Сделал отдельный блок с информацией, где скромно встали логотип,<br /> инфа про доставку великов по Минску, телефоны и сайт.</p> <p>Получилось просто охрюнительно.</p> Wed, 02 Jan 2019 19:57:10 +0300