Верстка главной станицы сайта
Буду и дальше сотрудничать по разным проектам.
Спасибо за хорошее отношение к делу!
Хотим обновить главную страницу сайта и подогнать ее под движок WHCMS (HTML +PHP)
Есть готовий дизайн, нужно сделать верстку используя уже готовый шаблон.
Так же прикрепляю тз:
Верстка точно по макетам Figma: размеры, отступы, типографика, цвета, состояния элементов (hover, active).
Код должен быть адаптирован под WHMCS-шаблон (Smarty / PHP-файлы).
Обязательная отзывчивость: дизайн под десктоп, планшет, мобильные.
Кроссбраузерность: Chrome, Firefox, Safari, Edge (актуальные версии).
Оптимизация ресурсов: минификация CSS/JS, lazy-load для изображений, SVG для иконок, использование WebP, если возможно.
Семантика HTML, корректные теги (header, nav, main, footer и др.).
Чёткая структура CSS (можно использовать методологии BEM, SMACSS или аналогичные).
Внимание к состояниям элементов (кнопки при наведении, активные меню и т.п.).
Ниже — ориентировочные блоки, соответствующие макету Figma:
Хедер / шапка
Логотип слева.
Главное меню (пункты навигации).
Кнопки “Войти / Регистрация” (используя стили из макета).
Возможно — переключатель языка / валюты.
Фоновая заливка / эффект (теневые, градиенты) — как в макете.
Фиксированный хедер при прокрутке (если это заложено в дизайне).
Hero / баннер / первый экран
Заголовок + подзаголовок — стили и размеры из макета.
Кнопка CTA (Call-to-Action) — цвет, эффект наведения.
Фон (изображение / иллюстрация / паттерн), возможно параллакс или легкая анимация.
Блок преимуществ / особенности
Иконки + тексты.
Расположение (ряд, карточки, сетка).
Отступы и выравнивания — как в макете.
Блок тарифов / планы
Карточки тарифов, внутри:
Название тарифа
Цена
Особенности
Кнопка “Заказать / Выбрать”
В макете могут быть “лучший выбор / рекомендовано” — нужно реализовать визуально.
Возможность динамического подставления цен из WHMCS (PHP-переменные).
Блок проверки домена
Поле ввода домена + выбор зоны (select).
Кнопка “Проверить” — стилизованная.
Результаты проверки (внешний блок) — как в макете.
Отзывы / кейсы / клиенты
Слайдер / карусель (с контролами).
Фото / аватары + цитаты + имя / должность.
Интервалы и отступы — как в макете.
FAQ / часто задаваемые вопросы
Аккордеон (состояния открыто / закрыто).
Анимация открытия, стрелки иконки — согласно дизайну.
CTA-блок / дополнительный призыв к действию
Яркий фон / заливка.
Заголовок + кнопка → регистрация / начать / заказать.
Эффекты наведения, тени и др.
Футер
Несколько колонок (Меню, Поддержка, Контакты и пр.).
Логотип, социальные иконки.
Копирайт + мелкие ссылки (Политика конфиденциальности, Условия и др.).
Фоновый цвет, отступы и визуальные элементы — как в макете.
Файлы шаблона (clientarea.tpl, header.tpl, footer.tpl и др.) подгоняются так, чтобы главная страница была доступна как часть WHMCS (например, через index.php шаблона клиента).
Текстовые блоки (заголовки, описания) — либо через языковые файлы WHMCS, либо через переменные шаблона (чтобы можно было редактировать через админку).
Цены тарифов — подтягиваются через WHMCS (PHP/Smarty), вместо статичных цифр.
Кнопки заказа ведут на cart.php?a=add&pid=ID или на order.php с правильным параметром.
Форма проверки домена → domainchecker.php WHMCS (или endpoint WHMCS API).
Авторизация / регистрация — ссылки ведут на страницы WHMCS login.php, register.php.
Если в макете есть элементы, зависящие от авторизации (например, “Привет, [имя]” или “Моя учетная запись”) — учесть условную генерацию через Smarty ({if $loggedin} и т.д.).
Подключение CSS/JS — через стандартный pipeline WHMCS (чтобы избежать конфликтов).
Использовать возможности кеширования WHMCS, где возможно, не нарушая динамики.
CSS и JS — по возможности разделять: базовый + компоненты + страницы.
Использовать препроцессор (Sass / Less), если в проекте он уже предусмотрен.
Минификация в релизе.
Загрузка изображений — srcset и sizes для адаптивных картинок.
Lazy-loading (отложенная загрузка) для изображений вне экрана.
Иконки — SVG, инлайновый код или спрайты.
Проверка на валидность HTML/CSS (W3C).
Готовность к SEO: alt-теги, заголовки (h1, h2…), правильная вложенность.
Проверка работоспособности на мобильных — меню бургер, скрытые элементы, адаптив.
Бюджет: 3000 UAH Срок: 10 дней
Здравствуйте!
Я ознакомился с подробным ТЗ на верстку и интеграцию главной страницы в WHMCS (Smarty/PHP). Мой опыт во Front-end разработке и знание логики WHMCS позволяют гарантировать выполнение всех требований.
Ключевые пункты реализации:
1. Точность и Адаптивность: Идеальное, полностью адаптивное (десктоп, мобайл) и кроссбраузерное соответствие макету Figma.
2. Интеграция WHMCS: Подключу динамические данные для тарифов и цен через Smarty/PHP. Настрою все ссылки (вход/регистрация) и кнопки заказа. Форма проверки домена будет корректно интегрирована с domainchecker.php.
3. Оптимизация: Обеспечу семантический HTML, минификацию CSS/JS и Lazy-Load для высокой скорости загрузки.
Ваша ставка в 2500 UAH не соответствует сложности интеграции в WHMCS. Реальная стоимость этой работы составляет от 3500 до 5000 UAH.
Готов немедленно приступить к работе после согласования финального бюджета.
Бюджет: 7000 UAH Срок: 3 дня
Верстаю под openCart/Shopify/woocoommerce на php думаю tpl шаблоны не станут проблемой пройду валидатор, спасибо, не вижу макета для корректной оценки
Бюджет: 4500 UAH Срок: 5 дней
Добрый день!
Готова выполнить Ваш заказ. Сделаю сайт точно по макету, используя HTML, CSS и JavaScript. Гарантирую адаптивность для всех устройств и аккуратную реализацию всех деталей. Буду рада сотрудничеству
Бюджет: 27000 UAH Срок: 20 дней
Здравствуйте.
Я опытный PHP/WHMCS-разработчик и фронтенд-специалист с богатым опытом адаптации дизайна к шаблонам WHMCS, обеспечивая адаптивную, кроссбраузерную и SEO-оптимизированную вёрстку. Я успешно реализовал пиксельно-идеальные вёрстки из Figma в WHMCS с помощью Smarty/PHP, уделяя особое внимание чистой структуре (BEM/SMACSS), оптимизированным ресурсам (минифицированные CSS/JS, ленивая загрузка, WebP) и полной адаптивности на десктопах, планшетах и мобильных устройствах. Ключевые требования вашего проекта — от динамической интеграции с WHMCS (ценообразование, проверка домена, процессы оформления заказов) до точного управления состояниями наведения курсора, анимацией и условной пользовательской логикой — идеально соответствуют моему опыту. Я всегда обеспечиваю бесперебойную функциональную интеграцию с ядром WHMCS (корзина, проверка домена, процессы входа/регистрации) без прерывания обновлений или работы механизмов кэширования. Благодаря вниманию к деталям дизайна и функциональности бэкенда я могу гарантировать стабильную, высокопроизводительную и ориентированную на конверсию главную страницу. Я уверен, что смогу быстро обновить вашу главную страницу WHMCS, обеспечив при этом возможность ее долгосрочной поддержки.
Бюджет: 6000 UAH Срок: 5 дней
Здравствуйте! Готов обсудить и выполнить Ваш заказ.
https://smate1.github.io/ink.design/
https://smate1.github.io/PanterEx/
https://smate1.github.io/stay_safe/
https://smate1.github.io/avg/
Задача Нужно создать стильный адаптивный email-шаблон по предоставленному тексту и подготовить его для загрузки в сервис email-рассылок. Что нужно сделать Разработать дизайн email. Сверстать адаптивный HTML email. Вставить предоставленный текст. Подготовить блоки под изображения и иконки. Добавить CTA-кнопки. Подготовить ссылки с UTM-метками. Сделать plain-text version письма. Проверить отображение в основных email-клиентах. Подготовить финальный файл для загрузки в сервис рассылки. Требования к дизайну Нужен чистый, современный, premium-style email. Письмо должно быть легко читаемым, не перегруженным, с понятной структурой, короткими текстовыми блоками, визуальными акцентами и несколькими CTA-кнопками. Технические требования адаптивная HTML email-верстка; корректное отображение на desktop и mobile; table-based layout; ширина контейнера примерно 600–700 px; inline CSS / email-compatible CSS; кнопки должны быть HTML/CSS, не картинками; все важные данные должны быть HTML-текстом; изображения должны иметь alt text; без JavaScript; без форм внутри email; корректная работа ссылок; подготовка UTM-меток для CTA. Проверка Нужно проверить отображение минимум в: Gmail; Apple Mail; Outlook; мобильных email-клиентах. На выходе нужно получить Готовый HTML-файл email. Plain-text version. Preview или screenshots desktop/mobile. Инструкцию, где менять ссылки, текст и изображения. Файл/версию, готовую для загрузки в сервис рассылки. В отклике, пожалуйста, приложите примеры HTML email-рассылок, которые вы делали, и укажите, с какими сервисами рассылок работали.
Приветсвую. Необходимо внести некоторые правки на сайте WP с готовой темой на ELEMENTOR. Сайт https://lingualink.pl/ 1. Первый экран вместо картинки внедрить форму заказа, которая сейчас вызывается с кнопки. в результате должно быть как в первом скрине 2. а также добавить блок FAQю примерно вот так как во втором скрине
It is necessary to reproduce as accurately as possible:– the structure of the pages; – the layout of the blocks; – the catalog grid; – the sizes of the elements; – the margins; – the typography; – the colors; – the header and footer; – product cards – the menu structure; – menu categories; – modal windows; – adaptive behavior; – hover, active, and mobile states. – the product page must have microdata for products – Pages must be optimized according to Google SEO recommendations1. Type of siteResponsive online sushi delivery store.Main versions:– desktop – from 1280 px; – tablet – 768–1279 px; – mobile – 320–767 px.2. NavigationHomeCategoriesPromotionsAbout UsDelivery and PaymentContactsMenuProduct CardShopping CartPage TemplateThe “Page Template” block should contain:– header;– breadcrumb;— “up” arrow— Light and dark theme switcher with user choice retention.— A watermark with the logo on the background of the page— Fix an image of chopsticks on the right edge of the background— Footer ResultDeliver:– Figma mockup for desktop and mobile; – HTML files; – CSS; – JavaScript; – a folder with placeholders; – responsive version of the page; – archive of the completed project.The main requirement is the most accurate reproduction of the structure, design, and behavior of the page example.com
Продолжение проекта. Редизайн и перезапуск сайта стоматологической клиники Brovchak Family Dental Care 0680006609 http://brovchak-clinic.com.ua/ тз от сео-эксперта https://docs.google.com/spreadsheets/d/17_WyPf3XVpzbuBjpJ7MNFs12QUL-aHv7iIbKudY-IEw/edit?gid=0#gid=0 https://miro.com/app/board/uXjVHXxFvIE=/О проекте Необходимо выполнить полный редизайн существующего сайта стоматологической клиники на основе готового прототипа в Miro. Результат должен включать: UI/UX дизайн адаптивную верстку интеграцию на WordPress SEO-безопасный перезапуск техническую оптимизацию настройку аналитики возможность простого самостоятельного редактирования контента Критически важно: сайт должен не просто выглядеть современно, а улучшать бизнес-показатели и не потерять текущие SEO-позиции.Бизнес-цели проекта Редизайн выполняется для: увеличения количества заявок с сайта; повышения конверсии форм записи; усиления доверия к клинике; демонстрации экспертности врачей; презентации сложных клинических случаев; формирования премиального позиционирования; увеличения количества обращений на имплантацию, ортопедию и комплексное лечение.Визуальная концепцияПозиционирование Премиальная авторская стоматология. Не сетевая клиника. Не массовый поток пациентов. Индивидуальный подход, прогнозируемые результаты и сложные клинические решения.Эмоция, которую должен вызывать сайт "Здесь работают не просто стоматологи. Здесь команда экспертов создает долгосрочные и прогнозируемые решения, уделяя внимание каждой детали."Стиль Workshop / Dental Atelier. Авторская стоматология. Премиальный минимализм. Акцент на: микроскопии; навигационной имплантации; цифровом сканировании; гнатологии; сложных реабилитациях. Использовать: большие профессиональные фото врачей; фото врачей во время работы; реальные кейсы пациентов; фото клиники. Минимизировать или полностью исключить: стоковые фото; шаблонные стоматологические изображения; типовые дизайнерские решения сетевых клиник.SEO и перезапуск Критическое требование: Редизайн не должен привести к существенному падению органического трафика. Необходимо: сохранить SEO-структуру сайта; сохранить или корректно перенести URL; настроить 301 редиректы; перенести все метатеги; сохранить индексацию страниц; проверить robots.txt; проверить sitemap.xml; проверить canonical; проверить schema.org; выполнить SEO-аудит до и после запуска.KPI SEO Допустимое падение органического трафика после запуска: не более 10%. Предпочтение отдается исполнителям, которые имеют успешные кейсы SEO-безопасных миграций.UX и конверсия Сайт должен обеспечивать: быстрый доступ к записи на консультацию; понятную структуру услуг; простую навигацию; мобильную удобство; быстрый контакт с клиникой. Предусмотреть: CTA-блоки; формы записи; быстрый звонок; мессенджеры; блоки доверия; видеов отзывы; кейсы лечения.Технические требованияСкорость Google PageSpeed: Desktop — 90+ Mobile — 95+ Core Web Vitals должны соответствовать рекомендациям Google.Оптимизация Необходимо: оптимизировать CSS; оптимизировать JS; настроить кэширование; оптимизировать изображения; использовать WebP; минимизировать сторонние скрипты.Качество кода Важно: чистый код; отсутствие лишних плагинов; использование штатных возможностей WordPress и темы; совместимость с будущими обновлениями WordPress.AI-ассистент (агент) Необходимо предложить решение для внедрения AI-консультанта. Желательный функционал: ответы на типовые вопросы; запись на консультацию; интеграция с Telegram; интеграция с Instagram Direct; интеграция с Facebook Messenger; интеграция с Viber; передача лидов в CRM или администраторам, или в телеграм бот Прошу описать предложенное решение отдельно.Результат работы На выходе необходимо получить: Новый дизайн сайта. Адаптивную верстку. SEO-безопасный запуск. Оптимизированный код. Настроенную аналитику. Инструкцию для администратора. Гарантийное сопровождение после запуска. Реализация AI Search и AI-выдачи В рамках проекта необходимо реализовать отдельный комплекс работ по подготовке сайта к Google AI Overviews, AI Mode, ChatGPT, Gemini, Perplexity, Copilot и другим AI-поисковым системам. К работам входит: Проектирование карты сущностей клиники: организация, филиалы, врачи, услуги, кейсы, статьи, FAQ, видео и цены. Создание логических связей между: врачами и услугами; услугами и кейсами; услугами и FAQ; статьями и авторами; филиалами и доступными направлениями лечения. Реализация структурированных данных JSON-LD: Organization; MedicalClinic / Dentist; LocalBusiness; Person; ProfilePage; Service; MedicalProcedure — где семантически корректно; Article / BlogPosting; VideoObject; FAQPage; BreadcrumbList; WebSite; WebPage; ImageObject. Создание в WordPress структурированных типов контента: услуги; врачи; кейсы; статьи; FAQ; видео; филиалы; цены. Реализация ACF-связей между типами контента и автоматической генерации schema.org из утвержденных полей. Построение FAQ в трех уровнях: FAQ на страницах услуг; отдельные экспертные decision-guide страницы; общий центр вопросов пациентов. Обеспечение доступности основного контента в HTML без зависимости от клиентского JavaScript, изображений или PDF. Реализация авторства медицинского контента: автор; медицинский рецензент; дата публикации; дата обновления; ссылка на профиль врача. Добавление транскриптов к экспертным видео и связывание видео с услугами, врачами и кейсами. Проверка robots.txt, sitemap.xml, canonical, noindex, snippet controls и доступности сайта для поисковых и AI-краулеров. Настройка отслеживания AI-трафика: отдельная channel group в GA4; referrer-источники ChatGPT, Perplexity, Gemini, Copilot, Claude; передача источника в CRM и Telegram-заявки; отчет в Looker Studio; учет self-reported attribution от пациента. Создание базового набора запросов для регулярного мониторинга видимости клиники в AI-выдаче. Проверка структурированных данных через Rich Results Test и Schema Markup Validator. Подготовка инструкции для администратора: как добавлять FAQ; как создавать кейс; как указывать автора; как обновлять дату медицинского обзора; как добавлять видео и транскрипт; как связывать материал с услугой и врачом. другое.
Нужен специалист по Wix для верстки сайта по макету Figma. Есть готовый дизайн сайта в Figma. Нужно качественно реализовать его в Wix, максимально соблюдая макет. Необходимо: перенести дизайн из Figma в Wix; адаптировать все страницы; настроить десктопную и мобильную версии; обеспечить корректное отображение на различных устройствах. Предпочтение отдается исполнителям с опытом работы с Wix. Пожалуйста, отправляйте портфолио с реализованными проектами.