Адаптивная верстка одной страницы из PSD макета
3000 UAHЗдравствуйте!
Нужна адаптивная верстка страницы сайта из PSD макета.
Адаптивность дизайнер не нарисовал, поэтому на ваше усмотрение, главное что бы не смотрелось криво на моб. устройствах.
Этот редизайн уже существующей страницы, функционал и некоторые элементы можно посмотреть здесь smurfstore[.]co
Старый стили использовать не обязательно, лучше написать с нуля, что бы все было грамотно.
Постарайтесь делать минимум элементов с абсолютным позиционированием.
Комментарии к макету:
1. Страница будет разделена на "экраны" (10 блоков, описание каждого блока ниже), которые должны переключатся, как на странице https://www.tesla.com/
На каждом экране должна быть стрелочка вниз, при клике на которую должно скролится к следующему экрану
2. Должен присутствовать эффект всплывающегося текста при загрузке блока (так же, как на странице https://www.tesla.com/modelx)
3. Слева всегда должна присутствовать навагиция по всем экранам.
4. Блок с купоном вверху сайта должен скрыватся при клике на [x]
5. Шапка сайта с выпадающим меню, при скролинге на 2+ экраны шапка должна менятся (в макете есть отрисованые слои)
6. При клике на корзину должен открыватся popup, группа слоев "BASKETwindow"
7. В футере ничего необычного, текст и картинки
8. При скролинге на 2+ экраны появляется кнопка "вверх", при клике скролл на первый экран (кнопка есть прорисована в макете на втором экране)
Вниматильно посмотрите макет, там есть скрытые слои, которые показывают различные состояния кнопок, блоков.
Комментарии по блокам:
Экран 1 - Слайдер
- Собственно слайдер (предпочительно использовать slick)
Загловок, картинка, текст, кнопка.
Слайд №1, кнопка "Customize LoL Accounts" - ссылка на внутр. страницу
Слайд №2, кнопка "SMURF PACKAGES" - должна скролить на экран №4.
Экран 2 - Our Sides
- Текстовый блок в 4 колонки
Экран 3 - Coupon
- Обработку формы реализовывать не нужно, но нужно сверстать блок после отправки формы, есть скрытые слои из группы "Thank you for subscribing!"
Экран 4 - Packages
- Переключение между регионами
- Предусмотреть, что в списке карточек с аккаунтами может быть больше 4-х позиций, поэтому должно быть две и больше строк
- Прорисовать разные статусы кнопки BUY NOW (в макете есть скрытые слои, при BUY NOW active, ADDED TO CART, SOLD OUT)
- При клике на "BUY NOW" должнен открыватся popup, группа слоев "CREATE ORDER"
Экран 5 - Your best plans
- Текстовый блок
Экран 6 - Reviews
- Изначально блок "How would you rate your experience?" скрытый. и появляется при нажатии на write a review. Дальше все как на сайте https://happysmurf.com/reviews/
Только по макету (есть прорисованные группы "Tell us about your good experience" и "Anonymous revievs are not cool!")
- После отправки отзыва должен быть текст "Thank you for the review!" (нет в макете)
Экран 7 - Our standarts
- Текстовый блок
Экран 8 - F.A.Q.
- Должно работать как на сайте
https://www.boostroyal.com/faq
Экран 9 - More fun, less work
- Текстовый блок
Экран 10 - Contact us
- Обработку формы реализовывать не нужно.
- Сhoose the type of questions - выпадающий список
- После отправки вместо формы должен быть текст "Thank you! Your message has been sent. Our support team will contact you soon." (нет в макете)
Ссылка на макет:
https://drive.google.com/file/d/1UDwHdFiyaHEnjiPqoNFtIfJKHL_4DJTn/view?usp=sharing
Указивайте стоимость и сроки, будем обсуждать.
Отзыв заказчика о сотрудничестве с Николаем Рыженко
Адаптивная верстка одной страницы из PSD макетаПроект выполнил в срок, все правки были учтены.
Всегда был на связи.
Отзыв фрилансера о сотрудничестве с Василем Гебряном
Адаптивная верстка одной страницы из PSD макетаОтличный заказчик. работу ценит достойно, всегда идёт на контакт. Быстро отвечает. Требовательный - но цена соответствует качеству. Рекомендую
-
10 дней5094 UAH
2645 31 0 10 дней5094 UAH
Здравствуйте! Есть 3 года опыта в верстке сайтов. Сверстаю макеты любой сложности кроссбраузерно без багов используя bootstrap-4, gulp, jquery. Гарантирую зеленую зону в google page speed. В конце оптимизирую сайт чтобы быстрее загружался. Сверстанные страницы буду загружать на свой хостинг для демонстрации. Все правки если возникнут, будут внесены сразу же.
Мое портфолио: baukabdi.kz
Вот последние работы по верстке:
jayrun.baukabdi.kz/
notes-city.baukabdi.kz/
h-p.baukabdi.ru/
baizaar.baukabdi.kz/
…
Буду рад сотрудничеству!
Спасибо.
-
1 день200 UAH
110 1 1 день200 UAH
Добрый вечер!
Опыт верстки более 4х лет. Работаю в крупной It-компание (позиция front-end Developer).
Я гарантирую pixel-perfect, адаптивный дизайн, качественные исходники, кроссбраузерность и кроссплатформенность.
Портфолио - https://lightc0de.github.io/
Практически постоянно на связи (telegram, skype, fb).
… Обращайтесь! Буду рад сотрудничать.
-
10 дней10 000 UAH
1083 39 0 10 дней10 000 UAH
добрый, опыта много, делаю быстро, качественно, стильно. некоторые примеры тут в портфолио. обращайтесь
-
7 дней3000 UAH
775 21 0 7 дней3000 UAH
Здравствуйте, специализируюсь на JS разработке.
Готов приступить к выполнению.
Цену и сроки указал.
-
1 день2000 UAH
146 3 0 1 день2000 UAH
Добрый вечер! С радостью выполню ваш заказ, имею огромный опыт веб разработки (4 года). Постоянно на связи - обращайтесь!
-
7 дней1274 UAH
108 7 дней1274 UAH
Добрый день готова выполнить ваш заказ. Быстро (7 дней, это время с учетом правок. Закончить можем за 3-4 дня). Гарантирую качественную работу, и соблюдения ТЗ. Готова к сотрудничеству. Жду вашего сообщения
-
5 дней5400 UAH
1387 39 0 5 дней5400 UAH
Здравствуйте!
С макетами и тз ознакомлена. Сверстаю качественно и в срок, опыт есть. Обращайтесь!
Быстрая связь telegram - nikolaevna_o
-
2 дня1500 UAH
1595 23 0 2 дня1500 UAH
Доброго дня! Могу сделать ваш макет. Опыт есть, спасибо, жду ответа
-
3 дня3000 UAH
1005 115 2 1 3 дня3000 UAH
Здравствуйте, заинтересовало ваше предложение о работе.
Выполню адаптивную и кроссбраузерную вёрстку.
От пк и до малых смартфонов.
Заверстаю на чистом html/css/js(slider, popup).
Адаптация сайта под все типы устройстов.
Код чистый, понятный, без лишний комментариев,кроссбраузерный , валидный.
Обращайтесь,буду рад обсудить все детали и приступить к работе
-
10 дней7777 UAH
1508 111 0 1 10 дней7777 UAH
Добрый вечер, Василий
Готов выполнить ваш проект согласно требованиям
Пишите в ЛС
-
3 дня2000 UAH
718 41 0 3 дня2000 UAH
Добрый вечер, возмусь за верстку даного макета(уже посмотрел)
Я работаю без предоплаты, сайт буду показывать у себя на хостинге
Могу начать с завтрашнего дня
Сверстаю адаптивно, валидно и выведу сайт в зеленую зону Google Page Speed
Подробности можем обсудить в личных сообщениях
Пишите, не пожалеете
-
6 дней2547 UAH
210 6 дней2547 UAH
Здравствуйте! Готов взяться за ваш проект и выполнить его в лучшем виде.
-
5 дней5000 UAH
562 14 0 1 5 дней5000 UAH
Здравствуйте, Василий , готов сделать!
Здравствуйте, Василий , готов сделать!
Здравствуйте, Василий , готов сделать!
Здравствуйте, Василий , готов сделать!
Здравствуйте, Василий , готов сделать!
-
5 дней2500 UAH
84 5 дней2500 UAH
Добрый вечер,готов взяться за проект. Буду рад сотрудничеству. Гарантирую высокое качество и соблюдение всех требований. Давайте обсудим детали, пишите.
-
5 дней7500 UAH
889 39 1 2 5 дней7500 UAH
Доброго дня ,
Готов выполнить верстку вашего проекта с анимациями и постепенным скролом. Есть похожие касси в порфолио. Напишите в частный, скану ссылку на живые проекты.
-
Вопрос: Вот этот сайт он Ваш?(https://www.tesla.com/ ) Нужно сделать такой-же или что?
(Описание читал, только вот это не понятно) -
В psd голову сломать можно.. Давно придумали фигму для подобных проектов.
-
все ничего, но где эти скрыты слои, вы хоть папки указывайте а то не прикольно рыться по макету, тратя своё время.
-
В фотошопе существует удобная штука, поиск называется, а название папок в тз указано.
-
название папок в которых лежат данные папки. вообще было бы логично отключённые папки вынести в общий директ а не прятать по папкам.
-
Актуальные фриланс-проекты в категории HTML и CSS верстка
Bсправление индексации и базовой SEO-оптимизации сайта (WordPress + Elementor + WooCommerce)
3500 UAH
Есть сайт на WordPress (Elementor + WooCommerce). В текущем состоянии есть проблемы с SEO и индексацией страниц. Разработчик сообщает, что из-за Elementor показатели производительности ограничены, но основная задача сейчас - корректная индексация и SEO-настройки. Что нужно… HTML и CSS верстка, Поисковое продвижение (SEO) ∙ 13 часов 53 минуты назад ∙ 47 ставок |
Нужен frontend-разработчик / верстальщик для разовой доработки сайта на Magento 2
12 792 UAH
Сайт для оценки: https://copy.eurobrands-shop.de/ Задача: исправить frontend-баги на уровне темы Magento 2 / Amasty theme: CSS/LESS/JS, mobile, RTL, minicart, language dropdown, layout shift/CLS. Формат работы: - без локального разворачивания Magento; - работа через DevTools… HTML и CSS верстка, Javascript и Typescript ∙ 16 часов 28 минут назад ∙ 34 ставки |
Улучшение CR конверсии сайта
6500 UAH
Улучшение CR конверсии сайта. Задачи по ТЗ https://docs.google.com/document/d/1Y7zipbe2IEnFpthYuheAr6QA_50aR2Fz8V14rp5NpNo/edit?usp=sharingКнопка BOOK NOW фото / видеокороткий текстИ ОДНОВРЕМЕННО форма бронированияфиксированная (sticky)повторяться каждые 1–2 блокаодного… HTML и CSS верстка, Веб-программирование ∙ 21 час 10 минут назад ∙ 37 ставок |
Разработка iOS-приложения для онлайн-шахмат аналога (возможно через Vibe Coding)
20 000 UAH
Необходимо разработать MVP мобильного приложения только под iOS. В качестве основы можно взять концепцию Chess.com, но без копирования дизайна или кода. Желательно максимально использовать Vibe Coding/AI для ускорения разработки и снижения стоимости, но код должен быть чистым,… HTML и CSS верстка ∙ 1 день 9 часов назад ∙ 32 ставки |
Ищем специалиста по ДжумлеВсем привет, есть проект, по которому нужен специалист по Джумле. Сейчас нужно разобраться, как там всё устроено и какие есть страницы. Найти страницу и форму регистрации и рассказать, показать, как всё работает и куда идут заявки и т. д. HTML и CSS верстка ∙ 1 день 11 часов назад ∙ 26 ставок |
Ужгород