Przeniesienie strony z Figma do Webflow

Potrzebne jest stworzenie nowoczesnej strony internetowej dla firmy budowlanej w Polsce. Głównym celem jest pozyskiwanie zgłoszeń od klientów przez Google. Strona ma być szybka, dostosowana do urządzeń mobilnych, z nowoczesnym designem i wykonana z uwzględnieniem SEO. Należy skonfigurować Google Analytics, Google Search Console, Google Tag Manager, SSL, formularz zgłoszeniowy, pomóc w wyborze domeny i hostingu. Preferowany WordPress, aby w przyszłości można było samodzielnie edytować stronę. Proszę o przesłanie przykładów podobnych prac, kosztów, terminu realizacji oraz co wchodzi w cenę. Rozważamy długoterminową współpracę ze specjalistą.

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.

Szukam doświadczonego webdesignera/dewelopera do stworzenia osobistej strony portfolio marki Marta Tsymbala | Notion & Coda Systems. Tworzę systemy biznesowe w Notion i Coda: CRM, przestrzenie zespołowe, bazy wiedzy, systemy zarządzania projektami, portale dla klientów oraz automatyzacje.Co należy zrobić Projekt strony nie jest jeszcze gotowy. Są referencje i wstępna wizja stworzona razem z ChatGPT. Należy: przemyśleć strukturę i logikę strony; stworzyć nowoczesny minimalistyczny design na podstawie referencji; zrealizować stronę z poprawną adaptacją pod komputer, tablet i telefon; stworzyć wersje ukraińską i angielską; ustawić wygodne samodzielne edytowanie treści; podłączyć formularz zgłoszeniowy, domenę i podstawowe SEO; opublikować gotową stronę. Orientacyjne sekcje: Strona główna, O mnie, Usługi, Przykłady, Szablony, Opinie, Blog, Kontakty. Styl — nowoczesny, profesjonalny, minimalistyczny, w formacie SaaS/portfolio. Zdjęcia, teksty, przykłady i inne materiały dostarczę w trakcie pracy. Technologii nie narzucam: można zaproponować WordPress, Framer, Webflow lub inne rozwiązanie. Ważne, aby strona była szybka, niezawodna i bez nieuzasadnionych wysokich kosztów po uruchomieniu.W ofercie proszę podać koszt i czas realizacji; proponowaną platformę; koszty po uruchomieniu; liczbę rund poprawek; czy wchodzi w to podłączenie domeny i uruchomienie; możliwość samodzielnego edytowania treści; 2–3 odpowiednie przykłady waszych prac. Budżet — do uzgodnienia. Rozważę różne oferty w zależności od doświadczenia, technologii i podejścia. Aby potwierdzić, że przeczytałeś opis, rozpocznij ofertę od słowa NOTION.

Trzeba stworzyć sklep internetowy na Wix, podłączyć wielojęzyczność i wielowalutowość, akceptację płatności oraz dostawę w UE.

