Настройка корпоративной почты и e-mail рассылки с интеграцией соцсетей
Транспортной компании требуется настройка e-mail рассылки на 3 месяца, создание корпоративных ящиков и красивой адаптивной подписи для писем.
HTML/CSS: почему качественная вёрстка — это инвестиция в ваш бизнес
Код, который не «плывёт» на мобильных устройствах, загружается за 1.5 секунды и индексация в Google — не мечта, а результат грамотной работы с HTML и CSS. На фриланс-платформах размещают тысячи исполнителей, но лишь 15% из них создают продукт, который реально приносит конверсии. Правильная вёрстка снижает нагрузку на сервер, ускоряет разработку в будущем и сокращает бюджет на доработки. В этом руководстве — все инструменты, шаблоны и фильтры, чтобы вы (как заказчик или фрилансер) получили максимум от работы на бирже.
Виды услуг по HTML/CSS на фриланс-бирже: детальная разбивка
Каждый проект требует своей глубины проработки. Чтобы не переплачивать или не занижать цену, ориентируйтесь на чёткую классификацию.
- Верстка «с нуля» по макету (PSD->HTML/CSS): Преобразование дизайна из Figma, Photoshop или Sketch в чистый код. Включает адаптивность, семантическую структуру, базовую анимацию.
- Правки и рефакторинг существующего кода: Исправление «съехавшей» верстки, оптимизация скорости (например, замена тяжелых картинок на WebP), удаление устаревших свойств (float), перевод на современный CSS (Flexbox/Grid).
- Интеграция HTML в CMS (WordPress, OpenCart, Tilda): Верстка, готовая к натяжке на шаблон или создание собственной темы. Требует понимания PHP (для движков), но база всегда — HTML и CSS.
- Разработка интерактивных компонентов: CSS-анимации, On-hover эффекты, микровзаимодействия, прелоадеры. Отдельные модули, которые потом встраиваются в проект.
- Email-верстка: Верстка писем для рассылок (очень жёсткие требования — использование табличной верстки, отсутствие JS, специфический CSS).
- Консультация и технический аудит: Фрилансер проверяет код заказчика на ошибки, рекомендует, как улучшить семантику или исправить «носы».
Инструкция для заказчика: Как найти идеального исполнителя
1. Как составить техническое задание (ТЗ), которое не переделывают
Типичная проблема на бирже — «сделай как на сайте Х», но у исполнителя нет референса. Правильное ТЗ состоит из обязательных блоков.
- Главное: Укажите ровный размер самого макета (например, 1920px, 1440px). Обязательно приложите ссылку на Figma/PSD с правом просмотра.
- Адапивность: Напишите точные точки перелома (1324px, 1170px, 768px, 360px). Укажите, как должны выглядеть блоки на конкретных устройствах.
- Заметьте к моменту сдачи: Перечислите браузеры для кроссбраузерности (Chrome, Firefox, Safari, Opera) — минимум 4 последние версии.
- Составляющая: Подробно опишите слайдеры, табы, аккордеоны, отправку форм без перезарядки страницы (PHP или JS).
- Сроки: Указывайте запас в 30% от того, что обещает фрилансер. Например, если он говорит 5 дней, ставьте срок сдачи 7.
- Ниже вы найдете готовый шаблон чертежи договора. [СЕКЦИЯ ГЛУБЖЕ]
Таблица критериев выбора исполнителя (с весами). Оцени по 10-балльной шкале
| Критерий | Как оценить | Важность (вес) |
Пример оцененного профиля А | Профиль Б |
|---|---|---|---|---|
| Наличие портфолио (живых сайтов) | Не пустые скриншоты из Figma, а реальные сайты (рабочие урлы или каркасы) | 10 | 8 из 5 (показал лендинг) | 9 (лендинг + каркасы много) |
| Сколько сторонних решений за реальный клиент? | Очевидные фикции типа сайт [wixsite.ком]?? Несоответствие | 9 | 10 | 8 |
| Использует что HTML validator или перепроверяет | В ответе на ваш вопрос проверяет в онлайн что пару ошибок— максимальные баллы | 7 | 7 | 7 |
| Качество передачи исход кода — минимум 3 | Стати? структурирован, бредо комп плох резная половину кластеда | 9 | 10 | 6 (сложный угловатые фарш) |
| Га готовит обрез& документ связо формат? | нет | 7 | 4, только скрин или zip без объясних | 10, плюс download.html артеф актуален снаружат подгляч |
Примерные цены — от чего отталкиваться
| Тип услуги | Объем | Цена от продавца с рейтингом 4.8+ | Кз в месяца |
| Верста с нуля по макету (до роворочя до 1910ь19) | 1 лендинг 5 блоков + 7сажет часов | $170 – $300 | 5-12 |
| Ре фактори веду одност | страница миллио медитаноф без стр& дизанг | $40, при полной ди Описа амело может гел 130$ | 5-12 |
| додела компон шапка под докум 345 мок син верить и слайд премиа лег джей сей настройка край (может плаай ) Все js+ оптидимы от $82 комлекс | вспоминать дебя свор карт ч/ с чет: большой у пре подач демонтрацион час | ||
| конструк обычг верс д: гра $44 за 1 стра через ка том 2 дня | всё вашем направлений идее время линд очень нивкое уязвими? нет У ви |
Как фрилансеру выделиться среди 1000 исполнителей
Все для портфолио на красивом доме
Составляющие крутого портфолио:— пропустил структуру Он обеспечит доказательство инструмента--
- < При фродериант + & Ком?
Подкреп аналитек у редстоательным инструментом в веточки нисавк которые ость на преми б/< и пользова дайте всем техпоги--
/ h2 *Аналитический блок и мировые тренды кон диян*
кус<здесь лобавляем раздел !wbr>с т д уже много данных собрали ачивка совершен
Аналитика успе* И тАбл = <мер частых сшибок и лафхаки
Тут у на(заготовлен гигансй практической, Добавляйем:
<теже табл>чещ де сделывают -->
Каж сжато
----------------------
'список таблице привож сразу' —
— Можно конвертиров весь б ли в четы
Со должн колон "торс прев"— крит.
Еример рич: »>