uk en pl

Wood Gallery

Przejdź do strony

Producent stołów z żywicy epoksydowej

  • Typ witryny: landing-page
  • Warunki: 12 dni
  • Status: Zakończony
  • Zrobiony: Ui/Ux, Web dev
Obraz strony Wood-gallery Obraz strony Wood-gallery

01 Klient

Wood Gallery to producent specjalizujący się w wytwarzaniu designerskich stołów z żywicy epoksydowej, które stanowią ozdobę i zapewniają komfort w domach.

02 Cele i zadania

Stwórz stronę docelową, aby przetestować wejście na nowy rynek sprzedaży produktu, a następnie zajmij się marketingiem internetowym w Holandii.
  1. Praca nad pozycjonowaniem firmy
  2. Przygotowanie treści tekstowych na stronę i rekomendacje dotyczące treści medialnych
  3. Stworzenie atrakcyjnego, nowoczesnego designu strony
  4. Przyszła strona powinna działać w dwóch językach: niderlandzkim i angielskim
  5. Dbanie o poprawność wyświetlania na różnych urządzeniach
  6. Stworzenie osobistego panelu administracyjnego dla strony
  7. Dokonanie wszystkich ustawień technicznych przed wdrożeniem działań marketingowych

03 Decyzja

Przed rozpoczęciem pracy nasi specjaliści ds. marketingu przeanalizowali rynek i konkurencję. Na tej podstawie napisali teksty marketingowe dla strony i stworzyli strategię pozycjonowania firmy pod kątem wejścia na nowy rynek. Następnie, w oparciu o ich analizę i treści informacyjne, stworzyliśmy optymalną strukturę strony i przekazaliśmy wszystkie materiały projektantom, programistom i tłumaczom do pracy.

Projektowanie stron internetowych

Strona docelowa witryny okazała się bardzo pouczająca. Specjaliści ds. marketingu zalecili, aby na stronie znajdowało się jak najmniej informacji tekstowych, więc posłuchałem ich. Klient nie posiadał identyfikacji wizualnej, więc zespół projektantów i ja zadbaliśmy o kolorystykę, czcionki i ikony witryny. Moim zdaniem strona okazała się maksymalnie informacyjna, z wygodną strukturą i zwięzłym designem.

Zabarwienie

Zabarwienie

Czcionki

Manrope Semi Bold
Manrope Medium
Manrope Regular
Montserrat Semi Bold
Montserrat Medium
Montserrat Regular

Ikony

Ikona naturalnego drewna
Ręcznie robiona ikona
Ikona ekskluzywnego designu
Ikona sterowania krokami
Ikona zapewnienia jakości
Ikona dostawy międzynarodowej
Ikona instalacji
Ikona jest zrobiona z duszą
Zdjęcia niektórych sekcji
Zdjęcie strony Wood-gallery - 1
Zdjęcie strony Wood-gallery - 2
Zdjęcie strony Wood-gallery - 3
Zdjęcie strony Wood-gallery - 4
Kilka szczegółów na temat witryny

Najwięcej uwagi poświęciliśmy ekranowi głównemu witryny, sekcji „Jak wyglądałby Twój idealny stół” oraz sekcji recenzji. Przygotowaliśmy wiele opcji dla tych sekcji, zarówno pod względem struktury, jak i designu. Następnie przeprowadziliśmy burzę mózgów z zespołem i wybraliśmy opcję idealną z naszego punktu widzenia. Na poniższych zdjęciach można zobaczyć, jak wygląda finalna wersja.

Zdjęcie strony Wood-gallery - 1
Zdjęcie strony Wood-gallery - 2
Zdjęcie strony Wood-gallery - 3
Masonry Grin: recenzje

Do telefonów

Nasz zespół zadbał również o wygląd i użyteczność strony na urządzeniach mobilnych. Efekt końcowy projektu strony dla telefonów można zobaczyć poniżej.

Zdjęcie wersji mobilnej Wood-gallery 1
Zdjęcie wersji mobilnej Wood-gallery 1
Zdjęcie wersji mobilnej Wood-gallery 2
Zdjęcie wersji mobilnej Wood-gallery 2
Zdjęcie wersji mobilnej Wood-gallery 3
Zdjęcie wersji mobilnej Wood-gallery 3
Zdjęcie wersji mobilnej Wood-gallery 4
Zdjęcie wersji mobilnej Wood-gallery 4
Zdjęcie wersji mobilnej Wood-gallery 5
Zdjęcie wersji mobilnej Wood-gallery 5

