Перенесення сайту з Figma у Webflow

Потрібно створити сучасний сайт для будівельної компанії в Польщі. Головна мета – отримувати заявки від клієнтів через Google. Сайт має бути швидким, адаптованим під мобільні пристрої, з сучасним дизайном та виконаним з урахуванням SEO. Потрібно налаштувати Google Analytics, Google Search Console, Google Tag Manager, SSL, форму заявки, допомогти з доменом і хостингом. Бажано WordPress, щоб у майбутньому можна було самостійно редагувати сайт. Будь ласка, надішліть приклади схожих робіт, вартість, термін виконання та що входить у ціну. Розглядаємо довгострокову співпрацю з фахівцем.

Technical Assignment1. General Task A new corporate website needs to be created on WordPress for the domain sovbau.com and hosted on a new hosting instead of the current custom-built site. Domain: sovbau.com Current Site: custom-built site hosted on VPS/virtual server New Platform: WordPress New Hosting: regular hosting Main Language of the Site: German Additional Language: English Type of Site: corporate website of an electrical installation company, not an online store The site is currently hosted on a VPS/virtual server. A new site needs to be created on WordPress on new hosting, and after the development is completed, the domain sovbau.com should be switched from the current VPS to the new hosting. The old custom code does not need to be transferred. The current site should be used as: — a visual reference; — a source of important photos and materials; — a source of general information about the company. After the work is completed, the site owner should be able to independently edit texts, photos, services, projects, contact details, pages, gallery, and main blocks of the site through the WordPress admin panel.2. Corporate Email and DNS The corporate email will be hosted on a separate email hosting. There is no need to set up email on the site hosting. When connecting the new hosting, only DNS records related to the site can be changed, for example: — A record; — CNAME. It is not allowed to change or disrupt the operation of email DNS records: — MX; — SPF; — DKIM; — DMARC. Switching the site to new hosting should not disrupt the operation of corporate email.3. Main Scope of Work It is necessary to: Install and configure WordPress on the new hosting. Create a new corporate website on WordPress for the domain sovbau.com. During the development, host the new site at a technical address, subdomain, or temporary environment so that the current site continues to operate until the project is completed. After completion and verification of the new site, switch the domain sovbau.com from the current VPS/virtual server to the new hosting. Preserve and transfer important photos and materials from the old site. Organize the transferred photos and materials into a separate gallery. Make the German version of the site the main one. Create an additional English version of the site. Set up convenient switching between the German and English versions. Update contact details: use corporate addresses on the domain sovbau.com instead of Gmail. Create a modern corporate design for the electrical installation company. Ensure responsive display of the site on computers, tablets, and phones. Set up a contact form on the "Contact" page. Set up a separate request submission form via the button Anfrage senden. Configure the sending of messages and requests to the specified corporate email. Set up an SSL certificate so that the site opens correctly via HTTPS. Set up basic SEO based on the provided texts: — correct structure of H1 and H2 headings; — title and meta description for main pages; — human-readable URLs; — sitemap.xml; — robots.txt; — correct alt texts for images. Optimize the loading speed of the site. Set up protection for forms against spam. Set up the ability for independent editing through WordPress: — texts; — photos; — services; — projects and references; — contact details; — pages; — gallery; — blocks on the main page; — information on the "For Partners" page; — information on the "Career" page. After the work is completed, transfer all access and briefly explain how to independently edit the site.4. Design Requirements The new site should visually resemble the current site sovbau.com in overall style: — modern corporate appearance; — technical style; — dark or contrasting technical accents; — large informational blocks; — strict and clear structure; — professional presentation of services and completed projects. The old site does not need to be copied one-to-one. The design and structure of the current site can be reworked and improved. The new site should be similar in overall visual direction but look more modern, neat, and user-friendly. The freelancer can suggest improvements: — page structures; — block placements; — main menu; — mobile version; — gallery; — contact form; — request form; — visual presentation of services; — buttons and calls to action. Significant changes to the structure and design must be agreed upon in advance.5. Site Structure The main menu should include the following sections: Home About the Company Services Projects / References Gallery For Partners Career Contact There should also be a separate noticeable button in the top menu: Anfrage senden6. Dropdown Menu "Services" The "Services" item should have a dropdown menu. When hovering over or clicking on the "Services" item, seven main directions should open: — General electrical installation and equipment connection; — Power and low-voltage systems; — Fire systems / BMA, SAA, ELA, E30/E90; — Network and IT cabling systems / Cat.7; — MSR / Building automation / KNX; — Security and communication systems; — Electrical connection of technical equipment. On the "Services" page, separate blocks or cards should be created for these same seven directions. The cards should contain: — service name; — description; — image. Buttons or links to separate pages for each service are not needed. All cards, images, and texts should be editable through WordPress. Texts for the site will be provided separately.7. Content of the "Services" Page1. General Electrical Installation and Equipment Connection General electrical installation work at sites, installation and connection of fixtures, LED systems, motion sensors, lighting control systems, sockets, cabinets, devices, and technical equipment.2. Power and Low-Voltage Systems Installation and connection of power cables, distribution lines, as well as cables for communication, alarm, control, and data transmission systems.3. Fire Systems / BMA, SAA, ELA, E30/E90 Installation of cables, assembly and connection of fire alarm components, electrical components of sprinkler systems, voice alarm and evacuation systems, emergency and evacuation lighting systems, as well as fire-resistant cable lines E30/E90.4. Network and IT Cabling Systems / Cat.7 Installation and connection of network cables, installation of patch panels, network sockets, servers, and IT infrastructure equipment.5. MSR / Building Automation / KNX Installation of cables, assembly and connection of measurement, control, and regulation systems, KNX/Smart Building, automation, ventilation, air conditioning, valves, sensors, and actuators.6. Security and Communication Systems Installation of cables, assembly and connection of video surveillance systems, access control, security alarms, intercom, communication, and negotiation systems.7. Electrical Connection of Technical Equipment Connection of pumps, drives, sensors, control cabinets, and other technical equipment.8. Main Page The main page should include the following blocks: First screen with the main heading, company description, and button Anfrage senden. Brief block "About the Company". Block with main services. Block "Company Advantages". Block with types of objects the company works on. Map of the company's operational regions. Block "Projects / References". Block with photos of completed works. Block "Formats of Cooperation". Block "Career". Contact block. Additional call to submit an application. All main blocks of the main page should be editable through WordPress.9. Transitions from Main Page Blocks9.1. Block "About the Company" The block should contain brief information about the company. When clicking the button Mehr über uns, "More details" or a similar button, the user should be directed to the "About the Company" page.9.2. Block with Main Services The main page should briefly showcase the main areas of the company's activities. The block should contain a button to transition to the general "Services" page. Separate pages for each service are not required.9.3. Block "Company Advantages" The block should show the main advantages of the company, for example: — qualified electrical installation teams; — experience working on large projects; — own transport and tools; — German or English-speaking responsible employee in the team; — work according to project documentation and LV; — adherence to deadlines; — ability to increase the number of workers depending on the project volume. At the bottom of the block, a button Mehr über uns or "More about the company" should be placed. When clicked, the user should be directed to the "About the Company" page. The block does not necessarily need to be fully clickable.9.4. Block with Types of Objects The main page should show the main types of objects the company works on, for example: — industrial facilities; — hospitals and medical institutions; — office and administrative buildings; — residential complexes; — commercial properties; — technical and server rooms; — new buildings; — reconstructed objects. A separate page for this block is not required.9.5. Map of Operational Regions The main page should include a map of the company's operational regions. It is preferable to use a map of Germany and Europe with visual highlighting of the countries or regions where the company performs or is ready to perform projects. Next to the map, a brief text about the geography of the company's work should be provided. The map should: — match the overall style of the site; — display correctly on computers, tablets, and phones; — not significantly slow down the site's loading; — be editable or replaceable through WordPress. Below the map, a button Projekt anfragen or Anfrage senden leading to the application page can be placed. A separate interactive map with the office address can be placed on the "Contact" page if necessary.9.6. Block "Projects / References" The main page should showcase several projects or references. The block may contain: — photos; — project name; — location; — brief indication of completed works. When clicking on a project, image, or button Alle Projekte ansehen, the user should be directed to the "Projects / References" page.

