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

Дизайн сайта. Сайт компании. Платформа: по рекомендации специалиста. Количество страниц: 20. Разработка премиального сайта-каталога мебели (дизайн + верстка) / Редизайн сайта «Оранжевый Кот» www.okotmebel.ru ________________________________________ Описание проекта Мы — компания по производству и продаже премиальной мебели на заказ. 3 салона: 2 в Вологде 1 в СПБ. Нам требуется полный редизайн и разработка нового сайта-каталога, который будет работать как эффективный инструмент продаж и имиджевая презентация бренда. Основная цель нового сайта: • Конвертировать целевых клиентов в заявки на замер и консультации. • С первого экрана демонстрировать премиальный ценовой сегмент, чтобы привлекать релевантную аудиторию и снизить количество нецелевых обращений. • Сформировать доверие и восприятие ценности продукта через качественный визуальный контент и удобный пользовательский путь. Важно: Сайт должен работать на всех устройствах (десктоп, планшет, мобильный телефон), иметь современный минималистичный дизайн, высокую скорость загрузки и быть готовым к запуску контекстной рекламы. ________________________________________ Объем работ (Этапы) Проект включает полный цикл разработки: 1. Анализ и структура • Анализ текущего сайта и предложений заказчика. • Переработка структуры навигации и пользовательских сценариев. • Формирование удобного пути клиента: от первого экрана до заявки. • Утверждение карты сайта (главная, каталог, карточка товара, раздел «Наши работы», квиз, страницы «О компании», «Контакты»). 2. Дизайн-концепция • Разработка визуального стиля в премиальном минималистичном ключе. • Акцент на крупные качественные фотографии реальных проектов и продукции, а не на 3D-визуализации. • Использование блочной композиции для простоты восприятия и гибкости управления контентом. • Адаптация под мобильные устройства и планшеты (отдельные макеты). • Создание сценариев анимаций и микроинтеракций (появление элементов при скролле, плавные переходы). Примеры референсов (стилистика): https://www.mrdoors.ru/ https://mastermebius.ru https://castomatika.ru/ https://www.op-ltd.com 3. Верстка и разработка • Адаптивная кросс-браузерная верстка (HTML/CSS/JS). • Интеграция с системой управления контентом (CMS) — удобная админ-панель для самостоятельного добавления товаров, работ, текстов. • Настройка базового SEO (мета-теги, заголовки, структура URL). • Микроразметка. • Подготовка к подключению систем аналитики и отслеживанию целей (Яндекс.Метрика, Google Analytics). 4. Функциональные блоки и страницы Главная страница: • Премиальный первый экран с крупным фото/видео реализованных проектов. • Краткая презентация компании, преимущества. • Вывод популярных категорий или моделей. • Галерея реализованных проектов. • Блок доверия (материалы, технологии, гарантии, опыт). • Форма заявки на консультацию или расчет. • Блок с частыми вопросами. • Контакты. Каталог продукции: • Удобная структура категорий. • Карточки товаров с фото, возможностью добавления видео. • Фильтрация по параметрам. Страница товара: • Большие фото, видеообзор (при наличии). • Описание, характеристики, материалы. • Форма запроса стоимости и кнопка заказа консультации. Раздел «Наши работы»: • Галерея выполненных проектов с большими фото. • Возможность пополнения через админку. Квиз (интерактивный опрос): • Сбор потребностей клиента (тип продукции, размеры, бюджет, контакты). • Передача заявок менеджеру. Дополнительные страницы: • «О компании»: история, производство, фото/видео процесса. • «Контакты»: адрес, карта, телефоны, мессенджеры, форма обратной связи. ________________________________________ Требования к исполнителю Опыт и портфолио: • Обязательно наличие опыта разработки сайтов для премиального сегмента (мебель, интерьеры, архитектура, дизайн-проекты). • В портфолио должны быть примеры с качественной адаптивной версткой и продуманной мобильной версией. Навыки: • Разработка в Figma, WP / аналогичном инструменте. • Адаптивная верстка (HTML5, CSS3, JS) с учетом производительности и SEO-требований. • Умение интегрировать верстку с CMS (предпочтительно самописная или распространённая система с удобной админкой). • Понимание UX/UI для длинного цикла принятия решения. Личные качества: • Внимание к деталям и качеству реализации. • Готовность предлагать решения, а не просто выполнять задачи. • Коммуникабельность и соблюдение сроков. ________________________________________ Бюджет и сроки • Бюджет проекта: до 200 000 руб. • Сроки реализации: обсуждаемы, но предпочтительно завершить работу в течение 6–8 недель с момента утверждения ТЗ и дизайн-макетов. ________________________________________ Что предоставляет заказчик • Логотип, фирменный стиль (при наличии). • Фотографии продукции и готовых проектов (включая материалы из VK). • Видео производства / товаров. • Текстовые материалы и описания. • Контактные данные. • Примеры желаемой стилистики (референсы указаны). ________________________________________ Пожелания и критерии выбора исполнителя При выборе подрядчика будем обращать внимание на: • Портфолио с сайтами премиальной тематики. • Понимание маркетинговых целей (конверсия, доверие, цена). • Предложенные варианты стилистики и подход к работе. • Четкое описание процесса и этапов. • Отзывы и рекомендации. Будет плюсом: • Умение подготовить макеты мобильных и планшетных версий. • Предложение дополнительных сценариев анимации и интерактивности. • Опыт работы с рекламным трафиком и конверсионными страницами. ________________________________________ Ответ на отклик должен включать: 1. Краткое представление и опыт работы с подобными проектами. 2. Ссылки на портфолио (2-3 лучших примера). 3. Ваше видение визуального подхода для этого сайта (1-2 предложения). 4. Предварительный план работы с указанием сроков по этапам. 5. Итоговая стоимость (в рамках бюджета) и что в нее входит. ________________________________________ Если вы готовы предложить качественный современный сайт, который станет полноценным инструментом продаж и повысит восприятие бренда, — оставляйте отклик. Работаем с серьезными исполнителями, понимающими специфику премиального рынка.

