Strona oparta na Umbraco dla amerykańskiego programu nagród eko

Klient planował start programu nagród ekologicznych w USA. Inicjatywa miała promować dbanie o środowisko i wyróżniać lokalnych „Bohaterów”, którzy angażują się w odnowę i tworzenie ogólnodostępnych terenów zielonych.

Strona wymagała dynamicznej struktury, aby obsłużyć dwa kluczowe etapy: nominacje oraz głosowanie. Każda z faz miała własną logikę działania i dedykowane treści.

Największym wyzwaniem było połącznie tych mechanizmów w jednym systemie Umbraco CMS. Zależało nam na płynnym przełączaniu między trybami kampanii – tak, by użytkownik widział tylko to, co dotyczy danego etapu, a administrator mógł łatwo zarządzać całością.

Zespół SaM Solutions wdrożył i rozbudował system Umbraco CMS tak, aby idealnie odpowiadał na specyficzne potrzeby konkursu ekologicznego. Przebudowaliśmy strukturę strony, dostosowaliśmy działanie front-endu i stworzyliśmy dedykowane moduły w .NET oraz XSLT, które sprawnie połączyły wszystkie funkcje serwisu w jedną całość.

Budowa platformy na Umbraco

Rozwiązanie oparliśmy na Umbraco CMS 4.0, co dało klientowi solidną i uporządkowaną bazę do zarządzania stroną kampanii. System stał się głównym narzędziem do publikacji informacji o programie i obsługi całej ścieżki użytkownika.

Tam, gdzie mechanika konkursu wykraczała poza zwykłą publikację treści, odpowiednio skonfigurowaliśmy i rozbudowaliśmy standardowe funkcje CMS-a. Dzięki temu stworzyliśmy dedykowaną platformę konkursową, a nie kolejną, zwykłą stronę marketingową.

Obsługa etapów nominacji i głosowania

Najważniejsze w projekcie było to, by strona płynnie zmieniała się zależnie od etapu kampanii (nominacje vs. głosowanie).

Powiązaliśmy ze sobą różne komponenty serwisu tak, by móc łatwo przełączać całą platformę z jednego trybu w drugi. W efekcie odwiedzający od razu trafiali na właściwe funkcje — niezależnie, czy akurat trwał czas zgłaszania kandydatów, czy oddawania na nich głosów.

Autorskie moduły .NET i XSLT

Żeby obsłużyć logikę programu, napisaliśmy własne moduły .NET i XSLT. Połączyły one treści, szablony i funkcje kampanii w jednym miejscu. Zamiast tworzyć osobne podstrony dla każdej fazy konkursu, zbudowaliśmy elastyczny i spójny serwis. Zarządzanie nim przez CMS jest proste, a odwiedzający intuicyjnie się po nim poruszają.

Modyfikacje front-endu

Dostosowaliśmy front-end tak, aby udział w konkursie był dla użytkowników maksymalnie intuicyjny. Odwiedzający musieli od razu zrozumieć cel inicjatywy i łatwo poruszać się po stronie na każdym etapie kampanii.

Aby to osiągnąć, zmodyfikowaliśmy komponenty w HTML, JavaScript, XML i XSLT, dopasowując je do logiki serwisu i ścieżki użytkownika. W efekcie powstała strona, która pełni podwójną rolę — jest rzetelnym źródłem informacji o akcji, a jednocześnie interaktywną platformą konkursową.

Testy i wdrożenie

Przeprowadziliśmy testy manualne, aby upewnić się, że strona działa bez zarzutu w każdym z zaplanowanych scenariuszy. Szczególną uwagę zwróciliśmy na bezbłędne działanie trybów nominacji i głosowania, poprawne wyświetlanie treści oraz komunikację między front-endem a back-endem.

Nad przebiegiem prac, śledzeniem błędów i kolejnymi wdrożeniami czuwaliśmy przy pomocy narzędzi MS Visual Studio oraz FogBugz.

Dzięki nowej stronie klient zyskał dedykowaną platformę do promocji programu i angażowania społeczności w całych Stanach Zjednoczonych. Serwis realnie wsparł misję inicjatywy – promowanie proekologicznych postaw i nagradzanie osób, które dbają o wspólne tereny.

Z perspektywy biznesowej pomogliśmy agencji odejść od bywa chaotycznej współpracy z freelancerami. Nasz zespół zapewnił klientowi stały dostęp do doświadczonych programistów i elastyczność niezbędną przy zróżnicowanych technicznie projektach.

Wdrożenie oparte na Umbraco pozwoliło klientowi swobodnie zarządzać całą kampanią. Różne tryby działania, treści dopasowane do konkretnych etapów i autorskie moduły CMS – wszystko to udało się spiąć w ramach jednej, spójnej platformy.