Шукаю досвідченого вебдизайнера/розробника для створення персонального сайту-портфоліо бренду Marta Tsymbala | Notion & Coda Systems. Я створюю бізнес-системи в Notion і Coda: CRM, командні простори, бази знань, системи управління проєктами, клієнтські портали та автоматизації.Що потрібно зробити Дизайн сайту ще не готовий. Є референси та попереднє бачення, створене разом із ChatGPT. Потрібно: продумати структуру та логіку сайту; створити сучасний мінімалістичний дизайн на основі референсів; реалізувати сайт із коректною адаптацією під комп’ютер, планшет і телефон; створити українську та англійську версії; налаштувати зручне самостійне редагування контенту; підключити форму заявки, домен і базове SEO; опублікувати готовий сайт. Орієнтовні розділи: Головна, Про мене, Послуги, Кейси, Шаблони, Відгуки, Блог, Контакти. Стиль — сучасний, професійний, мінімалістичний, у форматі SaaS/portfolio. Фото, тексти, кейси та інші матеріали надам у процесі роботи. Технологію не нав’язую: можна запропонувати WordPress, Framer, Webflow або інше рішення. Важливо, щоб сайт був швидким, надійним і без необґрунтовано високих витрат після запуску.У пропозиції вкажіть вартість і термін реалізації; запропоновану платформу; витрати після запуску; кількість раундів правок; чи входить підключення домену та запуск; можливість самостійно редагувати контент; 2–3 релевантні приклади ваших робіт. Бюджет — за домовленістю. Розгляну різні пропозиції залежно від досвіду, технології та підходу. Щоб підтвердити, що ви прочитали опис, почніть пропозицію зі слова NOTION.