Дизайн сайта. Сайт компании. Платформа: Figma. Количество страниц: 1. Здравствуйте # Техническое задание: комментарии под пинами Необходимо спроектировать блок комментариев под пинами социальной сети, включая основные пользовательские сценарии, системные состояния и адаптивные версии. ## 1. Основные макеты Нужно подготовить четыре основных сценария: 1. Пин с открытой панелью комментариев. 2. Пустое состояние — комментариев ещё нет. 3. Редактирование и удаление собственного комментария. 4. Экран уведомлений. ## 2. Комментарии В макетах необходимо предусмотреть: * список комментариев; * общее количество комментариев; * аватар и имя автора; * текст комментария; * дату или время публикации; * визуальное обозначение собственного комментария; * пометку «Изменено»; * состояние удалённого комментария; * состояние комментария от заблокированного пользователя; * длинный текст; * несколько строк; * активные ссылки; * отображение списка из 100 и более комментариев. ## 3. Публикация комментария Необходимо показать: * поле ввода; * кнопку «Отправить»; * неактивную кнопку при пустом поле; * ввод первого комментария; * состояние отправки; * успешную публикацию; * обновление списка и счётчика после публикации; * ошибку отправки; * повторную отправку; * сохранение введённого текста при сетевой ошибке. После успешной публикации новый комментарий должен сразу появляться в списке. ## 4. Редактирование и удаление Для собственного комментария необходимо предусмотреть: * меню действий; * переход в режим редактирования; * сохранение изменений; * отмену редактирования; * состояние сохранения; * ошибку сохранения; * повторную попытку; * удаление комментария; * подтверждение удаления; * состояние после удаления. Редактирование и удаление должны быть доступны только автору комментария. ## 5. Реакции Реакции не входят в первую версию MVP и проектируются на следующем этапе. В дальнейшем необходимо будет предусмотреть: * комментарий без реакций; * список доступных реакций; * выбранную пользователем реакцию; * добавление реакции; * удаление реакции; * отображение количества реакций. ## 6. Загрузка списка Для большого количества комментариев необходимо предусмотреть: * первоначальную загрузку; * загрузку следующей страницы; * кнопку «Показать ещё» или аналогичную механику; * состояние загрузки; * ошибку загрузки; * повторную попытку; * конец списка. Для MVP можно использовать кнопку «Показать ещё» вместо бесконечной прокрутки. ## 7. Пустые состояния Необходимо показать: * комментариев ещё нет; * предложение оставить первый комментарий; * состояние во время его публикации; * состояние сразу после публикации первого комментария. ## 8. Экран уведомлений Экран уведомлений необходимо спроектировать как самостоятельный раздел, связанный не только с комментариями, но и с другими событиями Terminal. На текущем этапе нужно предусмотреть: * пустой список уведомлений; * прочитанные уведомления; * непрочитанные уведомления; * уведомление о новом комментарии; * переход из уведомления к соответствующему пину и комментарию; * загрузку списка; * ошибку загрузки; * повторную попытку. Полноценную систему уведомлений можно вынести в отдельную итерацию после проектирования комментариев. ## 9. Системные состояния В макетах необходимо показать: * загрузку; * ошибку сети; * повторную загрузку; * отправку комментария; * ошибку отправки; * повторную отправку; * сохранение изменений; * ошибку сохранения; * удаление; * состояние недоступного или удалённого контента. ## 10. Адаптивные версии Необходимо подготовить отдельные макеты для: * desktop; * tablet; * mobile. Для каждого формата нужно показать: * пин с открытой панелью комментариев; * пустое состояние; * список комментариев; * поле ввода; * отправку комментария; * редактирование и удаление; * загрузку; * сетевые ошибки; * длинный текст; * большое количество комментариев. ### Desktop Необходимо определить: * расположение панели относительно пина; * ширину панели; * независимую прокрутку комментариев; * фиксированное или плавающее поле ввода. ### Tablet Нужно отдельно проработать: * поведение панели при ограниченной ширине; * переключение между пином и комментариями; * расположение меню действий; * работу экранной клавиатуры. ### Mobile Мобильная версия должна быть самостоятельным пользовательским сценарием, а не уменьшенной desktop-версией. Нужно определить: * комментарии открываются отдельным экраном или нижней панелью; * поведение поля ввода при открытии клавиатуры; * фиксацию кнопки «Отправить»; * прокрутку списка; * возврат к пину; * безопасные зоны экрана; * отображение длинных комментариев и ссылок; * доступ к редактированию и удалению. ## 11. Состав MVP В MVP входят: * просмотр списка комментариев; * счётчик комментариев; * пустое состояние; * публикация комментария; * загрузка и сетевые ошибки; * повторная отправка; * редактирование собственного комментария; * удаление собственного комментария; * загрузка следующей страницы; * длинный текст и ссылки; * состояния удалённого и изменённого комментария; * адаптивы для desktop, tablet и mobile. На следующий этап переносятся: * реакции; * вложенные ответы и ветки; * расширенная модерация; * сложная бесконечная пагинация; * дополнительные типы уведомлений; * расширенные сценарии заблокированных пользователей. ## Результат Дизайн должен покрывать полный пользовательский цикл: **открыть комментарии ? прочитать ? написать ? отправить ? увидеть результат ? отредактировать или удалить ? восстановиться после ошибки.**.

Видеомонтаж и фотомонтаж. Дизайнер для социальных сетей. Что нужно делать: - создавать визуальный контент для социальных сетей в корпоративном стиле; - редактировать фотографии; - монтировать видеоролики и Reels; - при необходимости генерировать изображения с помощью ИИ и дорабатывать их. Требования: - опыт работы с фото и видео; - уверенное владение Photoshop, Figma, Canva или аналогичными программами; - опыт монтажа коротких видеороликов; - чувство стиля, аккуратность и соблюдение сроков; - умение работать по корпоративному стилю. При отклике, пожалуйста, приложите: - портфолио с примерами оформления социальных сетей; - примеры смонтированных видеороликов/Reels; - стоимость работы и сроки выполнения задач.

Дизайн сайта. Информационный сайт. Платформа: Самописный (пхп). Количество страниц: 1. Вёрстка страницы.

Дизайн сайта. Образовательный сайт. Создание чистового дизайна, отладка рабочей системы продажы.

Дизайн на футболку. В таком стиле картинка+хочу разработать надпись и логотип бренда.