Дизайн шаблона письма и дизайн веб-страницы - открытки

1. Общие сведения о проекте Заказчик: семейный парк развлечений в Германии (полное название и домен раскрываются исполнителю после старта проекта) Тип проекта: полная редизайн и пересборка сайта с нуля Текущий сайт: WordPress/Elementor, устарел, требует полной замены Целевая аудитория: семьи с детьми 2 до 12 лет, регион Германии с несколькими крупными городами поблизости (15 до 20 минут на машине) Язык сайта: основной немецкий (DE), дополнительно английский (EN), отдельная языковая версия CMS: на усмотрение разработчика, WordPress с кастомной темой, Webflow, или headless CMS. Elementor не использовать. Домен: существующий, переносится без замены Срок сдачи: по согласованию с заказчиком 2. Цели и ключевые KPI Новый сайт должен выполнять три стратегические функции: Передавать атмосферу парка как иммерсивного приключения, не список услуг, а погружение в тематический мир. Максимизировать конверсию: посетитель сайта должен совершить бронирование менее чем в 3 клика от любой страницы. Обеспечить безупречный мобильный UX, более 60% трафика ожидается с мобильных устройств. KPI #1: время до первого клика "Забронировать" не более 10 секунд с момента загрузки главной страницы KPI #2: Page Speed Score (Google PageSpeed Insights) не менее 85 на мобильных, не менее 90 на десктопе KPI #3: показатель отказов (Bounce Rate) менее 45% KPI #4: корректное отображение во всех современных браузерах (Chrome, Firefox, Safari, Edge) и на iOS/Android 3. Состав работ 3.1 Страницы и разделы Минимальный набор страниц: Главная: Hero секция, анонс живого шоу по выходным, топ 5 аттракционов, отзывы Google, CTA блок Каталог аттракций с фильтром по возрасту (0 до 3 / 3 до 6 / 6 до 12 лет), карточки с фото и видео Пакеты дня рождения, описание плюс конфигуратор Текущие акции и сезонные события, каждое со своей визуальной карточкой Цены, таблица плюс виджет онлайн бронирования (интеграция с внешней системой бронирования) Ресторан, меню и атмосфера Фотогалерея плюс встроенный Instagram фид О парке, правила, FAQ (без дублирования правил) Контакты, карта Google Maps, контактная форма, часы работы, кликабельные телефон и email Зеркало всех страниц на английском языке 3.2 Что необходимо удалить с текущего сайта Все тексты об ограничениях COVID 19 (2021 до 2022), включая футер FAQ с вопросами о стоимости разработки веб сайтов (посторонний контент) Устаревший copyright год, заменить на актуальный Нерабочие Elementor popup кнопки Устаревшие уведомления об открытии после ограничений Дублирование правил парка в разделе FAQ 4. Функциональные требования P1 = критично для запуска, P2 = желательно в v1.0, P3 = возможные доработки позже 4.1 Hero секция (главная страница) P1, Fullscreen Video Hero: autoplay видео без звука (muted, loop), 100vw на 100vh. При клике включение звука. Поверх видео короткий слоган и кнопка CTA. P1, текстовый слой над видео: H1 заголовок, подзаголовок плюс кнопки "Забронировать" и "Узнать больше". Шрифт читаем на любом фоне. P1, Sticky Navigation: навигационная панель фиксируется вверху при скролле, фон меняется с прозрачного на тёмный при прокрутке. P1, Sticky CTA Button: кнопка "Забронировать" всегда видна, на десктопе в хедере, на мобильном фиксированная полоса внизу экрана. P2, Scroll анимации: элементы появляются с CSS анимацией (fade in плюс slide up) при прокрутке. Библиотека Intersection Observer или AOS.js. Без тяжёлых 3D библиотек. 4.2 Аттракции P1, карточки аттракций: фото/видео, название, краткое описание, значок возрастного ограничения, кнопка "Подробнее" P1, фильтр по возрасту: клиентский фильтр без перезагрузки страницы, реализация CSS классы плюс vanilla JS или Vue/React компонент P1, детальная страница аттракции: собственный URL, крупное фото/видео, полное описание, ограничения по росту/возрасту, кнопка бронирования P2, short form видео: 15 до 30 секунд ролик для каждой аттракции, autoplay при наведении на десктопе или tap на мобильном 4.3 Система бронирования P1, интеграция с внешней системой бронирования: виджет встроен inline (iframe или JS embed) на страницы цен и дня рождения, без открытия в новой вкладке P1, multi step booking flow: пошаговый мастер, тип визита, дата/время, количество гостей, подтверждение, обязателен progress bar P1, объяснение тайм слотов: инфо блок рядом с выбором времени P2, live доступность слотов: API запрос к системе бронирования, отображение занятых/свободных слотов в реальном времени 4.4 Конфигуратор дня рождения P1, multi step конфигуратор: возраст именинника, количество детей, выбор пакета, дополнительные опции, выбор даты, форма запроса или прямое бронирование P1, динамический расчёт цены: обновляется в реальном времени при изменении параметров, без перезагрузки P2, итоговое резюме: сводная карточка выбора на финальном шаге с кнопками "Запросить" и "Забронировать напрямую" 4.5 Доверие и социальное подтверждение P1, виджет Google Reviews: минимум 5 отзывов, средний рейтинг, звёзды, размещение на главной странице над CTA блоком бронирования P1, Instagram фид: встроенная лента последних 9 до 12 постов через официальный API или виджет, ссылка на аккаунт P2, счётчик посетителей: анимированный счётчик 4.6 Дополнительные функциональные блоки P1, live статус "сейчас открыто/закрыто": автоматическая отметка на основе часов работы P1, кликабельные контакты: телефон и email как активные ссылки, обязательно в хедере и на странице контактов P2, интерактивная карта парка: SVG или image map с кликабельными зонами аттракций P2, трекер загруженности: визуальный индикатор ожидаемой загруженности парка P2, обратный отсчёт до события: виджет countdown до ближайшего сезонного события P3, отдельный раздел вечерних мероприятий: страница или секция с собственным визуальным стилем и кнопкой бронирования 5. Нефункциональные требования 5.1 Производительность LCP не более 2,5 сек на мобильном (3G fast) CLS менее 0,1 FID/INP менее 100 мс Google PageSpeed Score не менее 85 mobile, не менее 90 desktop Изображения: формат WebP плюс fallback JPEG, lazy loading, srcset Видео: стриминг через CDN или YouTube/Vimeo embed, не хранить тяжёлые MP4 на хостинге 5.2 SEO Schema.org: LocalBusiness плюс OpeningHoursSpecification плюс Event Meta теги: уникальные title (не более 60 символов) и description (не более 155 символов) на каждой странице Hreflang для языкового переключателя Canonical URL на каждой странице Sitemap.xml автоматически генерируемый Настроенный robots.txt 5.3 Доступность WCAG 2.1, уровень AA как минимальный стандарт Alt атрибуты обязательны для всех изображений Контраст текст/фон не менее 4,5 к 1 Полная навигация с клавиатуры ARIA атрибуты на всех интерактивных элементах 5.4 Безопасность HTTPS обязателен, redirect с HTTP DSGVO/GDPR: cookie баннер (Consent Management), актуальная политика конфиденциальности CSRF защита, honeypot или reCAPTCHA v3 на всех формах Все зависимости актуальных версий, без известных уязвимостей 5.5 CMS и редактируемость Тексты, цены, часы работы, фотографии редактируемы через CMS без привлечения разработчика Создание/архивирование акций и событий через интерфейс CMS Обновление Instagram фида автоматическое через API Видеоинструкция (10 до 15 минут) по работе с CMS, обязательный deliverable 6. Дизайн система 6.1 Цветовая палитра: основной глубокий зелёный, вторичный средний лесной зелёный, акцентный красный для CTA, светло зелёный для фонов карточек, бежевый для текстурных акцентов, тёмный для основного текста, белый 6.2 Типографика: выразительный display шрифт для заголовков (в духе приключения), читаемый нейтральный sans serif для основного текста, минимальный размер 16px body, 14px caption, line height 1,5 до 1,7 6.3 Изображения и медиа: только реальные фотографии, стоковые фото не использовать, формат WebP, минимум 1920px для hero, 800px для карточек, видео hero не длиннее 30 до 60 секунд в loop версии, все изображения с правом публикации 6.4 Анимации: hover эффекты плавные (scale 1.03 на карточках), scroll анимации fade in плюс translateY, только transform и opacity для GPU ускорения 7. Ожидаемые результаты Дизайн макеты в Figma: десктоп плюс мобильный вид всех страниц (десктоп 1440px, мобильный 375px) Адаптивная вёрстка: брейкпоинты 375 / 768 / 1024 / 1440px, mobile first подход Готовый сайт на staging домене для приёмки, после одобрения деплой на боевой домен Настройка CMS: все редактируемые зоны настроены, тестово заполнены Видеоинструкция (10 до 15 минут) по управлению контентом Базовая настройка SEO: meta теги, Schema, Sitemap, подключение Google Search Console Установка Google Analytics 4 плюс Google Tag Manager, настройка событий (click CTA, form submit, page_view) Кросс браузерное и кросс девайсное тестирование, отчёт PageSpeed Insights до сдачи Передача исходного кода (Git репозиторий) заказчику после финальной оплаты 8. Критерии приёмки Все P1 требования реализованы и протестированы PageSpeed Score не менее 85 mobile, подтверждено скриншотом Корректное отображение на iPhone (Safari), Android (Chrome), iPad, MacBook, Windows (Chrome, Edge, Firefox) Форма бронирования успешно отправляет запрос и присылает подтверждение Google Reviews загружаются корректно Instagram фид обновляется автоматически Все ссылки работают, нет 404 ошибок Cookie баннер соответствует DSGVO, GDPR Контент в CMS редактируется без привлечения разработчика