Потрібно створити інтернет-магазин на Wix, підключити мультимову та мультивалютність, прийом платежів і доставку по ЄС.

Основна задача сайту — щоб клієнт міг зайти, обрати товар, вибрати розмір, додати товар у кошик, оформити замовлення та одразу оплатити його онлайн. Структура сайту: 1. Головна сторінка На головній сторінці має бути: — коротка інформація про магазин; — стильний банер або обкладинка; — кнопки/переходи до категорій: • Жіноче взуття; • Чоловіче взуття; — блок з перевагами магазину; — блок “Доставка та оплата”; — блок “Обмін та повернення”; — контакти: Instagram, телефон, Viber/Telegram. Можливість на майбутнє додати ще категорії 2. Категорії товарів На сайті обов’язково мають бути дві основні категорії: — Жіноче взуття; — Чоловіче взуття. Кожна категорія має відкриватися окремо, щоб клієнт міг переглядати товари тільки з потрібного розділу. 3. Картка товару У кожного товару має бути окрема картка або зручний блок товару. У картці товару потрібно вказати: — фото товару; — назву або номер моделі; — ціну; — доступні розміри; - розмірна сітка — короткий опис товару; — кнопку “Купити”; — можливість вибрати потрібний розмір перед додаванням у кошик. Приклад інформації в картці: Назва: Жіночі кросівки Ціна: 1499 грн Доступні розміри: 36, 37, 38, 39, 40, 41 Опис: стильні жіночі кросівки, зручна посадка, легка підошва. Кнопка: Купити 4. Розмірна сітка Її можна розмістити — окремим блоком на сторінці товару; — або як спливаюче вікно біля вибору розміру. У розмірній сітці потрібно передбачити таблицю: Розмір / Довжина устілки, см Наприклад: 36 — 23 см 37 — 23,5 см 38 — 24 см 39 — 24,5 см 40 — 25 см 41 — 25,5 см Точні значення я зможу надати окремо. 5. Кошик На сайті обов’язково має бути кошик. Клієнт має мати можливість: — додати товар у кошик; — вибрати розмір; — побачити ціну товару; — змінити кількість товару; — видалити товар із кошика; — перейти до оформлення замовлення. 6. Оформлення замовлення При оформленні замовлення клієнт має заповнити такі поля: — ім’я та прізвище; — номер телефону; — місто; — відділення Нової пошти або адресу доставки; — коментар до замовлення, за потреби; — спосіб оплати. 7. Онлайн-оплата Потрібно налаштувати онлайн-оплату, щоб клієнт міг одразу оплатити замовлення на сайті. Бажано підключити один із варіантів для України: — Monopay; Після оформлення замовлення клієнт має перейти до оплати та успішно оплатити замовлення онлайн. 8. Повідомлення про замовлення Потрібно налаштувати, щоб після оформлення замовлення мені приходило повідомлення про нове замовлення. Бажано: — на email; — або в Telegram; — або іншим зручним способом, який можливо налаштувати на wix У повідомленні мають бути дані: — який товар замовили; — розмір; — ціна; — ім’я клієнта; — телефон; — адреса доставки; — статус оплати. 9. Доставка та оплата Потрібно створити окремий блок або сторінку “Доставка та оплата”. Там має бути інформація: — доставка Новою поштою; — відправка після оплати; — терміни відправки; — онлайн-оплата на сайті; — можливість додати інші умови оплати, якщо потрібно. 10. Обмін та повернення Потрібно створити окремий блок або сторінку “Обмін та повернення”. Текст я зможу надати окремо, але сторінка має бути передбачена в структурі сайту. 11. Мобільна версія Сайт обов’язково має бути адаптований під телефон. Важливо, щоб з телефону було зручно: — дивитися товари; — вибирати розмір; — додавати товар у кошик; — оформляти замовлення; — оплачувати замовлення. 12. Дизайн Дизайн потрібен простий, стильний, сучасний, без зайвих складних елементів. Бажаний стиль: — мінімалістичний; — зрозумілий; — світлий; — акцент на фото товару; — зручна навігація. Сайт має виглядати акуратно та професійно, але без складного дорогого дизайну. 13. Адміністрування сайту Важливо, щоб після завершення роботи я могла самостійно: — додавати нові товари; — змінювати фото; — змінювати ціни; — змінювати розміри; — редагувати опис товару; — приховувати або видаляти товари; — додавати нові категорії в майбутньому.