Дизайн двух страничного сайта.
https://eatbalance.pro/ - это наш сайт, в состаянии на сейчас
ТЗ
- при загрузки сайта необходимо сделать загрузочную страницу как напримере этого сайта https://levelkitchen.com/
- первый блок должен вмещать в себя шапку на которой будут расположены кнопки, напримере того как это сделано на нашем сайте, принажатии всех кнопок сайт должен перемещать экран не переходя на другие страницы, кроме одной кнопки - "БЛОГ" эта страница будет отведена для СЕо продвижения, остальные кнопки на сайте просто переносятся по странице взависимости от сути, то есть если кнопка меню то клиента перекинуло на блок с менюхой. Также в первом блок должна быть кнопка призыва к действию тоесть заказать, после нажатия должна выскачить форма с данными, типо фио, номер телефона, меню(выпадающем списком) и коментарий.
- личный кабинет: вход в личный кабинет также должен быть в шапке на первом блоке, суть кабинет должна нести за собой следуещее - данные клиента, суть его работы с нашей компанией, то есть должна отображаться инфа по мимо личных даных, должна фиксироваться менюха которую ест клиент ранее выбраную, а также статус клиента, статусом имею ввиду то что у нас есть пробные заказыы, а также подписки на неделю 5/7 дней.
- второй блок это блок с менюхой, там должно все быть след образом :
1. должны быть разбиты кнопки на 4 меню (похудение, набор веса, баланс, и daily)
2. должна быть подругжена возможно предпросмотра еды которую будет есть клиента, на примере того как это есть на нашем сайте.
3. также в этом же блоке с едой, нужно добавить кнопки которыми можно будет выбрать пробный/5/7 дней заказ, но при этом что бы рядом была кнопка выпадающего списка на котором клиент может выбрать количество дней которое по УТП будет клиента настраивать на подписку дольшего времени, замысел подобный на сайте https://levelkitchen.com/ в разделе с меню справа от фото.
- раздел "почему это так удобно" или "что мы предлагаем" там по сути ничего сложно, просто будет 3-4 иконки которые будут отображать суть работы нашей компании, типо точная каллорийность, доставка, гарантия качества и тд, но нужно будет эти иконки прикольно преподнести а именно сделать их какими то анимациями, в соответствии к сути, то есть если это иконка про доставку, то там какая то машинка проезжает, ну суть я думаю ясна.
- раздел с отзывами, на примере нашего сайта, необходимо сделать слайдер, перелистывания этих отзывов, с возможностью подгрузить к каждому отзыву ссылку, в плане того что если нажать на отзыв то кинет на страницу человека который делал отзыв, и по мимо этого сделать не колхозный слайдер как сейчас у нас, а с какой то прикольной фитчей движения
- блок с часто задаваемыми вопросами или ФАК, здесь нужно сделать блоки с выпадающими списками, в формате https://growfood.pro/ этого сайта, если пролистаете вниз там видно какой блок, вот желательно что то подобное, что бысуть такую же выполнял, но не много подругому, чтобы не выглядело как копипат
- след блок это дожимающее УТП, не учитывая дизайна там будет только кнопка заказать с формой
- след блок это партнеры: там тоже особо ничего сверх естественного, нужно будет просто сделать так чтобы они были серые по факту, но при наведении они приобретали свойственный цвет логотипу.
- и последний блок - это информация с кнопками на соц сетку, номер телефонов, значки платежных систем, и ликпея.
теперь по поводу лик пея, то надо просто сделать возможность оплаты на сайте через лик пей, если честно то хз куда эту кнопку именно оплаты лепить, я так понимаю что в личном кабинете только ее будет уместно вставлять, так что вот если вернуться к части ТЗ где писал про личный кабинет, можно добавить в тот текст что также в личном кабинет включить возможность оплаты.
все прописал в правильной очередности по блокам
тз по поводу страницы с БЛОГОМ, здесь скорее всего нужно будет с конектится с человеком который будет заниматься контентом для блога и собственно продвижением СЕО, когда это будет нужно я организую связь, потому что там я хз как и что должно быть
и еще момент, при пролистывании блоков, нужно сделать таким оразом чтобы они были симетричны друг другу, типо вот если зайдешь на наш сайт и стать например на блок "почему это так удобно" то там будет снизу видна частично инфа по след блоку...а если зайти на сайт https://growfood.pro/, то там можно заметить что все симетрично, и выбраный блок кроме сути блока ничего не видно с след блока
Freelancehunt
