Oleksii Smirnov
Zaproponuj Oleksii pracę nad swoim kolejnym zleceniem.
Prywatna wiadomość
Zaproponuj zlecenie
Żytomierz,
Ukraina
8 miesięcy 6 dni temu
gotowy do podjęcia pracy
w Serwisie 9 miesięcy 29 dni
Ranking
Zakończonych zleceń
Średnia ocena
Portfolio
-
411 PLN Dostosowanie makiety Photoshopa na Weblium
Programowanie stron internetowych
---
Nazwa projektu:
Adaptacja makiety Photoshop na Weblium z usunięciem krytycznych ograniczeń platformy
Opis:
… Zrealizowano pełny cykl tworzenia strony internetowej w środowisku Weblium na podstawie projektowej makiety z Adobe Photoshop. W trakcie realizacji ujawniono szereg problemów związanych z ukrywaniem części treści z powodu ograniczeń platformy.
Wyzwania:
- Niedostępność poszczególnych elementów DOM po publikacji
- Brak możliwości bezpośredniej edycji kodu CSS/JS w Weblium
- Ograniczenia overflow i wysokości bloków, które ukrywały treść
Rozwiązania:
- Przeprowadzono pełną inspekcję DOM i stylów
- Napisano skrypt JavaScript, który:
– Dynamicznie aktualizuje wysokość bloków
– Umożliwia widoczność ukrytych elementów
– Działa autonomicznie poprzez funkcjonalny blok Weblium
Format:
Strona stworzona z naciskiem na urządzenia mobilne jako kluczową platformę interakcji użytkowników.
Adaptacja dla urządzeń stacjonarnych możliwa przy rozszerzeniu projektu.
Potencjalne rozszerzenie — timer odliczający:
Zakładano wdrożenie dynamicznego timera odliczającego, który działa bez odświeżania strony i aktualizuje DOM w czasie rzeczywistym.
Obecnie integracja wstrzymana na życzenie klienta, jednak rozwiązanie techniczne jest w pełni przygotowane do uruchomienia.
Funkcje timera obejmują:
– Odliczanie do wydarzenia lub daty
– Responsywne aktualizacje DOM
– Stylizację zgodnie z projektem
– Optymalizację pod urządzenia mobilne
Rezultat:
- Stabilne działanie strony na wszystkich urządzeniach mobilnych
- Pełne odwzorowanie wizualnego makiety
- Wszystkie elementy dostępne, treść nie ukrywa się
Moja rola:
Analiza, programowanie, testowanie, integracja — pełny cykl realizacji
-
411 PLN EcoGlow — adaptacyjny szablon HTML/CSS, zoptymalizowany pod WordPress
Projektowanie stron internetowych
Nazwa przypadku:
EcoGlow — responsywny szablon HTML/CSS, zoptymalizowany pod WordPress/ACF**
…
---
Kontekst
Klient zwrócił się z prośbą o stworzenie responsywnego szablonu bloku na przyszłą stronę na WordPress. Ważne było zapewnienie pełnej kompatybilności ze strukturą ACF, czystego kodu oraz łatwej adaptacji do dalszej integracji.
---
Rozwiązanie techniczne
- Opracowano szablon HTML/CSS ze strukturą odpowiadającą typowym polom ACF (tekst, opis, elementy powtarzalne, przycisk)
- Zwięzłe style bez zewnętrznych bibliotek, z uwzględnieniem dostępności i responsywności
- README.md — z szczegółową instrukcją integracji z motywem WordPress
- Struktura pól ACF w formacie JSON — gotowa do importu
---
Stos technologii
| Język/Narzędzie | Zastosowanie |
|------------------|----------------------------------|
| HTML5 | Struktura bloku |
| CSS3 | Style responsywne i efekty |
| JSON (ACF) | Struktura pól dla WordPress |
| Markdown | Dokumentacja, case README |
---
Demonstracja wizualna
EcoGlow — blok z ekologiczną stylistyką
Przycisk CTA z efektem hover
Struktura z nagłówkiem, opisem, funkcjami i działaniem
Adaptacja dla urządzeń mobilnych
_Screeny dołączone poniżej lub dostępne w repozytorium GitHub._
---
Wynik
- W pełni responsywny blok, gotowy do integracji
- Może służyć jako szablon lub demo w zgłoszeniach
- Podkreśla zdolność tworzenia uporządkowanych rozwiązań pod CMS bez nadmiernej zależności od środowiska
---
Linki
---
Uwagi
Ten case pokazuje nie tylko umiejętność pracy z kodowaniem, ale także głębokie zrozumienie wymagań środowiska CMS i integracji pod zapytania klienta. Nawet bez użycia WordPressa pokazujesz, że potrafisz _przygotować rozwiązania dla niego_ — i to jest warte uwagi.