General Scope of Work 80 product items on the website https://pro-aptechka.com.ua/ Data sources: Prom.ua, Rozetka or photos provided by us Access to the OpenCart admin panel will be provided️ Working with ImagesPhoto Requirements: Format: JPEG Quantity: 10-15 pcs per product (from the donor site or photos provided by us) Quality: lossless quality, minimal file size Orientation: correct Important: folder name without special characters * + " № / , etc.Sorting: Main photo — the best overall view Next — sequential reveal of the product from different angles Details, elements, featuresAdditionally: Retouching/processing — if the photos are "raw", professional processing is needed (discussed separately with additional payment. If you can create beautiful selling photos - provide samples - additional payment is negotiable) Video — a link from YouTube is added (if available) Filling Product FieldsMain Text Fields: FieldRequirementsProduct NameClear, informative, up to 110 charactersHTML tag H1Page titleMeta tag TitleSEO titleMeta tag DescriptionSEO descriptionMeta tag KeywordsKeywordsDescriptionDetailed product description (a ready prompt is available)Product TagsComma-separated Trade Data: FieldSourceProduct CodeFrom the donor site or fileSKU= Product CodePriceFrom the donor site or file QuantityAvailabilityDimensions (L x W x H) in cmFrom specificationsWeight (kg)From specificationsConnections: Manufacturer — identify and link Category — correct placement in the site structure Recommended Products — selection of similar itemsCharacteristics: Identify top characteristics for each product Find correct type/name of characteristic in the system Technical MomentsSEO URL: Filled automatically in OpenCart Mandatory check — whether it has been formed correctlyFinal Check: All photos added and displayed Video connected (if available) All fields filled in correctly

