Харьков

Украина

🛠️ Техническое задание на разработку сайта для бухгалтерского бюро на WordPress<h3>🔧 Общие требования:</h3><ul><li>CMS: WordPress</li><li>Адаптивный дизайн: обязательно</li><li>Мультиязычность: 2 языка (PL, RU) с возможностью расширения</li><li>SEO: максимальная подготовка по всем стандартам (см. ниже)</li><li>Интеграция с CRM (по согласованию, желательно бесплатное решение)</li><li>Быстрая загрузка, оптимизированные изображения, кеширование и защита</li></ul><hr /><h2>🖥️ Структура и поведение главной страницы:</h2><h3>1. Hero Section (главный экран)</h3>2. "Колесо" услуг<ul><li>Интерактивный SVG или JS-элемент с 6 спицами</li><li>При клике по спице — раскрывается перечень услуг по теме справа +плюс сама "спица" меняет цвет и увеличивается шрифт</li><li>При доскролливании до колеса — анимация: плавно "проходит" по спицам, чтобы показать интерактивность</li></ul><h3>3. Карточки "Почему мы"</h3><ul><li>4 карточки</li><li>При клике на карточку:<ul><li>Меняется фон на тёмный</li><li>Вверху блока появляется связанный текст (в курсиве)</li><li>Активная карточка визуально выделяется</li></ul></li></ul><h3>4. Как начать работать с нами</h3><ul><li>3 шага в текстовом формате (там где большая картинка - будут 3 пункта, сейчас другой текст)</li><li>Статичный контент</li></ul><h3>5. Карта отраслей</h3><ul><li>Интерактивная карта с иконками</li><li>При наведении:<ul><li>Иконка и центральная точка подсвечиваются зелёным</li><li>Меняется текст в центре</li></ul></li><li>При клике по центральной кнопке — переход на соответствующую отраслевую страницу (переходит на ту страницу иконка которой подсвечена в текущий момент времени, и, соответствено, текст который в центральном круге)</li></ul><h3>6. Последние статьи</h3><ul><li>Превью 3-4 последних постов</li><li>При наведении — карточка меняет цвет</li><li>Переход в блог по клику</li></ul><h3>7. Контактная форма</h3><ul><li>Имя, телефон, email, комментарий</li><li>Интеграция с Telegram, WhatsApp, онлайн-чатом (любое бесплатное решение, желательно <a href="http://Tawk.to">Tawk.to</a> или Crisp)</li><li>Опционально — подключение CRM (оговаривается отдельно)</li></ul><hr /><h2>📄 Отраслевые страницы (6 штук - пока 4, но я сама сделаю еще 2 - будут такие же как те 4):</h2><ul><li>Единый шаблон, уникальные тексты</li><li>Вверху — форма "Запросить расчёт" - мини калькулятор по внешнему виду, но без каких либо расчетов - т.е. немного видоизмененная форма:<ul><li>Выбор формы бизнеса (ЧП / Sp. z o.o.)</li><li>Кол-во документов в месяц</li><li>Кол-во сотрудников</li><li>Имя и email</li></ul></li><li>После отправки — данные приходят на email администратора</li><li>Внизу — общая контактная форма (как на главной)</li></ul><hr /><h2>💰 Страница “Цены”:</h2><h3>Интерактивный калькулятор:</h3><ul><li>Динамическая подстановка цены:<ul><li>В зависимости от: формы бизнеса, числа документов, числа сотрудников</li><li>Для ЧП: только документы + сотрудники → цена + 23% НДС</li><li>Для Sp. z o.o.: + появляется блок “Бизнес-аналитика”<ul><li>Выбор дополнительных отчётов влияет на цену</li></ul></li></ul></li><li>Возможность:<ul><li>Сохранить расчёт (ввод email)</li><li>Связаться с нами (форма связи)</li></ul></li></ul><hr /><h2>🧠 Страница “Ресурсы” (база знаний + поиск) - эта страница дизайнером пока не сделана, но будет на днях:</h2><ul><li>Включает:<ul><li>Полезные статьи, гайды, пошаговые инструкции (все в работе пока).</li><li>Вопросы/ответы (FAQ)</li><li>Таблицы/гайды в формате .xlsx и PDF</li></ul></li><li>Поисковая строка:<ul><li>Поиск по заголовкам, тегам, категориям, ключевым словам (ищет по статьям из блога, по всем вопросам-ответам что есть на сайте, плюс по всем материалам в ресурсах). </li><li>В результатах — отображение по блокам:<ul><li>Статьи</li><li>Вопросы-ответы</li><li>Файлы</li></ul></li></ul></li><li>Админка:<ul><li>Возможность самостоятельно добавлять контент</li><li>Для структуры — отдельные кастомные пост-тайпы: <code>article</code>, <code>faq</code>, <code>guide</code></li></ul></li></ul><hr /><h2>🔍 SEO:</h2><ul><li>ЧПУ (человекопонятные урлы): <code>/uslugi</code>, <code>/cennik</code>, <code>/kontakt</code>, <code>/przemysl</code> и т.п.</li><li>Мета-теги (title, description) — на всех страницах</li><li><code>alt</code>-тексты для всех изображений</li><li>H1-H3 иерархия строго соблюдена</li><li><a href="http://Schema.org">Schema.org</a> разметка для:<ul><li>Организации</li><li>Статей</li><li>FAQ</li></ul></li><li>Карта сайта (sitemap.xml)</li><li>Robots.txt</li><li>Базовая SEO-оптимизация: плагин Yoast SEO или RankMath</li><li>Мультиязычность через WPML или Polylang (по согласованию)</li></ul><hr /><h2>⚙️ Дополнительно:</h2><ul><li>Бэкап (настроить автоматическое резервное копирование)</li><li>Безопасность (плагин Wordfence или аналог)</li><li>Антиспам (reCAPTCHA на всех формах)</li><li>Кэширование и оптимизация скорости (например, с помощью плагина WP Rocket)</li></ul><hr /><h2>📁 Материалы, которые будут предоставлены заказчиком:</h2><ul><li>Видео для главной страницы</li><li>Структура услуг и карта отраслей</li><li>Тексты и изображения</li><li>Алгоритм расчёта стоимости услуг</li><li>Переводы (PL/RU)</li></ul><hr />+ мобильная версия<a href="https://www.figma.com/design/cvwMImrUEqwIjJajjag95D/Finansowy-Flex--Copy-?node-id=0-1&amp;p=f&amp;t=4YaFg56UHHnXMArC-0">https://www.figma.com/design/cvwMImrUEqwIjJajjag95D/Finansowy-Flex--Copy-?node-id=0-1&amp;p=f&amp;t=4YaFg56UHHnXMArC-0</a>Спасибо!

