Вёрстка сайтов — удалённая работа в Москве

Сверстать: Книга. Пожелания и особенности: В скором времени заканчиваю книгу и ищу себе верстальщика. Верстальщика ищу для сотрудничества на долгосрок. Впереди ещё три проекта до зимы. Сейчас хочу выбрать специалиста. Книга 150 страниц. Буду благодарна, если вы пришлёте своё портфолио.

Сверстать: интернет-магазин. Платформа: HTML. Тип вёрстки: адаптивная. Есть макет. Пожелания и особенности: Необходима верстка интернет-магазина бытовой техники. *Тематика:* Продажа пылесосов (10-15 моделей). *Цель:* Точная и качественная верстка предоставленного дизайн-макета с последующей интеграцией на CMS WordPress и подключением необходимых сервисов. **Исходные материалы:* - Полноценный дизайн-проект в Figma, включающий все состояния элементов (hover, focus, active) и адаптивы для основных разрешений (мобильное, планшет, десктоп). *Технические требования* · CMS: WordPress + WooCommerce. · Фронтенд: · Верстка: Pixel-perfect верстка на HTML5, CSS3 (препроцессор SASS/SCSS) согласно макетам Figma. · Подход: Adaptive/Responsive (Mobile First по согласованию, исходя из дизайна). · JavaScript: Ванильный JS для интерактивных элементов. Допускается использование jQuery только для совместимости с плагинами WooCommerce. · Фреймворк: Bootstrap 5 (или аналогичный, если это заложено в дизайн-системе макета). · Браузеры: Последние версии Chrome, Firefox, Safari, Edge. Кроссбраузерность обязательна. **Взаимодействие с дизайнером* *(Критически важный этап) · Входные данные: Верстальщик получает ссылку на интерактивный макет в Figma. · Обязанности верстальщика на этом этапе: 1. Проверить макет на полноту: наличие всех страниц, состояний элементов, адаптивных версий. 2. Уточнить у дизайнера все спорные и сложные для реализации моменты (сложные анимации, нестандартные сетки, взаимодействия). 3. Экспортировать необходимые графические ресурсы (иконки, изображения) в оптимальных форматах (SVG, WebP, PNG). 4. Сверять шрифты, отступы, размеры и цвета с макетом. 4. Функциональные блоки и страницы для верстки и интеграции (Акцент на том, что верстка должна быть готова к дальнейшей интеграции) *Запрос по функционалу:* - Главная - ⁠Каталог с фильтрами, - ⁠Карточка товара, - ⁠Корзина, - ⁠Оформление заказа, Статические страницы (О нас, Контакты и т.д.). - Личный кабинет пользователя: История заказов, Профиль, Баллы по реферальной программе, Возможность покупки за баллы, Активация промокодов, Генерация реферальных ссылок Задача — обеспечить стилевое соответствие фронтенда предоставленному макету. *Интеграции (Backend-разработка и подключение)* Верстальщик обеспечивает корректную HTML-структуру и CSS-классы для беспроблемной работы следующих интеграций, которые могут выполняться другим разработчиком или им самим, в зависимости от договоренностей. · Интеграция со складом: Верстка должна корректно отображать динамически подгружаемые данные (наличие товара, цены). · Интеграция с CRM: Форма оформления заказа должна иметь правильную структуру полей (name, id) для корректной отправки данных. · Интеграция с эквайрингом: Верстка страницы успешной/неуспешной оплаты, а также стилизация платежного виджета (если он встраивается на сайт). *Процесс передачи сайта владельцу* Документация: · Комментарии в коде: Код должен быть хорошо структурирован и содержать комментарии для ключевых блоков. · Инструкция по сборке: Если использовались сборщики (Gulp/Webpack), предоставляется инструкция по установке зависимостей и сборке проекта. *Финальное тестирование и приемка:* 1. Предоставление демо-версии: Верстальщик размещает готовый сайт на тестовом хостинге. 2. Чек-лист для приемки: Сверка верстки с макетом Figma в нескольких браузерах и на разных устройствах. Проверка адаптивности, интерактивности всех элементов (кнопки, формы, фильтры) и работоспособности интеграций (оформление тестового заказа). 3. Исправление замечаний: Все отклонения от макета и технические ошибки исправляются в оговоренные сроки. 6.3. Перенос на хостинг заказчика и передача доступов: · Верстальщик производит миграцию готового сайта на хостинг Заказчика. · Передает Заказчику пакет доступов: · К хостингу и домену. · К админ-панели WordPress. · К репозиторию с исходным кодом (если используется Git). · К API-ключам интеграций. *Гарантийный период:* · Устанавливается гарантийный период — 30 календарных дней с момента подписания акта сдачи-приемки. · В течение этого периода Исполнитель бесплатно устраняет ошибки, связанные с версткой (отступы, неработающие скрипты, несоответствие макету на указанных в ТЗ разрешениях) и своей частью интеграций. · Важно: Правки контента, добавление товаров, изменение текстов или изображений, а также доработки, не связанные с изначальным ТЗ, в гарантию не входят и оплачиваются отдельно.

Сверстать: Сайт-визитку. Платформа: HTML. Тип вёрстки: адаптивная. Макета нет. Пожелания и особенности: Задача базовая. index.html + style.css можно Bootstrap. (без градиентов, анимаций и подобных сложных деталей. дизайн уровня сложности 2000-ых тоже может выглядеть симпатичным). // Если интересно: сайт для книги по истории XVIII века Всего 4 вида страниц (разделов меню): - главная страница (3 картинки + текст) - фрагмент 1 (.pdf внутри div) - фрагмент 2 (.pdf внутри div) - фрагмент 3 (.pdf внутри div) - издание (картинки) - стоимость и контакты автора 1. Разметить сетку grid по готовому плану на бумаге с учетом адаптивной верстки (бургер-меню для мобильных). (моя задача) Заполню сетку контентом. 2. Прописать в css цвета для классов по заданной палитре. 3. Залить на сервер. ps Сам когда-то разрабатывал сайты, сейчас совсем нет времени.

Сверстать: Сайт-визитку. Платформа: WordPress. Есть макет. Требуется сверстать сайт-визитку(портфолио) научной лаборатории. Технические требования: - сайт состоит из следующих страниц: Главная, Проекты, Страница проекта, Команда, Оборудование, Карточка оборудования, Партнеры, Вакансии, Услуги, Контакты, Попап - три версии: ПК, tablet и phone - сайт должен быть в двух языковых версиях (рус/англ.); - предпочитаемая CMS – WordPress - макеты в Figma - должна быть возможность редактирования всех текстовых полей сайта; - должно быть окно обратной связи, должен быть настроен почтовый сервис по пересылке писем. После верстки и выгрузки на хостинг необходимо передать удобную админ-панель и оставаться на связи по вопросам, возникающим с наполнением сайта, доработок.

Сверстать: Корпоративный сайт. Платформа: самописная. Тип вёрстки: адаптивная. Есть макет. Здравствуйте. Интересует верстка одной страницы сайта ( desktop и мобильная) по готовому макету. Требования: php 7, js jquery bootstrap.

Сверстать: интернет-магазин. Платформа: InSales. Тип вёрстки: по рекомендации специалиста. Есть макет.