nobigwords.ntxt.net

Strona główna agencji nieruchomości Savills-Residential Polska, oferującej luksusowe apartamenty i rezydencje.

Ceny ofert na tej stronie sięgają 90 mln zł, a tytuł uzasadnia ten poziom: Luksusowe Apartementy i Rezydencje. Kilka dni temu uruchomiliśmy nową, opartą głównie na HTMLu stronę Savills Residential. Stara, flashowa wersja działa nadal pod adresem http://savills2.savills-residential.pl, bo zastosowany tam sposób nawigacji i prezentacji ofert nadal wydaje się nam ciekawy, a trudno go pokazać na statycznych obrazkach. Nowa strona powstawała głównie z myślą o pozycjonowaniu i jakości kodu. Sam HTML waży 11 do 21 kB, dla porównania:
http://www.emerson.pl - 133 kB
http://www.strzelczyk.pl/ 38 kB
http://www.knightfrank.com.pl/ 4 kB (!)
http://www.gratka.pl/ 12 kB

Jeszcze niedawno dość normalne były strony powyżej 200 kB kodu. Mimo coraz szybszych łączy jakość i zwięzłość kodu poprawia się. Myślę, że w dużym stopniu jest to wymuszone SEO i kosztami transferu.

Oprócz ofert jak dotąd, pojawiły się też opisy działań reklamowych Savills i przykładowe realizacje. Tak się miło złożyło, że sporo z tych obrazków to nasze projekty. Oczywiście nie odeszliśmy od Flasha całkowicie, nadal prezentacje zdjęć i formularz kontaktowy to mini aplikacje w SWF. Po stronie serwera framework oparty na AMF. Do administracji ofertami służy CMS napisany we Fleksie. Obsługuje upload plików, przypisywanie ich do ofert, edycję opisów w dwóch językach, kategorie i lokalizacje ofert.

Po dłuuugim okresie pracy, udało się uruchomić stronę podwarszawskiego osiedla domów firmy AIG/Lincoln Polska. To już nasza czwarta internetowa realizacja dla tej firmy. Strona to kontynuacja residential.pl, witryny zbierającej prezentacje mieszkaniowej działalności dewelopera O ile residential.pl jest właściwie czysto flashową prezentacją odnośników do konkretnych treści na innych stronach, to sosnowadolina.pl już te treści zawiera. Kłopot polegał na sensownym utrzymaniu animowanego nagłówka z menu i obrazkami, czyli spójności “user experience” ;) z jednoczesnym przechodzeniem między stronami. Najeżdżanie kursorem na fotkę powoduje rozuwanie harmonijki zdjęć, klikanie na opcje menu i obrazki czasem przenosi na inną stronę, czasem wyświetla podmenu. Konsultując rozwiązania z Klientem, w końcu jakoś to opanowaliśmy. Zdecydowaliśmy się zaakceptować jedną z wad Ajaksa, związaną z niedziałającym przyciskiem wstecz. Wiem, że są sposoby i na to, ale moim zdaniem zbyt skomplikowane jak na tę prostą strukturę. Za to działają deep-linki, czyli bezpośrednie odnośniki do treści.

Aha, niniejszym bardzo dziękujemy Katarzynie, obu Magdalenom i Adminowi za miłą współpracę, zaangażowanie i… pochwały. Panu Tomaszowi z firmy hostingowej Onyx również, za szybkie działanie i fachową pomoc.

Strona ogólna projektów mieszkaniowych firmy AIG/Lincoln Polska.

Nowa strona — domy wolnostojące na sprzedaż niedaleko Magdalenki pod Warszawą, AIG/Lincoln Polska.

No i kolejny projekt popełniony. Magazyny i biura na wynajem w centrum Warszawy, na zlecenie Zarządcy, czyli AIG/Lincoln, dla firmy Alaris 2 sp. z o.o. Krótki, prosty projekt, nieco odświeżający poprzednią wersję z 2007 roku. W założeniu miała być tylko zmiana treści, ale ponieważ nie było dostępu do źródeł i praw autorskich, skończyło się na przerobieniu całości. Użyliśmy lekkiego szkieletu Flash, z doczytywanie wybranych treści z SWF (layout) i XML (treść). Inwestycja nie ma własnego systemu identyfikacji, co paradoksalnie utrudnia projektowanie, bo niby można wszystko… Dowolne kolory, dowolne czcionki. Jeden ze wstępnych pomysłów nawiązywał do poprzedniej wersji (B, ciemnoniebieski), drugi miał otwartą kompozycję i logotyp oparty na czcionce Garamond. Wspólne elementy to font Agency FB w tytułach i motyw magazynu — stosu paczek stworzony w świetnym Google Sketchup. Klient wybrał projekt A.

Żerań Park 1 - projekt wstępny www wersja A

Żerań Park 1 - projekt wstępny www - wersja B

Strona korzysta z map Google, pokazując centrum logistyczne w rzeczywistym otoczeniu Żerania, do wyboru — na mapie lub zdjęciu satelitarnym. Dzięki dobremu pokryciu Warszawy (co akurat nie dziwi) efekt jest czytelny i atrakcyjny.

Żerań Park 1 - strona 'Lokalizacja', wersja ostateczna

Oprócz samej strony powstała też ulotka A4 w PDF do pobrania, o tej samej treści.