Сайт-визитка: дизайн + вёрстка (HTML/CSS/JS)
Оценка ИИХороший проект для фриланса с четким ТЗ и готовыми материалами. Отсутствие конструкторов позволяет проявить навыки чистой верстки, хотя бюджет не указан, что является минусом.
Сформировано ИИ автоматически. Не является проверкой вакансии или работодателя.
Улучшите резюме под эту вакансию
Возьмём требования и создадим новую версию резюме с акцентом на нужный опыт
Сложность вакансии
Оценка ИИПроект требует уверенного владения чистым HTML/CSS/JS без использования фреймворков. Основная сложность заключается в реализации качественного адаптивного дизайна и интерактивных элементов (табы, горизонтальные ленты, видео-автоплей).
Сформировано ИИ автоматически. Не является проверкой вакансии или работодателя.
Анализ зарплаты
Оценка ИИЗаказчик указал договорную цену. На рынке фриланса разработка качественного одностраничника на чистом коде с авторским дизайном обычно оценивается в диапазоне от 15 000 до 40 000 рублей в зависимости от квалификации исполнителя.
Сформировано ИИ автоматически. Не является проверкой вакансии или работодателя.
Сопроводительное письмо
Составьте сопроводительное письмо под эту вакансию с вашим резюме
Описание вакансии
**Сайт-визитка: дизайн + вёрстка
Что нужно сделать?**Нужен одностраничный сайт для студии наращивания ресниц. Авторский дизайн, без Тильды и шаблонов. Чистый HTML/CSS/JS, один файл.
Стиль: нежный, тёплый, бежевые тона. Стеклянные эффекты (полупрозрачный фон с размытием), крупные скругления, кнопки-таблетки. Красивый шрифт с засечками для заголовков, современный для текста.
Структура (сверху вниз):
— Шапка (прилипает при скролле): логотип + бейдж рейтинга «★ 4.9»
— Главный экран: фото, заголовок, подзаголовок, кнопка «Записаться»
— Блок «Чем отличаемся»: 3 строки (как делаем / кто / материалы)
— Каталог эффектов: 5 табов (Классика / Мокрый / 1,5D / 2D / 3D) — при нажатии: фото, цена, описание, кнопка
— Блок «Свободные окна»: пока просто красивый блок с кнопкой записи
— Портфолио: горизонтальная лента фото и видео (видео — autoplay без звука при скролле)
— Как проходит процедура: 4 шага
— Отзывы: горизонтальная лента карточек, длинные обрезаются, кнопка «Читать полностью» → окошко
— Обо мне: фото, текст, кнопки мессенджеров (WA/TG/VK)
— Где находимся: фото студии, адрес
— FAQ: 6 вопросов, раскрываются по нажатию
— Памятка после процедуры
— Подвал: контакты, соцсети, акция «Приведи друга»
Адаптив: на телефоне — узкая колонка, на десктопе — по центру. Ленты листаются пальцем и мышью.
Передам: все фото (30 шт. WebP), 3 видео (MP4), логотип, тексты.
Цена: договорнаяОткликнуться#верстка #фриланс
Больше похожих вакансий + автоотклики с ИИ
Умный подбор, сопроводительные письма, советы по отказам — больше приглашений.
Навыки
- HTML
- CSS
- JavaScript
- WebP
- Adaptive Design
Возможные вопросы на собеседовании
Важно убедиться, что кандидат понимает, как реализовать специфический визуальный стиль без сторонних библиотек.
Как вы планируете реализовывать «стеклянный эффект» (glassmorphism) с помощью чистого CSS?
Проект требует горизонтальной прокрутки, которая должна корректно работать на разных устройствах.
Каким способом вы реализуете горизонтальную ленту для портфолио, чтобы она плавно листалась и мышью, и пальцем?
В ТЗ указано использование видео с автоплеем. Нужно знать, как избежать блокировок браузерами.
Какие атрибуты вы добавите тегу video, чтобы автоплей без звука корректно работал во всех современных браузерах?
Заказчик просит один файл. Нужно понять, как разработчик организует код.
Как вы организуете структуру CSS и JS внутри одного HTML-файла, чтобы код оставался поддерживаемым?
Для бьюти-сферы критична скорость загрузки на мобильных устройствах.
Как вы оптимизируете загрузку 30 изображений WebP, чтобы сайт не тормозил при первом открытии?
Сформировано ИИ автоматически. Не является проверкой вакансии или работодателя.
