GreatLabCo.com — strona korporacyjna na WordPress według makiety

Link: https://greatlabco.com
Rodzaj pracy: rozwój strony od podstaw + kodowanie według Figma + responsywność + wielojęzyczność + konfiguracja struktury stron
Technologie: WordPress, HTML/CSS, JavaScript, PHP, Figma, Polylang, responsywne układy

Opracowałem stronę od podstaw na WordPress dla firmy Great Lab Co, która działa w branży produkcji nutraceutyków, kapsuł, tabletek i suplementów diety.

Strona jest skierowana na rynek meksykański, dlatego ważne było przygotowanie zrozumiałej struktury, wielojęzyczności, nowoczesnego stylu wizualnego oraz wygodnej nawigacji dla anglojęzycznej i hiszpańskojęzycznej publiczności.

Zadanie polegało na przeniesieniu projektu z Figma na działającą stronę na WordPress, zbudowaniu głównych stron, dostosowaniu ich do różnych urządzeń oraz przygotowaniu strony do dalszej edycji przez panel administracyjny.

Co zostało zrobione

Rozwój i kodowanie

- stworzyłem stronę na WordPress od podstaw;
- przeniosłem projekt z Figma na w pełni działającą stronę;
- zakodowałem około 8 głównych stron;
- skonfigurowałem wersję responsywną dla desktopów, tabletów i urządzeń mobilnych;
- dopracowałem siatki, marginesy, karty, przyciski, bloki i elementy wizualne zgodnie z ogólnym stylem marki;
- zaprojektowałem stronę główną z dużym blokiem hero, sekcjami produktów, FAQ, blokiem wiadomości oraz wezwaniem do zapytania o ofertę.

Funkcjonalność strony

- skonfigurowałem strukturę stron i menu;
- zrealizowałem wielojęzyczność dla wersji angielskiej i hiszpańskiej;
- dodałem strony produktów: Kapsuły, Tabletki, Proszki, Przegląd, Certyfikaty;
- skonfigurowałem oddzielne sekcje dla usług, wiadomości, branż i informacji kontaktowych;
- dodałem suwaki, akordeon FAQ, bloki z certyfikatami oraz interaktywne elementy;
- skonfigurowałem przyciski przejścia do Zapytania o ofertę / Solicitar Cotización;
- przygotowałem stronę do dalszego uzupełniania treścią przez WordPress.

Dodatkowe poprawki

- dostosowałem nagłówek i stopkę do dwóch wersji językowych;
- skonfigurowałem przełącznik języków;
- dopracowałem mobilne menu;
- zaprojektowałem karty produktów i sekcje z zaletami firmy;
- dodałem elementy wizualne związane z tematyką produkcji laboratoryjnej, suplementów, certyfikacji i międzynarodowej dystrybucji;
- poprawiłem wygląd bloków na różnych rozdzielczościach ekranu.

Wynik

W rezultacie powstała gotowa strona korporacyjna na WordPress z nowoczesnym responsywnym interfejsem, wielojęzyczną strukturą, oddzielnymi stronami produktów i usług, blokiem wiadomości, FAQ, certyfikatami oraz wygodnymi przyciskami do zapytania o ofertę.

Projekt został zrealizowany jako w pełni funkcjonalna strona pod klucz z możliwością dalszej edycji i rozwoju przez panel administracyjny WordPress.