Tworzenie stron internetowych

Głównym elementem tego projektu była animacja strony. Dodatkowo musieliśmy zadbać o szybkość ładowania strony, ponieważ landing page zawierał wiele treści multimedialnych. Dlatego oprócz samego rozwoju strony, nasz zespół zoptymalizował również wszystkie treści multimedialne i stworzył preloader, który informuje o załadowaniu tych treści na stronie.

Roman Melnychuk

Animacja witryny

Do animacji strony wykorzystano narzędzie GSAP. Dzięki niemu udało się uzyskać płynność i poprawną sekwencję animacji podczas przewijania strony, otwierania menu, animowania elementów SVG itp.

Back-end

Ze względu na dużą liczbę bloków na tej stronie docelowej, zdecydowano się na wprowadzenie podziału według bloków w panelu administracyjnym, co znacznie ułatwiło nawigację dla menedżerów treści.
Dmytro Kosyk

Bloki z galerią, korzyściami i innymi

Do implementacji zaplecza dla tych bloków wykorzystano dodatek MIGx. Oprócz dodawania i edycji informacji, dodatek ten umożliwia sortowanie wszystkich danych za pomocą technologii „przeciągnij i upuść”.
Zdjęcie Wood-gallery 1

Edycja informacji w systemie sterowania

Zdjęcie Wood-gallery 1

Wygląd na stronie internetowej

Materiały stołowe

Dodatkowo umożliwiono edycję i dodawanie zakładek z materiałami do tabeli.
Zdjęcie Wood-gallery 1

Edycja w obszarze administracyjnym

Zdjęcie Wood-gallery 1

Wygląd na stronie internetowej

Integracja z API Telegramu

Wszystkie dane z formularzy są przesyłane za pomocą bota do grupy Telegram, co znacznie skraca czas reakcji managerów na nowe wnioski.
Zdjęcie Wood-gallery 1

04 Technologie i narzędzia

jQuery
Modx Revolution
Gulp
Figma
MySQL
PHP
LESS
Telegram API

05 Wynik

W rezultacie otrzymaliśmy szybko działający landing page, wdrożony zgodnie z oczekiwaniami klienta. Strona posiada możliwość zmiany języka, stworzono wygodny panel administracyjny, połączono i skonfigurowano wszystkie narzędzia marketingowe. Dla klienta stworzono instrukcję wideo dotyczącą korzystania z panelu administracyjnego (umożliwiającą edycję wszystkich treści), a także przeniesiono wszystkie uprawnienia do projektu (do domeny i hostingu, a także uprawnienia superużytkownika do panelu administracyjnego). Nasi marketerzy otrzymali dostęp do panelu administracyjnego z ograniczonymi uprawnieniami i zostali poinformowani o możliwościach korzystania z niego.

Roman Melnychuk

06 Słowa klienta o projekcie

Dzień dobry, mam na imię Iryna. Mój mąż i ja jesteśmy prywatnymi przedsiębiorcami, produkujemy stoły z żywicy epoksydowej i drewna. Skontaktowaliśmy się z agencją Ye Klient w celu stworzenia strony internetowej i jej dalszej promocji w Google. Wybrałam tę agencję ze względu na bardzo dużą liczbę pozytywnych opinii i bardzo wysoką jakość gotowych stron. Jestem niezwykle zadowolona ze współpracy, wszystkie moje życzenia zostały uwzględnione. Specjaliści wykazali się dużą kreatywnością i odpowiedzialnością w przetwarzaniu przesłanych informacji. Jestem bardzo wdzięczna agencji Ye Klient za świetną stronę internetową i za najskuteczniejszą reklamę. Zdecydowanie polecam ją każdemu.

Autor recenzji: Iryna Pasławska
Iryna Pasławska

Współzałożyciel Wood Gallery

07 Zespół projektowy

Zarządzanie projektem

Roman Melnychuk

Marketing

Projekt

Rozwój

Treść

Czy ten projekt zrobił na Tobie wrażenie?
Oceń go

Inne projekty

Czy chcesz stworzyć landing page z podejściem marketingowym?

Przy zamówieniu dwóch lub więcej usług obowiązuje system rabatowy