Dostosowanie makiety Photoshopa na Weblium

---
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