Сверcтать лендинг на основе дизайна в Figma
Дизайн выполнен в figma;
Требования к верстке:
BEM (использовать эту методологию)
html5
sass
vanilla js (без jQuery), ES6+
DRY, KISS
Оптимизизация:
90+ по Google Page Speed на десктопе и на мобильном
асинхронная подгрузка скриптов/стилей/изображений (srcset для больших изображений)
Поддержка браузеров:
Google Chrome
Apple Safari
Microsoft Edge
Mozilla Firefox
Opera
Android Browser
Браузеры которые используются более чем 1% пользователей;
Требования к организации кода:
Сборку выполнить c помощью webpack или gulp.
- структура папок:
- js - (папка для js файлов)
- sass - (папка для sass файлов, с необходимой для BEM структурой, под каждый компонент отдельный файлик)
- img - (папка изображений)
- fonts - (папка для шрифтов)
- build - (папка для сборок)
- зависимости добавить через package.json (npm)
- стараться не добавлять на страницу лишние скрипты/стили, если они там не нужны;
- использовать автопрефиксер, плагин для сортировки @медиа правил по разрешениям и т.п., что облегчает жизнь;
Верстка должна быть респонсивной, сайт должен выглядеть хорошо, во всех промежуточных экранах между брейкпойнтами в дизайне.
Под хорошо имеется ввиду - отсутствие ненужных скроллов, сползаний соответственных элементов и т.п.
(ссылку на дизайн дам в ЛС)
Смена тем:
В дизайне есть светлая и темная тема, нужно реализовать переключение между темами,
данные о выбранной теме хранить в LocalStorage:
1)если пользователь выбрал тему - ставим ее;
2)если пользователь еще не выбирал тему, если можем узнать тему устройства, например через window.matchMedia('(prefers-color-scheme: dark)') - ставим эту тему;
3)если тему устройства определить невозможно, то ставим темную тему.
Результат:
В качестве результата должен быть репозиторий с указанной структурой папок и инструкциями по сборке.
Ссылку на дизайн и более подробное ТЗ отправлю в ЛС.
В приложении файл картинкой, как будет выглдяется дизайн светлой темы, в заявке ожидаю информацию о предположительных сроках (светлая/темная, мобильная), а также ваш рейт в час.
Приложения 1
-
5 дней5500 UAH
5 дней5500 UAH
Привет, я могу реализовать кроссбраузерно по макету, обращайтесь.
Мой стек: JS, TS, ReactJS, NextJS, SCSS...
-
14 дней30 000 UAH
396 1 0 14 дней30 000 UAH
Приветствую!
Мы готовы взяться за ваш проект и создать респонсивный веб-сайт согласно вашим требованиям. Наша команда обладает опытом работы с Figma, версткой по методологии BEM, использованием HTML5, Sass и Vanilla JavaScript (ES6+), а также оптимизацией для высоких показателей Google Page Speed.
Мы предлагаем следующий план:
Анализ дизайна и ТЗ.
Верстка всех страниц с использованием BEM и оптимизацией для максимальной производительности.
Реализация асинхронной подгрузки скриптов/стилей/изображений и поддержка различных браузеров.
… Разработка переключения между светлой и темной темами с сохранением выбора в LocalStorage.
Создание репозитория с указанной структурой папок и инструкциями по сборке.
Давайте обсудим детали и перейдем к дальнейшим шагам.
-
3 дня3000 UAH
101 3 дня3000 UAH
Good evening, I will gladly complete your project, write
Good evening, I will gladly complete your project, write
-
5 дней6000 UAH
425 8 0 5 дней6000 UAH
Нус.. не уверен, но обычно из такого и получаются самые интересные проекты.
Сразу, что хочется сказать, прямо с порога, это — тень никогда не будет одинаково отображаться во всех перечисленных браузерах. С остальным, плюс-минус больших проблем не возникнет.
Примеры моих робот:
https://gray-s.com/cookes
https://gray-s.com/freebie-agency
https://gray-s.com/yachtclub
https://gray-s.com/grants
https://gray-s.com/ship
… https://gray-s.com/clinic
Мое для вас предложение:
Сверстаю сайт максимально качественно. Есть готовые решения для темной версии, на сайте будет реализован отзывчивый адаптив(блоки будут масштабироваться и подстраиваться под ширину десктопа), минимум js кода и никаких фреймворков.
Ценовая политика:
Пять дней (+1 день на рефакторинг кода и подгон анимации под ваш вкус)
6000 грн.
-
40 дней45 000 UAH
12912 67 0 40 дней45 000 UAH
Привет! Выполню ваше задание быстро и качественно.
Моё портфолио: https://freelancehunt.com/ua/freelancer/romas6ka.html#portfolio
Пишите, начну сегодня работать. Буду рад сотрудничеству с Вами!
-
7 дней4000 UAH
247 7 дней4000 UAH
Привет! 🎨 Я готов принять этот проект на борт и превратить ваш дизайн в живую, дышащую веб-страницу!
-
4 дня5000 UAH
1070 33 1 4 4 дня5000 UAH
ДОброго времени суток, могу качественно отверстать ваш лендинг, от себя добавлю анимации, при входе на лендинг будет вау ефект, гарантирую! Обращайтесь, буду рад сотрудничеству!
-
4 дня4000 UAH
589 8 0 4 дня4000 UAH
Здравствуйте !
Ознакомился с задачей - без проблем сверстаю лендинг максимально быстро и качественно. Обращайтесь, обсудим все нюансы, чтобы результат на 100% удовлетворил ваши ожидания.
1 час работы - 200грн.
Вот примеры некоторых работ:
https://sphinxik.github.io/portfolio/prague/
https://sphinxik.github.io/portfolio/montenel/preview/
… Большой опыт в web-разработке. Создаю адаптивные и кросс-браузерные сайты различной сложности. В своей работе использую современные технологии и практики, в результате - вы получаете супер-быстрый сайт, не перегруженный лишними плагинами и библиотеками.
Портфолио:
Freelancehunt
-
3 дня2500 UAH
2202 24 0 3 дня2500 UAH
Привет, меня зовут Александр, я занимаюсь версткой веб-сайтов уже довольно давно и имею большой опыт в выполнении подобных задач.
Поскольку на этой платформе я новичок (работаю на Upwork), то выполню ваше задание за более низкую цену. Взамен надеюсь получить хороший отзыв, если выполнение вас удовлетворило.
Работаю с SCSS, SAAS, BEM и JS. Для сборки использую gulp и webpack. Также я использую адаптивное свойство, которое автоматически адаптирует верстку без каких-либо медиа-запросов или CSS-фреймворков.
Я верстаю с полным адаптивом и кроссбраузерностью, соблюдая все современные технологии, что позволяет моим проектам достигать высокой скорости загрузки согласно оценке Google Page Speed, что положительно влияет на SEO продвижение.
Я работаю до полного утверждения, вношу изменения даже после передачи проекта. Также я готов поддерживать проект в будущем и делать любые изменения и доработки по договоренным условиям.
…
Готов обсудить задание в личной переписке.
Последние работы:
https://sanyok185.github.io/Antools/ - лендинг
https://sanyok185.github.io/PLUGIT/main.html - многостраничный сайт
https://sanyok185.github.io/Property/home.html - многостраничный сайт
https://sanyok185.github.io/Proyavlennya/ - лендинг
https://sanyok185.github.io/StanDesk/ - лендинг с множеством слайдеров
-
5 дней6000 UAH
4762 50 0 1 5 дней6000 UAH
Добрый день! Готов выполнить работу качественно. Опыт работы более 6 лет. Пишите в л/с оговорим детали и приступаю.
-
4 дня7000 UAH
400 1 0 4 дня7000 UAH
Здравствуйте, Антон!
Готов взяться за ваш проект. Имею все необходимые навыки и опыт для успешной его реализации. Ожидаю вашего сообщения с подробностями относительно дизайна и задач. Буду рад сотрудничеству!
Рейт: 6$ в час
Срок: 3-4 дня
-
6 дней2000 UAH
457 6 0 6 дней2000 UAH
Профессиональный Full-stack разработчик. HTML, CSS, JS, React, Redux, NodeJS, Express, MongoDB. Работаю с сборками Vite, Parcel и webpack.
Пишите в личные сообщения, обсудим детали.
-
3 дня3000 UAH
1381 12 0 3 дня3000 UAH
Good day!
I can help with the task.
I work with html, css, js, wordpress.
I will do everything quickly and efficiently.
Available 24/7
-
4 дня2800 UAH
420 6 0 4 дня2800 UAH
Здравствуйте, меня заинтересовало ваше предложение по разработке сайта, готов реализовать сайт чистым кодом на html, css, scss, js, для уточнения деталей обращайтесь в личные сообщения.
-
3 дня8000 UAH
562 1 0 3 дня8000 UAH
Здравствуйте,
Хочу предложить вам мою услугу как разработчика.
Будут соблюдены все условия которые вы описали и итоговый проект на репозитории с инструкцией!
1) Десктоп (Светлая тема) ~ 20часов
2) Мобильная версия ~ 5 часов
3) Темная тема ~ 2-4 часа
Таким образом вы получите качественную работу и готовый сайт. Все детали и вопросы можно будет обсудить в личной переписке!
P.S. В среднем я работаю по 8$ в час. И хотел бы уточнить можно ли будет использоваться SCSS вместо SASS для удобства?
Хорошего дня!
-
4 дня4000 UAH
1633 28 1 1 4 дня4000 UAH
Добрый вечер Антон!
Ознакомился с описанным вами тут тз и макетом. Сделаю все качественно, надежно, кроссбраузерно, адаптивно. В работе использую html, css, js. Также использую сборку на основе gulp/webpack, препроцессор sass в синтаксисе scss. Структуру сделаю согласно требованиям. Пишу чистый, валидный и семантический код, с использованием БЭМ.
Можем все обсудить и я сразу начну выполнять работу. Еще немного и сегодня можно что-то сделать.
Предоставьте пожалуйста макет и тз на оценку. Пока цена и сроки предварительные. После ознакомления - цена может измениться.
Почасовая ставка - 180 - 200 грн
Примеры моих работ:
1) https://pashadahulych.github.io/NFT/ - лендинг
2) https://pashadahulych.github.io/Delote-Beauty/ багатосторінковий сайт, з кастомною стилізацією карти
…
3) https://pashadahulych.github.io/NFT__Marketplace/ - багатосторінковий сайт
4) https://pashadahulych.github.io/CEX.io/ - лендос
5) https://pashadahulych.github.io/Element__Home/ - интернет магазин
6) https://pashadahulych.github.io/Digital-Planner/ - верстка приложения, уже есть на хостинге
7) https://pashadahulych.github.io/Matoa/ - интернет магазин, куча слайдеров, галерея, табы. Особенность - анимация добавления в корзину написана на чистом javascript
-
3 дня3000 UAH
1655 27 0 3 дня3000 UAH
Добрый вечер, Антон! Ознакомился с описанием проекта. Предлагаю своевременное и качественное выполнение задания. Всегда на связи и оперативно учитываю все пожелания.
Сверстаю адаптивно, с поддержкой всех указанных браузеров.
Если нужно, портфолио отправлю в ЛС.
-
20 дней15 000 UAH
128 20 дней15 000 UAH
Добрый день!
Мы рады обратиться к вам с предложением от IT компании Natberh. Мы команда профессионалов, специализирующаяся на разработке веб-сайтов, мобильных приложений и других программных продуктов. С нашей стороны, мы гарантируем вам более 5 лет опыта в сфере информационных технологий, подтвержденные успешными кейсами и долгосрочными партнерствами.
Наш подход основан на использовании передовых технологий и учете последних тенденций в мире разработки. Мы не только создаем продукты, но и способствуем их дальнейшему развитию и поддержке.
С нетерпением ждем возможности обсудить ваши конкретные потребности и обеспечить вас высококачественными решениями.
P.S. Чтобы предоставить точную оценку по цене и срокам, мы указали приблизительные значения, однако для детального рассмотрения нам важно обсудить детали вашего проекта.
…
Сайт: https://www.natberh.tech/
Портфолио: https://www.natberh.tech/portfolio, olimpdigital.com/ua/portfolio
Спасибо за внимание, с уважением,
Виктория,
HR Менеджер
-
7 дней10 000 UAH
477 2 0 7 дней10 000 UAH
Привет! Я ознакомился с брифом, готов начать работу. Для уточнения деталей, пожалуйста, напишите.
-
4 дня2800 UAH
2656 40 0 4 дня2800 UAH
Здравствуйте, выполню ваш проект качественно и в сроки, пишите, буду рада сотрудричеству
-
4 дня6000 UAH
921 7 0 4 дня6000 UAH
Hola Антон!
Готов приступить сразу после утверждения.
Проекты в портфолио: http://task.starcoding.top/portfolio/
-
1 день3000 UAH
180 24 1 1 1 день3000 UAH
Здравствуйте, сверстаю лендинг, учитывая ваши требования к верстке и структуре кода, есть опыт. Пишите, обсудим
-
5 дней10 000 UAH
890 3 0 5 дней10 000 UAH
Добрый день, могу сделать.
Oпыт работы в продуктовых компаниях на Vue.js 5 лет.
участвовал в разработке проекта https://talentfly.com/
мой линкедин linkedin.com/in/aleksandr-milyaev-91631b86
-
Добрый день разсматриваете css фреймворки?tailwind если точнее
-
Актуальные фриланс-проекты в категории HTML и CSS верстка
Bсправление индексации и базовой SEO-оптимизации сайта (WordPress + Elementor + WooCommerce)
3500 UAH
Есть сайт на WordPress (Elementor + WooCommerce). В текущем состоянии есть проблемы с SEO и индексацией страниц. Разработчик сообщает, что из-за Elementor показатели производительности ограничены, но основная задача сейчас - корректная индексация и SEO-настройки. Что нужно… HTML и CSS верстка, Поисковое продвижение (SEO) ∙ 10 часов 9 минут назад ∙ 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 ∙ 12 часов 44 минуты назад ∙ 34 ставки |
Улучшение CR конверсии сайта
6500 UAH
Улучшение CR конверсии сайта. Задачи по ТЗ https://docs.google.com/document/d/1Y7zipbe2IEnFpthYuheAr6QA_50aR2Fz8V14rp5NpNo/edit?usp=sharingКнопка BOOK NOW фото / видеокороткий текстИ ОДНОВРЕМЕННО форма бронированияфиксированная (sticky)повторяться каждые 1–2 блокаодного… HTML и CSS верстка, Веб-программирование ∙ 17 часов 26 минут назад ∙ 37 ставок |
Разработка iOS-приложения для онлайн-шахмат аналога (возможно через Vibe Coding)
20 000 UAH
Необходимо разработать MVP мобильного приложения только под iOS. В качестве основы можно взять концепцию Chess.com, но без копирования дизайна или кода. Желательно максимально использовать Vibe Coding/AI для ускорения разработки и снижения стоимости, но код должен быть чистым,… HTML и CSS верстка ∙ 1 день 6 часов назад ∙ 32 ставки |
Ищем специалиста по ДжумлеВсем привет, есть проект, по которому нужен специалист по Джумле. Сейчас нужно разобраться, как там всё устроено и какие есть страницы. Найти страницу и форму регистрации и рассказать, показать, как всё работает и куда идут заявки и т. д. HTML и CSS верстка ∙ 1 день 7 часов назад ∙ 26 ставок |
Киев