Głównym zadaniem strony jest umożliwienie klientowi wejścia, wyboru towaru, wyboru rozmiaru, dodania towaru do koszyka, złożenia zamówienia i natychmiastowej płatności online. Struktura strony: 1. Strona główna Na stronie głównej powinno być: — krótka informacja o sklepie; — stylowy baner lub okładka; — przyciski/przejścia do kategorii: • Obuwie damskie; • Obuwie męskie; — blok z zaletami sklepu; — blok “Dostawa i płatność”; — blok “Wymiana i zwrot”; — kontakty: Instagram, telefon, Viber/Telegram. Możliwość w przyszłości dodania kolejnych kategorii 2. Kategorie towarów Na stronie muszą być dwie główne kategorie: — Obuwie damskie; — Obuwie męskie. Każda kategoria powinna otwierać się osobno, aby klient mógł przeglądać towary tylko z wybranego działu. 3. Karta towaru Każdy towar powinien mieć osobną kartę lub wygodny blok towaru. Na karcie towaru należy podać: — zdjęcie towaru; — nazwę lub numer modelu; — cenę; — dostępne rozmiary; - tabelę rozmiarów; — krótki opis towaru; — przycisk “Kup teraz”; — możliwość wyboru odpowiedniego rozmiaru przed dodaniem do koszyka. Przykład informacji na karcie: Nazwa: Damskie sneakersy Cena: 1499 zł Dostępne rozmiary: 36, 37, 38, 39, 40, 41 Opis: stylowe damskie sneakersy, wygodne dopasowanie, lekka podeszwa. Przycisk: Kup teraz 4. Tabela rozmiarów Można ją umieścić — jako osobny blok na stronie towaru; — lub jako okno popup obok wyboru rozmiaru. W tabeli rozmiarów należy przewidzieć tabelę: Rozmiar / Długość wkładki, cm Na przykład: 36 — 23 cm 37 — 23,5 cm 38 — 24 cm 39 — 24,5 cm 40 — 25 cm 41 — 25,5 cm Dokładne wartości mogę podać osobno. 5. Koszyk Na stronie musi być koszyk. Klient powinien mieć możliwość: — dodania towaru do koszyka; — wyboru rozmiaru; — zobaczenia ceny towaru; — zmiany ilości towaru; — usunięcia towaru z koszyka; — przejścia do składania zamówienia. 6. Składanie zamówienia Podczas składania zamówienia klient musi wypełnić następujące pola: — imię i nazwisko; — numer telefonu; — miasto; — oddział Poczty Polskiej lub adres dostawy; — komentarz do zamówienia, jeśli to konieczne; — sposób płatności. 7. Płatność online Trzeba skonfigurować płatność online, aby klient mógł natychmiast zapłacić za zamówienie na stronie. Warto podłączyć jedną z opcji dla Polski: — Monopay; Po złożeniu zamówienia klient powinien przejść do płatności i pomyślnie zapłacić za zamówienie online. 8. Powiadomienie o zamówieniu Trzeba skonfigurować, aby po złożeniu zamówienia przychodziło mi powiadomienie o nowym zamówieniu. Preferowane: — na email; — lub w Telegramie; — lub innym wygodnym sposobem, który można skonfigurować na Wix. W powiadomieniu powinny być dane: — jaki towar zamówiono; — rozmiar; — cena; — imię klienta; — telefon; — adres dostawy; — status płatności. 9. Dostawa i płatność Trzeba stworzyć osobny blok lub stronę “Dostawa i płatność”. Powinny być tam informacje: — dostawa Pocztą Polską; — wysyłka po płatności; — terminy wysyłki; — płatność online na stronie; — możliwość dodania innych warunków płatności, jeśli to konieczne. 10. Wymiana i zwrot Trzeba stworzyć osobny blok lub stronę “Wymiana i zwrot”. Tekst mogę podać osobno, ale strona musi być przewidziana w strukturze strony. 11. Wersja mobilna Strona musi być dostosowana do telefonów. Ważne, aby z telefonu było wygodnie: — przeglądać towary; — wybierać rozmiar; — dodawać towar do koszyka; — składać zamówienie; — płacić za zamówienie. 12. Design Design powinien być prosty, stylowy, nowoczesny, bez zbędnych skomplikowanych elementów. Preferowany styl: — minimalistyczny; — zrozumiały; — jasny; — akcent na zdjęcia towarów; — wygodna nawigacja. Strona powinna wyglądać schludnie i profesjonalnie, ale bez skomplikowanego drogiego designu. 13. Administracja strony Ważne, aby po zakończeniu pracy mogła samodzielnie: — dodawać nowe towary; — zmieniać zdjęcia; — zmieniać ceny; — zmieniać rozmiary; — edytować opisy towarów; — ukrywać lub usuwać towary; — dodawać nowe kategorie w przyszłości.