Задание: Дизайнер сайтов. ТЗ: подготовить 4 блока для страницы «Заправка картриджей» сайта ARKUDA COMPANY (Bitrix) (Дистанционная работа)
ТЗ: подготовить 4 блока для страницы «Заправка картриджей» сайта ARKUDA COMPANY (Bitrix)
Общая задача
Нужно на основе готовых эскизов подготовить 5 дизайнерских блока для страницы услуги «Заправка картриджей» сайта arkudacompany.kz.
Сайт работает на 1С-Битрикс.
Нужен исполнитель, который сможет:
1. взять мои эскизы 5 блоков;
2. отрисовать их в редактируемом виде;
3. подготовить все элементы отдельно и блоки целиком;
4. сделать так, чтобы технический исполнитель смог использовать это на сайте:
o как готовые изображения;
o как отдельные элементы;
o как HTML/CSS-вёрстку.
________________________________________
Какие блоки нужно сделать
Нужно подготовить 5 блоков по моим эскизам:
1. Заправка картриджей для организаций в Астане
2. Как проходит заправка картриджа
3. У нас вы можете купить новый картридж
4. Почему выбирают нас
5. Какие картриджи мы заправляем
Эскизы всех 5 блоков у меня есть.
Исполнителю передам изображения после отклика.
________________________________________
Что именно нужно получить на выходе
Нужен полный редактируемый пакет, чтобы потом можно было использовать на сайте и дорабатывать.
Обязательно:
1. Исходники в редактируемом виде
• Figma или Adobe Illustrator
• все элементы должны быть редактируемые:
o тексты
o кнопки
o карточки
o подложки
o иконки
o декоративные элементы
o сетка
o отступы
2. Векторные элементы отдельно
• SVG
• отдельно выгруженные:
o иконки
o пиктограммы
o декоративные акценты
o стрелки
o underline/линии
o чек-марки
o элементы карточек
3. Растровые версии
• PNG/WebP
• отдельно:
o блок целиком
o элементы по отдельности, если нужно
4. Вёрстка для сайта
Желательно, чтобы исполнитель сразу сделал:
• HTML + CSS
• адаптивно
• без тяжёлых библиотек
• чисто и аккуратно
Если исполнитель не верстает, тогда нужен хотя бы:
• идеально подготовленный макет для верстальщика
• с понятной структурой слоёв и названиями элементов
________________________________________
Требования к результату
По стилю
Нужно сохранить стиль моих эскизов:
• светлый премиальный фон;
• белые карточки;
• сине-бирюзовая палитра;
• аккуратные тени;
• современный сервисный стиль;
• визуально дорого, чисто, корпоративно.
По качеству
Нельзя делать:
• грубые примитивы;
• дешёвые клипарт-иконки;
• шаблонный “маркетплейс-дизайн”;
• низкокачественные элементы.
Нужно сделать:
• аккуратно;
• в одном стиле;
• профессионально;
• так, чтобы блоки можно было реально ставить на коммерческий сайт.
По структуре
Каждый блок должен быть подготовлен так, чтобы можно было:
• использовать как цельный блок;
• при необходимости разобрать на отдельные элементы;
• заменить тексты;
• менять иконки;
• менять карточки местами;
• менять кнопки;
• вставить в Bitrix без проблем.
________________________________________
Что важно по Bitrix
Сайт на 1С-Битрикс, поэтому результат должен быть удобен для внедрения.
Исполнитель должен понимать, что блоки потом будут:
• встраиваться на страницу услуги;
• адаптироваться под существующий шаблон сайта;
• использоваться либо как верстка, либо как набор готовых элементов.
Если делается HTML/CSS, то желательно:
• адаптивная вёрстка;
• нормальная структура классов;
• без мусорного кода;
• без зависимости от тяжёлых конструкторов;
• чтобы разработчик на Bitrix мог встроить блок без боли.
________________________________________
Состав работы по каждому блоку
Блок 1. «Заправка картриджей для организаций в Астане»
Подготовить:
• заголовок;
• подзаголовок;
• левую колонку с преимуществами;
• правую карточку;
• CTA-кнопку;
• декоративные элементы;
• иконки;
• фоновую подложку.
Блок 2. «Как проходит заправка картриджа»
Подготовить:
• заголовок;
• подзаголовок;
• 4 карточки этапов;
• цифры этапов;
• стрелки между этапами;
• иконки/изображения этапов;
• нижнюю панель преимуществ;
• итоговый блок/строку результата.
Блок 3. «У нас вы можете купить новый картридж»
Подготовить:
• заголовок;
• подзаголовок;
• 3 товарные карточки;
• изображения;
• названия;
• тексты;
• кнопки;
• нижнюю строку/акцент.
Блок 4. «Почему выбирают нас»
Подготовить:
• заголовок;
• 6 карточек преимуществ;
• иконки;
• тексты;
• фон;
• единый стиль карточек.
Блок 5. «Какие картриджи мы заправляем»
________________________________________
Что передам исполнителю
Исполнителю предоставлю:
• 5 изображения-эскиза блоков;
• тексты;
• пожелания по цветам/стилю;
• ссылки на страницу сайта, куда это будет ставиться.
________________________________________
Что написать в отклике
Прошу в отклике сразу указать:
1. Есть ли опыт дизайна коммерческих сервисных сайтов
2. Есть ли опыт подготовки макетов под Bitrix
3. Что можете дать на выходе:
o Figma / AI
o SVG
o PNG/WebP
o HTML/CSS
4. Примеры похожих работ
5. Сроки
6. Стоимость
________________________________________
Итоговый результат
В итоге мне нужен профессиональный редактируемый комплект 5 блоков для страницы «Заправка картриджей» сайта arkudacompany.kz, чтобы технический исполнитель мог:
• встроить блоки на сайт;
• при необходимости редактировать их;
• использовать элементы отдельно.