Project Description We are looking for an experienced specialist in Webflow for the urgent completion of a website project for a beauty salon. The website is almost ready and created on a Webflow template. It is necessary to join the final stage of work and bring the project to a fully finished state.What needs to be done: add the already prepared texts from the copywriter to the website; place photographs according to the website structure; design the pages according to the brand book and corporate style of the client; if necessary, refine individual blocks for a more modern and professional look; check the website's responsiveness on different devices; perform basic technical settings in Webflow (SEO fields, technical parameters of pages, form settings, links, publishing, etc.); conduct a final check of the website before handing it over to the client.Our expectations from the performer: confident mastery of the Webflow platform; experience working with Webflow templates and their refinement; good understanding of modern UI/UX and web design; attention to detail; responsibility and prompt communication.Important The project is very urgent. The work needs to be completed within 3 days. The cost is negotiable individually depending on experience and speed of execution. When responding, please send: examples of websites created on Webflow; a brief description of your experience; information on when you are ready to start work. Preference will be given to performers who can start work immediately after agreement and guarantee project completion within the specified timeframe.

Good day. I am looking for an experienced specialist who can help create three separate landing pages for an aesthetic cosmetology salon in Krakow (Poland). We have a website and the same pages on the site, but they are not converting. For example: a specific procedure for body modeling - 6,274 (92.01%) clicks to open the page on the site from Meta ad traffic in the last 28 days, of which only 5 leads. Important: we need not just a beautiful design. The main goal is to increase the number of applications and bookings from clients. Services for which pages need to be created: Laser hair removal. Body Reset (body modeling and volume reduction). Bloomea (working with scars, post-acne, and wrinkles). What we already have: ready website; photos and videos; Instagram and Facebook; client reviews; Meta Ads campaigns; texts and information about services. What needs to be done: create 3 separate landing pages; think through the structure of the pages from a conversion perspective; remove all unnecessary elements that distract the user; develop strong headlines and calls to action (CTA); correctly showcase the advantages of our salon; add blocks with reviews and "before/after" results; simplify the client's path to application as much as possible; adapt the pages for mobile devices. Website traffic before this: 97.7% mobile, 1.3% PC, 1% tablet; if possible, provide recommendations for improving advertising campaigns. Our expectations: We have already spent a significant budget on advertising, videos, and previous pages, so we are now looking for someone who truly understands marketing, sales psychology, and building conversion funnels. We need not just beautiful pages, but a tool that will bring real clients. It would be a big plus: experience working with beauty, medical, or premium projects; cases with conversion statistics; understanding of Meta Ads and Google Ads; experience creating landing pages for expensive services. Please, along with your application, send: examples of your work; approximate completion times; cost; a brief description of how you envision the structure of such landing pages. We would like to complete everything within the next 7 days.

A modern, intuitive, and responsive website design is needed for a construction company. The main goal is to provide a quality presentation of services, build client trust, and showcase a portfolio of completed projects. Pages: Home: Hero block with unique selling proposition, brief about us, main directions, block with latest projects, testimonials, lead form. About the Company: History, mission, key performance indicators (numbers), team, licenses/certificates. Services: List of construction services with brief descriptions and icons. Portfolio / Projects: Catalog of objects with filtering options by type of work. Individual Project Page: Large photo gallery, task description, materials used, and implementation timelines. Contacts: Feedback form, integrated map, address, and details.