Strona portfolio dla twórcy treści Andrieja Burdy
Kompleksowe prace nad stroną internetową
Zadanie
Stworzenie wielostronicowej strony internetowej do prezentacji prac twórcy treści – zdjęć, filmów, treści do mediów społecznościowych i przypadków reklamowych. Jako platformy użyć CMS WordPress i premium motywu, zakupionego przez klienta – Aoki. Gotowa nazwa domeny i hosting również zostały wcześniej zakupione i są dostarczane przez klienta.
Strona ma być trójjęzyczna – w języku ukraińskim, angielskim i czeskim. Strony powinny być wypełnione treścią demonstracyjną. Strona musi spełniać wymagania dotyczące responsywności dla wszystkich urządzeń, przeglądarek i systemów operacyjnych, a także szybkiego ładowania. Wszystkie pliki wideo w portfolio powinny otwierać się za pomocą efektu lightbox. Na stronie powinny być przyciski z linkami do mediów społecznościowych właściciela oraz numer telefonu.
Projekt składa się z następujących stron i podstron:
- Strona główna
- O mnie
- Portfolio:
- Zdjęcia
- Filmy
- Media społecznościowe
- Reklama
- Kontakt
Klient dostarczył makietę projektu wszystkich stron strony internetowej z treścią demo, jak sobie to wyobraża, stworzoną w Claude.ai.
Dodatkowe zadania
Użycie markowego fontu dostarczonego przez klienta.
Po stworzeniu strony dostarczenie klientowi instrukcji dotyczącej wypełnienia portfolio treścią.
Narzędzia realizacji
Do realizacji projektu użyto następujących narzędzi:
- platforma – CMS WordPress;
- motyw – Aoki;
- konstruktor stron WPBakery (w ramach motywu);
- wtyczka Firelight Lightbox – efekt lightbox w wideo;
- wtyczka Polylang – wielojęzyczność;
- wtyczka Loco Translate – tłumaczenie elementów motywu z angielskiego na ukraiński i czeski.
Przebieg pracy i wynik
Praca rozpoczęła się od instalacji WordPress na domenie i hostingu klienta, a także instalacji i aktywacji premium motywu. Klient dostarczył klucze aktywacyjne i inne niezbędne dane.
Następnie stworzono ukraińską wersję strony głównej, analogiczną do dostarczonej makiety Claude.ai. Do realizacji użyto bloków WPBakery. Strona została zaprezentowana klientowi, po czym wprowadził on kilka poprawek, które zostały natychmiast zrealizowane. W tym niektóre poprawki wymagały wprowadzenia niestandardowych stylów CSS.
Następnie wykonano dalsze prace – zrealizowano wszystkie pozostałe strony oraz wielojęzyczność. Aby osiągnąć optymalną responsywność dla wersji mobilnej i desktopowej, stworzono oddzielne warianty niektórych bloków.
Za pomocą wtyczki Loco Translate niektóre elementy projektu motywu zostały przetłumaczone na wymagane języki – z angielskiego na ukraiński i czeski.
Klient dostarczył swoją firmową czcionkę, która została zainstalowana na stronie za pomocą narzędzi WordPress i podłączona za pomocą kodu CSS. Po tym czcionka została pomyślnie zastosowana na wszystkich stronach.
Szczególnej uwagi wymagała strona Wideo, na której miały być umieszczane filmy o proporcjach 9:16, otwierające się w lightboxie. Siatka została stworzona za pomocą bloków WPBakery, a lightbox – za pomocą wtyczki Firelight Lightbox i specjalnego kodu otwierającego. Filmy pobierane są z YouTube.
W rezultacie stworzono stronę burda.marketing, która po zaprezentowaniu klientowi otrzymała niewielkie poprawki, a projekt został oddany.
Stworzenie wielostronicowej strony internetowej do prezentacji prac twórcy treści – zdjęć, filmów, treści do mediów społecznościowych i przypadków reklamowych. Jako platformy użyć CMS WordPress i premium motywu, zakupionego przez klienta – Aoki. Gotowa nazwa domeny i hosting również zostały wcześniej zakupione i są dostarczane przez klienta.
Strona ma być trójjęzyczna – w języku ukraińskim, angielskim i czeskim. Strony powinny być wypełnione treścią demonstracyjną. Strona musi spełniać wymagania dotyczące responsywności dla wszystkich urządzeń, przeglądarek i systemów operacyjnych, a także szybkiego ładowania. Wszystkie pliki wideo w portfolio powinny otwierać się za pomocą efektu lightbox. Na stronie powinny być przyciski z linkami do mediów społecznościowych właściciela oraz numer telefonu.
Projekt składa się z następujących stron i podstron:
- Strona główna
- O mnie
- Portfolio:
- Zdjęcia
- Filmy
- Media społecznościowe
- Reklama
- Kontakt
Klient dostarczył makietę projektu wszystkich stron strony internetowej z treścią demo, jak sobie to wyobraża, stworzoną w Claude.ai.
Dodatkowe zadania
Użycie markowego fontu dostarczonego przez klienta.
Po stworzeniu strony dostarczenie klientowi instrukcji dotyczącej wypełnienia portfolio treścią.
Narzędzia realizacji
Do realizacji projektu użyto następujących narzędzi:
- platforma – CMS WordPress;
- motyw – Aoki;
- konstruktor stron WPBakery (w ramach motywu);
- wtyczka Firelight Lightbox – efekt lightbox w wideo;
- wtyczka Polylang – wielojęzyczność;
- wtyczka Loco Translate – tłumaczenie elementów motywu z angielskiego na ukraiński i czeski.
Przebieg pracy i wynik
Praca rozpoczęła się od instalacji WordPress na domenie i hostingu klienta, a także instalacji i aktywacji premium motywu. Klient dostarczył klucze aktywacyjne i inne niezbędne dane.
Następnie stworzono ukraińską wersję strony głównej, analogiczną do dostarczonej makiety Claude.ai. Do realizacji użyto bloków WPBakery. Strona została zaprezentowana klientowi, po czym wprowadził on kilka poprawek, które zostały natychmiast zrealizowane. W tym niektóre poprawki wymagały wprowadzenia niestandardowych stylów CSS.
Następnie wykonano dalsze prace – zrealizowano wszystkie pozostałe strony oraz wielojęzyczność. Aby osiągnąć optymalną responsywność dla wersji mobilnej i desktopowej, stworzono oddzielne warianty niektórych bloków.
Za pomocą wtyczki Loco Translate niektóre elementy projektu motywu zostały przetłumaczone na wymagane języki – z angielskiego na ukraiński i czeski.
Klient dostarczył swoją firmową czcionkę, która została zainstalowana na stronie za pomocą narzędzi WordPress i podłączona za pomocą kodu CSS. Po tym czcionka została pomyślnie zastosowana na wszystkich stronach.
Szczególnej uwagi wymagała strona Wideo, na której miały być umieszczane filmy o proporcjach 9:16, otwierające się w lightboxie. Siatka została stworzona za pomocą bloków WPBakery, a lightbox – za pomocą wtyczki Firelight Lightbox i specjalnego kodu otwierającego. Filmy pobierane są z YouTube.
W rezultacie stworzono stronę burda.marketing, która po zaprezentowaniu klientowi otrzymała niewielkie poprawki, a projekt został oddany.