Нужно собрать обложки на wb и ozon (две небольшие задачи и одна крупная), подробнее в фигме (нужные материалы вышлем) https://www.figma.com/design/w7hxp5KVOZO7nkIzbxPCsi/Untitled?node-id=0-1&t=kjN7SKSo0BrZlPjT-1
Необходимо для лендинга https://res.practicalaffectology.ru/regions/lorem-ipsum/ внести следующие правки в верстку: 1. десктоп: выровнять контент на первом экране по левому краю (шапка, хлебные крошки, название страницы (см изображение во вложении). 2. в мобильной версии убрать второй логотип (их почему-то 2), нужно убрать верхний 3. сделать блок "institutions" как в дизайне как для мобильных так и для десктопа все это с иллюстрациями я поместила в гугл док : https://docs.google.com/document/d/1ZXNxSG6yzKzatBkGrO4VAnjxqjACuwSwBpIhIK7jwn4/edit?usp=sharing если нужно, дизайн всей страницы могу предоставить в figma
Имеется сайт с темой построенной на элементоре http://domain1844018.ru.host1844018.serv79.hostland.pro Нужно доработать согласно ТЗ https://docs.google.com/document/d/1zWUZihZUNXUzMEN3Ny9MvY7b4hAv5fOVsaXQwFZxrU8/edit?usp=sharing и макету https://www.figma.com/design/V8ljUzusmXtIpOlPDOWDaK/WORK?node-id=342-29 --Макет прототип мобилки https://www.figma.com/proto/V8ljUzusmXtIpOlPDOWDaK/WORK?page-id=342%3A29&node-id=370-2&node-type=FRAME&viewport=236%2C246%2C0.74&t=KzqhsBFdaF80Mocm-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=370%3A54&show-proto-sidebar=1 --Макет прототип ПК https://www.figma.com/proto/V8ljUzusmXtIpOlPDOWDaK/WORK?page-id=342%3A29&node-id=342-30&viewport=309%2C167%2C0.1&t=YG0bMFHAzt2qUJ0p-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=370%3A86&show-proto-sidebar=1
Имеется сайт с темой построенной на элементоре http://domain1844018.ru.host1844018.serv79.hostland.pro Нужно доработать согласно ТЗ и макету https://www.figma.com/design/V8ljUzusmXtIpOlPDOWDaK/WORK?node-id=342-29 Страница: --Мерч. ПК версия Реализовать ИМ на woocommerce для этой страницы. Вывод 3 товаров на строку. Иконку корзины сделать справа снизу под странице ОБО МНЕ. Также показал вывод корзины с товаром. Сделать возможность добавлять png фото без фона. --Мерч. МОБ версия 1 товар на строку, как в макете --Мерч-КАРТОЧКА. ПК версия Вывод фото по вертикали, как в макете. Сделать поле с указанием даты релиза товара Изначально размеры и кнопка в КОРЗИНУ обводка белой линией, при наведении заполняется белым и текст меняется на черный. Описание товара, как в макете. Возможность открыть фото в поп-ап окне для развернутого вида. --Мерч-КАРТОЧКА. МОБ Адаптировать все согласно макету. --НОВОСТИ. ПК На 1 строке идет 1 новость. Дата поста указывается цветом E7DEBD Краткое описание поста максимум 2 строки. Кнопка подробнее при нажатии становится белой с черным текстом. --НОВОСТИ. МОБ Адаптируем согласно макету. При нажатии на фото, текст или кнопку ПОДРОБНЕЕ открывает пост. Стили с отступы согласно макету --НОВОСТЬ. ПК Галерея фото, как реализовано в теме, страница PHOTO. Затем развернутое описание поста с квадратным фото слева, как в примере. Шаблон поста (слева фото, справа текст) не изменен на будущие посты. При нажатии на фото открывает поп-ап с фото в развенутом виде с затемнением фона, как в макете НОВОСТЬ ФОТО --НОВОСТЬ. МОБ Реализовать вывод прямоугольного фото всегда, т.е если фото не подходит по формату то нужно кадрировать и кешировать фотку согласно этому правилу. После этого идут миниатюры фото. После фотогалереи идет шаблонный пост фото+описание в развернутом виде. --РЕЛИЗЫ. ПК 3 фото в ряд. При наведении появляется затемнение у фото с выводом текста и кнопки СЛУШАТЬ. Текст Заголовок фото = название песни. Кнопка слушать с возможностью указания ссылки, которая будет вести на bandlink певицы с синглом. --РЕЛИЗЫ. МОБ 1 фото в ряд. Название трека и кнопка ниже фото, как в макете. --КОНТАКТЫ. ПК Реализовать вывод 1 контакта в строку, как в макете. Сделать возможность добавить соц. сети контакта ТЕЛЕГРАМ, ВОТС, ВК. Все стили, как в макете --КОНТАКТЫ. МОБ. Адаптировать по стилям согласно макету, а также кнопки соц. сетей. --Макет прототип мобилки https://www.figma.com/proto/V8ljUzusmXtIpOlPDOWDaK/WORK?page-id=342%3A29&node-id=370-2&node-type=FRAME&viewport=236%2C246%2C0.74&t=KzqhsBFdaF80Mocm-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=370%3A54&show-proto-sidebar=1 Макет прототип ПК https://www.figma.com/proto/V8ljUzusmXtIpOlPDOWDaK/WORK?page-id=342%3A29&node-id=342-30&viewport=309%2C167%2C0.1&t=YG0bMFHAzt2qUJ0p-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=370%3A86&show-proto-sidebar=1
Часть 1:В Figma нужен styleguide:Как минимум, нужно определить цвета, шрифты, кнопки и значки, правила верстки, а также то, какие рекомендации по обеспечению доступности были и должны приниматься во внимание теми, кто будет использовать это руководство. Обязательно показать различные режимы работы, такие как "по умолчанию", "при наведении курсора мыши", "активен для кнопок" и т.д.Нужно помнить, что должны использоваться согласованные цветовые гаммы и типографика, в этом весь смысл!Нужен краткий отчет, объясняющий выбор дизайна, например, почему был выбран определенный цвет и шрифты и как обеспечина согласованность и доступность дизайна. Можно использовать фотографии / скриншоты, чтобы объяснить свой выбор дизайна. Часть 2:Нужно созздать пользовательский интерфейс, который использует styleguide созданный выше:Нужно помнить, что следующий пользовательский интерфейс и его элементы (например, кнопки, формы, значки) должны соответствовать единому стилю, что и должно быть styleguide-ом.Постарайтесь максимально эффективно использовать в своем пользовательском интерфейсе различные принципы дизайна(например, баланс, контраст, акцент, повторение, выравнивание, близость).Нужен краткий отчет, объясняющий выбор дизайна и то, как он соответствует принципам визуального дизайна. Используйте картинки с примерами. Также обсудите любые проблемы, с которыми вы могли столкнуться, когда вам, возможно, пришлось вернуться к своим рекомендациям и скорректировать их, поскольку вы обнаружили, что они требуют доработки.Проект для части два:Типовой лендинг цветочного магазина - три страницы - главная, о нас и контакты с формой обратной связи (переходы через prototype-ы)Дедлайн - сегодня до конца дня
Макет - https://www.figma.com/design/eNlQiYNmmDsPKKzu5SqdNk/cookodel Необходима разработка на уже текущем сайте. Главную страницу, шапку и подвал переделываем. Альтер - новая страница. Сайт - https://cookodel.ru/
Прошу без опыта и рейтинга не откликаться. При отклике отправтье пору ссылок на примеры работ. Необходимо сверстать сайт БЭМ + чистый JS. Также натянуть на WP. Если назначаю вас, то закладываю 500р на созвон на 20-30 минут, дабы разобрать все детали работы. Ссылка на макет: https://www.figma.com/design/fcrkVw52XHrehGZSKKKcOn/Untitled?node-id=0-1&t=Po0MG7ABkEMX1HQp-1 Ссылка на ТЗ: https://docs.google.com/document/d/16VZudACR5F8r7EPHcoz_k482sMju63hGroTgH3-sndY/edit
Сайт написан на Next.js + shadcn/ui + Tailwind CSS Необходимо переделать мобильную версию сайта. Текущий сайт: https://marcas.pro/ Новый макет мобильной версии: https://www.figma.com/design/mCUl46pQ5P01b5B9rLY6Mi/MC-(Redesign)?node-id=0-1&node-type=canvas&t=dtYM6L9gIoguZoFn-0 Код сайта или GitHub репозиторий после принятия заказа
нужно оформить карточки товаров , так чтобы не было белых пустот (см во вложении) . Хотя бы 2 варианта сделать. https://www.figma.com/design/5DL5Efzm2lSJSfDOIO7Ykc/Untitled?node-id=1-141&t=yB9tWvPl3bEVEBmR-1 сам сайт https://главныйзодчий.рф/#all_project
Добрый день! Требуется создать страницу по ТЗ: https://docs.google.com/document/d/1tCqxlKog4RclRX4UNBISPJd8I_s-lIpKAlhRBgg1dVU/edit Макет, на который нужно опираться, создавая страницу: https://www.figma.com/design/bzWJ9mBOBMdGYX7dxgHgwH/%D0%A1%D0%90%D0%99%D0%A2-%D0%A1%D0%95%D0%9E-%D0%BF%D0%B5%D1%80%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D0%BD%D1%81?node-id=1089-3781&t=57lodUhqkX9DfVIs-1 Важные моменты: - дизайн новой страницы должен быть идентичен стилю страниц в макете - заимствовать элементы из прикреплённого макета можно и нужно - должны быть прописаны десктопная версия + мобильная - надо прописать состояния элементов, подобно исходному макету
Доброго всем дня в вложении прикреплены изображения сайта и UI и мобильной версии. У сайта должна быть авторизация - она будет браться с базы данных проекта (логин и пароль), информация в личном кабинете так же будет браться с нашей игровой базы данных. Пример сайта (старого) предоставим если требуется, там всё будет понятно что как выводится и т.п. У сайта так же есть есть донат страница - она должна быть доступна только после авторизации на сайте в ЛК. до авторизации она не работает и кидает на авторизацию. Так же в последствии после разработки требуется сделать админ панель, но это будет как отдельная задача. В данной задаче прошу учесть вёрстка ПК + адаптив + все остальные элементы по авторизации итд. Желательно сделать на React или подобной платформе, чтобы потом было проще сделать админ панель с определенными задачами и выводами информации из нашей базы данных. В том числе возможность отвечать на обращения, закрывать их и т.п. Всю иинфомацию по figma предоставим разработчику, так же на все вопросы готов буду ответить, дать какую то информацию. Копию старого сайта не дадим, сможем только показать какие то элементы. Так как требуется разработка с нуля, откуда брать те или иные данные - дадим, тут вопросов нет [:1f642] Доступов к базе так же не дадим. просто сделаем нужные вам элементы самостоятельно. Полный список изображений можно увидеть по ссылке - https://disk.yandex.ru/d/L6RV4ED6Dl-kYg
Необходимо реализовать frontend, реализующий отображение отчёта об обнаруженных текстовых совпадениях и сопутствующей логикой работы пользователя с ним. Есть дизайн в figma. Есть прототип вёрстки с js-скриптами работы с pdf-файлом. Есть REST API работы с бэкендом. Ожидаемый стек - VueJS v3. Результат должен создаваться итерационно в виде git-репозитория с полной историей. Git-хостинг предоставим. Репозиторий должен содержать Dockerfile для сборки docker-образа для запуска, а также readme.md-файл с описанием приложения (конфигурирование, сборка и т.п.). Разработку планируем вести в три этапа (под каждый можно будет сделать соответствующий кворк): 1. Вёрстка по образцу из figma. Можно использовать наработки с прототипа. Все данные бэкенда берутся из заглушек. 2. Интеграция с бэкендом для получения реальных данных. 3. Последующие доработки и оптимизации. REST API пока чистого нет, будет готов к началу второго этапа. Прототип верстки будет передан при достижении договоренности о выполнении проекта. Заинтересованным в работе над проектом, просьба указать опыт работы и оценить задачу в сроках и деньгах.
Необходимо переверстать блоки записи на вводный урок на существующей странице: https://wiki.merionet.ru/merion-academy/courses/frontend-razrabotchik-s-nulya/#free-lesson Ссылка на макет: https://www.figma.com/design/cDBdCcY3aby7wuOdNhU1RW/%D0%9F%D1%80%D0%BE%D0%B1%D0%BD%D1%8B%D0%B9-%D1%83%D1%80%D0%BE%D0%BA-%D0%A0%D0%B5%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD?node-id=0-1&node-type=canvas&t=bGOeWLrk2Ib9SUbM-0 Важно отметить, что верстать с нуля всю страницу не надо, нужно только добавить новые элементы.
Отличный вариант потренироваться начинающему и любознательному верстальщику. Это пробное задание по результатам которого будем выбирать человека на проект. Нужно сделать для 3-4 страниц: 1.подготовить макет к верстке (figma) ()соберать UI Kit, где будут стили типографики, цвета, компоненты. Иконки, иллюстрации собрать архивом в SVG формате) 2.верстка адаптивеая (.html Tailwind CSS)
Мы ищем опытного верстальщика для создания адаптивных HTML-версий страниц сайта на основе дизайнов в Figma. Нужны: Разработка адаптивных HTML-страниц по предоставленным макетам в Figma. Реализация CSS-стилей с возможностью повторного использования. Применение JavaScript для улучшения функциональности страниц при необходимости. Требуемые навыки: Опыт работы с HTML Отличные знания CSS Опыт работы с JavaScript Если вы готовы к интересному проекту и обладаете необходимыми навыками, ждем ваших предложений!
Адаптивная верстка по макету figma с интеграцией с wordpress. Вывод и редактирование содержимого страницы происходит через поля. Макет https://www.figma.com/design/MKuhoIQOhqWUL79K5fcZ6D/%D0%9A%D0%A0%D0%90%D0%A1%D0%9F%D0%90%D0%9D?node-id=1-36&t=1pNjclhlHRwr8B4Z-1
Текущая страница: 64
Всего страниц: 424