🛠️ Техническое задание на разработку сайта для бухгалтерского бюро на WordPress<h3>🔧 Общие требования:</h3><ul><li>CMS: WordPress</li><li>Адаптивный дизайн: обязательно</li><li>Мультиязычность: 2 языка (PL, RU) с возможностью расширения</li><li>SEO: максимальная подготовка по всем стандартам (см. ниже)</li><li>Интеграция с CRM (по согласованию, желательно бесплатное решение)</li><li>Быстрая загрузка, оптимизированные изображения, кеширование и защита</li></ul><hr /><h2>🖥️ Структура и поведение главной страницы:</h2><h3>1. Hero Section (главный экран)</h3>2. "Колесо" услуг<ul><li>Интерактивный SVG или JS-элемент с 6 спицами</li><li>При клике по спице — раскрывается перечень услуг по теме справа +плюс сама "спица" меняет цвет и увеличивается шрифт</li><li>При доскролливании до колеса — анимация: плавно "проходит" по спицам, чтобы показать интерактивность</li></ul><h3>3. Карточки "Почему мы"</h3><ul><li>4 карточки</li><li>При клике на карточку:<ul><li>Меняется фон на тёмный</li><li>Вверху блока появляется связанный текст (в курсиве)</li><li>Активная карточка визуально выделяется</li></ul></li></ul><h3>4. Как начать работать с нами</h3><ul><li>3 шага в текстовом формате (там где большая картинка - будут 3 пункта, сейчас другой текст)</li><li>Статичный контент</li></ul><h3>5. Карта отраслей</h3><ul><li>Интерактивная карта с иконками</li><li>При наведении:<ul><li>Иконка и центральная точка подсвечиваются зелёным</li><li>Меняется текст в центре</li></ul></li><li>При клике по центральной кнопке — переход на соответствующую отраслевую страницу (переходит на ту страницу иконка которой подсвечена в текущий момент времени, и, соответствено, текст который в центральном круге)</li></ul><h3>6. Последние статьи</h3><ul><li>Превью 3-4 последних постов</li><li>При наведении — карточка меняет цвет</li><li>Переход в блог по клику</li></ul><h3>7. Контактная форма</h3><ul><li>Имя, телефон, email, комментарий</li><li>Интеграция с Telegram, WhatsApp, онлайн-чатом (любое бесплатное решение, желательно <a href="http://Tawk.to" rel="nofollow noopener noreferrer" target="_blank">Tawk.to</a> или Crisp)</li><li>Опционально — подключение CRM (оговаривается отдельно)</li></ul><hr /><h2>📄 Отраслевые страницы (6 штук - пока 4, но я сама сделаю еще 2 - будут такие же как те 4):</h2><ul><li>Единый шаблон, уникальные тексты</li><li>Вверху — форма "Запросить расчёт" - мини калькулятор по внешнему виду, но без каких либо расчетов - т.е. немного видоизмененная форма:<ul><li>Выбор формы бизнеса (ЧП / Sp. z o.o.)</li><li>Кол-во документов в месяц</li><li>Кол-во сотрудников</li><li>Имя и email</li></ul></li><li>После отправки — данные приходят на email администратора</li><li>Внизу — общая контактная форма (как на главной)</li></ul><hr /><h2>💰 Страница “Цены”:</h2><h3>Интерактивный калькулятор:</h3><ul><li>Динамическая подстановка цены:<ul><li>В зависимости от: формы бизнеса, числа документов, числа сотрудников</li><li>Для ЧП: только документы + сотрудники → цена + 23% НДС</li><li>Для Sp. z o.o.: + появляется блок “Бизнес-аналитика”<ul><li>Выбор дополнительных отчётов влияет на цену</li></ul></li></ul></li><li>Возможность:<ul><li>Сохранить расчёт (ввод email)</li><li>Связаться с нами (форма связи)</li></ul></li></ul><hr /><h2>🧠 Страница “Ресурсы” (база знаний + поиск) - эта страница дизайнером пока не сделана, но будет на днях:</h2><ul><li>Включает:<ul><li>Полезные статьи, гайды, пошаговые инструкции (все в работе пока).</li><li>Вопросы/ответы (FAQ)</li><li>Таблицы/гайды в формате .xlsx и PDF</li></ul></li><li>Поисковая строка:<ul><li>Поиск по заголовкам, тегам, категориям, ключевым словам (ищет по статьям из блога, по всем вопросам-ответам что есть на сайте, плюс по всем материалам в ресурсах). </li><li>В результатах — отображение по блокам:<ul><li>Статьи</li><li>Вопросы-ответы</li><li>Файлы</li></ul></li></ul></li><li>Админка:<ul><li>Возможность самостоятельно добавлять контент</li><li>Для структуры — отдельные кастомные пост-тайпы: <code>article</code>, <code>faq</code>, <code>guide</code></li></ul></li></ul><hr /><h2>🔍 SEO:</h2><ul><li>ЧПУ (человекопонятные урлы): <code>/uslugi</code>, <code>/cennik</code>, <code>/kontakt</code>, <code>/przemysl</code> и т.п.</li><li>Мета-теги (title, description) — на всех страницах</li><li><code>alt</code>-тексты для всех изображений</li><li>H1-H3 иерархия строго соблюдена</li><li><a href="http://Schema.org" rel="nofollow noopener noreferrer" target="_blank">Schema.org</a> разметка для:<ul><li>Организации</li><li>Статей</li><li>FAQ</li></ul></li><li>Карта сайта (sitemap.xml)</li><li>Robots.txt</li><li>Базовая SEO-оптимизация: плагин Yoast SEO или RankMath</li><li>Мультиязычность через WPML или Polylang (по согласованию)</li></ul><hr /><h2>⚙️ Дополнительно:</h2><ul><li>Бэкап (настроить автоматическое резервное копирование)</li><li>Безопасность (плагин Wordfence или аналог)</li><li>Антиспам (reCAPTCHA на всех формах)</li><li>Кэширование и оптимизация скорости (например, с помощью плагина WP Rocket)</li></ul><hr /><h2>📁 Материалы, которые будут предоставлены заказчиком:</h2><ul><li>Видео для главной страницы</li><li>Структура услуг и карта отраслей</li><li>Тексты и изображения</li><li>Алгоритм расчёта стоимости услуг</li><li>Переводы (PL/RU)</li></ul><hr />+ мобильная версия<a href="https://www.figma.com/design/cvwMImrUEqwIjJajjag95D/Finansowy-Flex--Copy-?node-id=0-1&amp;p=f&amp;t=4YaFg56UHHnXMArC-0" rel="nofollow noopener noreferrer" target="_blank">https://www.figma.com/design/cvwMImrUEqwIjJajjag95D/Finansowy-Flex--Copy-?node-id=0-1&amp;p=f&amp;t=4YaFg56UHHnXMArC-0</a>Спасибо!

Татьяна atriel

Сайт на wordpress