Apartamenty Wesoła to inwestycja skierowana do osób wymagających, którzy poszukują nowoczesnych i zaskakujących rozwiązań architektonicznych w doskonałej lokalizacji

Chcieliśmy aby realizacja wyróżniała się odważnym i designerskim stylem. Niemniej ważne było zastosowanie funkcjonalnych narzędzi, które pozwoliłoby na ciekawe i sprawne  zapoznanie się z ofertą. Do zrealizowania otrzymaliśmy zatem  dwa zadania:

• Oryginalne zaprezentowanie inwestycji
• Stworzenie funkcjonalnego, przyjaznego użytkownikowi serwisu

Layout

Naszym celem był projekt idealnie skrojony pod inwestycję, nawiązujący stylistyką do zastosowanych rozwiązań architektonicznych. Chcieliśmy nie tylko uciec od stereotypu w postaci uśmiechniętej rodziny na tle mieszkania ale przede wszystkim stworzyć oryginalny i niepowtarzalny koncept.

Strona jest przejrzysta i zawiera tylko niezbędne informacje. Z poziomu strony głównej pokazaliśmy wizualizację i lokalizację inwestycji z mapą. Ważnym elementem są również aktualności, w których inwestor będzie na bieżąco informował o kolejnych etapach budowy. Głównie jednak nacisk położyliśmy na bardzo dobrą prezentację wizualizacji inwestycji, stąd klika widoków do wyboru.

Interaktywne wizualizacje

Zaproponowaliśmy ciekawy i wygodny sposób przeglądania wybranych mieszkań. Oglądając inwestycję możemy bezpośrednio z wizualizacji wybrać interesujące nas mieszkanie. Po kliknięciu w mieszkanie, przechodzimy do szczegółów opisu, takich jak metraż, podział na pomieszczenia, cena, itp. Mamy do dyspozycji również rzut mieszkania i podgląd lokalizacji mieszkania. Dodatkowo możemy również z tego miejsca przejść do obliczania raty kredytu lub bezpośrednio skontaktować się ze sprzedawcą.

Interaktywna tabela mieszkań

Kierując się jedną z naszych podstawowych zasad – użytecznością, wykonaliśmy interaktywną tabelę z listą mieszkań. Narzędzie to będzie wspomagać proces przeglądania i porównywania mieszkań. Tabela zawiera kluczowe informacje dotyczące poszczególnych mieszkań, w tym oznaczenie statusu mieszkania (sprzedane lub wolne). Wędrujący wraz z naszymi poszukiwaniami kursor uaktywnia podgląd mieszkania na wizualizacji inwestycji – pojawia się odpowiednia miniaturka. Natomiast po kliknięciu w wybrane mieszkanie przechodzimy do dedykowanej podstrony.

Interaktywne rzuty

Garaże i komórki to istotny element oferty, ale niestety zazwyczaj dość kiepsko zaprezentowany w serwisach deweloperskich. Postanowiliśmy wyjść na przeciw oczekiwaniom przyszłym klientom naszego inwestora i stworzyć narzędzie, które w prosty sposób prezentowałoby lokalizację i dostępność tej części oferty. Wykonana przez nas interaktywna prezentacja z rozmieszczeniem poszczególnych garażów i komórek zawiera oznaczone odpowiednimi kolorami statusy dostępności wraz ze skróconym opisem parametrów. W podobny sposób pokazane zostały również lokale użytkowe.

Pozostałe elementy

Nie mogło również zabraknąć takich kluczowych elementów jak formularze szybkiego kontaktu, mapki z lokalizacją inwestycji, czy galeria zdjęć. Strona została odpowiednio przygotowana pod wyszukiwarki i wyposażona w wygodny panel systemu zarządzania treścią.

Liczymy, że tak przygotowany serwis pomoże deweloperowi w skuteczny sposób pokazać wszystkie atuty inwestycji a jego klientom pozwoli szybko dotrzeć do poszukiwanych informacji na temat wymarzonego mieszkania.

Etapy tworzenia strony

Analiza

Zanim rzucimy się w wir pracy koncepcyjnej musimy poznać charakterystykę, otoczenie
i potrzeby naszego klienta (marki, której internetowy wizerunek opracujemy). Niezwykle ważne są dla nas informacje na temat specyfiki marki, jej cech charakterystycznych, misji, celów i grupy docelowej a także najważniejszej konkurencji.

Żeby zachować spójność prezentacji marki musimy poznać jej wizerunek, istniejącą identyfikację wizualną.  Aby stworzona przez nas strona internetowa była efektywna musimy znać jej odbiorców, wiedzieć jak korzystają z internetu i wczuć się w ich role.

Projekt architektury informacji

Strona internetowa to nic innego jak nośnik informacji, które muszą być zaprezentowane użytkownikowi w możliwie najlepiej przyswajalny sposób. 

Dobra strona internetowa to dobrze zaprojektowany budynek, którego rozkład pomieszczeń umożliwia odwiedzającemu sprawne dotarcie do poszukiwanych przez niego informacji. W takim budynku użytkownik nie błądzi, nie czuje się zagubiony. Dobrze rozplanowane wnętrza strony internetowej to efekt odpowiedzialnego podejścia do architektury informacji.

Projektując pod kątem architektury informacji definiujemy zawartość strony internetowej, łączymy jej części składowe w odpowiednie grupy tematyczne, tworzymy sieć połączeń między poszczególnymi podstronami
i opracowujemy najbardziej optymalną nawigację.

Projekt funkcjonalny

Ten etap możemy porównać do układania klocków. Projektując funkcjonalność strony opracowujemy jej makiety. Tym sposobem określamy jak będzie prezentowana zawartość, gdzie będą położone elementy składowe i jaka będzie ich funkcja.

Makiety to nie tylko idealny punkt wyjścia do pracy dla grafika ale także najlepszy sposób na zaprezentowanie klientowi przyszłego kształtu strony i rozwianie wszelkich wątpliwości co do jej funkcjonowania. Na tym etapie wprowadzanie zmian wiąże się z mniejszym nakładem pracy niż w przypadku projektu graficznego czy wdrożenia.

Projekt graficzny

Kiedy, wspólnie z klientem, ustalimy ostateczny kształt strony przechodzimy do „ubierania” go w szatę graficzną. Na tym etapie wykorzystujemy otrzymane wcześniej informacje na temat wizerunku marki i materiały otrzymane od klienta.

W pierwszej kolejności tworzymy projekt strony głównej, który pozwoli przedstawić klientowi ogólną stylistykę witryny, tzw. „look”. Po jego zaakceptowaniu przechodzimy do projektowania pozostałych podstron.

Realizacja

Po zakończeniu prac nad projektem graficznym przechodzimy do realizacji. Działanie zaczynamy od instalacji i konfiguracji systemu CMS, budujemy szkielet przyszłej strony internetowej urzeczywistniając jej funkcjonalność. Kolejny krok to cięcie i kodowanie projektu graficznego oraz wdrożenie go do istniejącego już silnika.

W wielu przypadkach na tym etapie uzupełniamy również stronę o treści „początkowe” przekazane przez klienta.

Testowanie

Podczas testowania sprawdzamy czy strona wyświetla się w różnych przeglądarkach poprawnie, oraz czy wszystkie elementy interaktywne działają jak należy, a także udoskonalamy to co mogłoby działać lepiej :)

Przekazanie strony klientowi

Skończona i przetestowana strona internetowa zostaje w całości przeniesiona na serwer docelowy.
Ostatni etap to przeszkolenie klienta w obsłudze systemu CMS aby bez problemu mógł zarządzać własną stroną internetową.

W przypadku bardziej rozbudowanych stron internetowych, do których zaliczają się sklepy, duże serwisy czy aplikacje internetowe etapów projektowania może być dużo więcej. Wtedy również testowanie odbywa się na innych zasadach ale o tym kiedy indziej!

Postanowiłam wygospodarować trochę czasu i zbadać czym się je „te nowości”.

Pierwsze wrażenia

Tak jak wspomniałam wcześniej. Na pierwszy rzut oka Google+ wygląda trochę pusto w porównaniu do Facebook. Jeśli jednak się nad tym zastanowić to jest to bardziej zaleta niż wada. Niby ilość informacji na stronie głównej jest porównywalna w obu serwisach ale w przypadku Google+ interfejs jest bardziej przejrzysty. No i nie ma reklam! Profil użytkownika prezentuje się zdecydowanie lepiej u konkurenta Facebook. Jedyny minus tutaj to brak możliwości aktualizowania statusu w profilu.

Publikowanie treści

Nowe treści, jak wcześniej wspomniałam, możemy dodawać jedynie na stronie głównej Google+ (w tzw Strumieniu) co szczerze mówiąc jest mało wygodne.
Samo dodawanie prezentuje się nieźle, możemy po prostu wpisać tekst, dodać linki, zdjęcia, filmy a nawet swoje aktualne położenie.
Teksty mogą być naprawdę długie (całkiem śmiało mogłabym dodać cały ten artykuł), sformatowane, wzbogacone zdjęciami i filmami. Zdecydowanie na plus ;)
W tym miejscu możemy też dodać kilka zdjęć na raz i w łatwy sposób wyedytować je przed opublikowaniem.
Ciekawie prezentuje się zawężanie kręgu osób, które będą widziały dodaną treść. Tutaj jednak plus należy się Facebookowi, który umożliwia zawężenie do jednej konkretnej osoby i filtrowanie odwrotne czyli wykluczenie wybranych osób.
Dodawanie lokalizacji (odpowiednik Facebook Places) niestety mi nie zadziałało więc ciężko oceniać, chociaż umieszczenie tej funkcji w publikacji statusu można uznać za dobre posunięcie.

Kręgi

Jest to bez wątpienia ciekawy i nowatorski sposób zarządzania znajomymi. Bardzo podoba mi się zastosowanie drag’n’drop.
Pytanie tylko czy pakowanie znajomych do szufladek jest „social” ? Kiedy chcemy kogoś dodać do kontaktów pojawia się konsternacja – do której grupy go przypisać?

Integracja z usługami Google

Jeśli ktoś korzysta z Picasa będzie mógł łatwiej i szybciej dzielić się swoimi zdjęciami ze znajomymi. Prezentacja zdjęć bardzo przypadła mi do gustu. Wygląda atrakcyjnie i pozwala na upchnięcie większej ilości obrazów.

Z poziomu Google+ mamy też dostęp do Gtalk dzięki czemu możemy czatować nie tylko ze znajomymi z kręgów ale też z osobami niezarejestrowanymi, które po prostu mają konto Google. Na plus jest również możliwość czatowania z kilkoma osobami na raz, rozmowy głosowe i video czat.

Sparks

Póki co nie udało mi się znaleźć sensownych różnic użytkowych między Sparks a zwykłą wyszukiwarką. Sparks filtruje treśći w sieci wg naszych zainteresowań. Wydaje się to samo możemy osiągnąć wpisując „przepisy kulinarne” w wyszukiwarce jednak wyniki dla Google i Sparks są inne więc może algorytm działania jest inny?

Połączenie kont i uwolnienie danych

Google+ umożliwia połączenie profilu z kontami m.in. Facebook, Flickr, Twitter czy LinkedIn. Linki do tych kont mogą się pojawić w naszym profilu (sami decydujemy które). Dzięki połączeniu podczas korzystania z wyszukiwarki będziemy mogli znaleźć treści opublikowane przez naszych znajomych i odwrotnie, ułatwić im odnajdowanie naszych.

Zastanawialiście się kiedyś co się stanie z bogatym archiwum wpisów, zdjęć i filmów, które umieściliście np na Facebook kiedy zechcecie usunąć konto?
W Google+ nie będzie takiego problemu. Możemy zachować wszystko dla potomnych ;)

Google umożliwia zapisanie kopii zapasowej zdjęć, informacji z profilu, kontaktów, kręgów, wpisów ze strumienia i wpisów z Buzza na komputerze.

Czegoś mi tu brakuje

Czekam na API. Aplikacje to dobry sposób na zabicie czasu dla użytkowników, a także, a może przede wszystkim świetne narzędzie marketingowe dlatego z niecierpliwością czekam na moment kiedy będziemy mogli stworzyć coś na Google+ ;)

Z tego samego powodu czuję lekki niedosyt przez brak możliwości prezentowania firm i organizacji. Kryje się tutaj spory potencjał jeśli połączymy profil firmy na Google+, Google Places, Adwords i sposób w jaki może to wpłynąć na pozycjonowanie strony www.

Podsumowując

Nie da się ukryć, że Google to gigant. Ich podstawową przewagą jest wachlarz usług, które wszyscy znają i wykorzystują na co dzień. Google+ to dodatek, który może spiąć wszystko razem. Konkurenci muszą mieć mocne koszmary senne.

Dziękujemy wszystkim, z którymi mieliśmy przyjemność współpracować a także przyjaciołom Hello! :)

Stworzyliśmy nowe logo i opracowaliśmy nową kolorystykę (rezygnując z ciepłego różu na rzecz bardziej dynamicznego żółtego). Powstały również projekty wizytówek, papieru firmowego, szablonu prezentacji, przypinek a także rollupu, który lada dzień powędruje na tegoroczną edycję Confitury ;).

More to come!

Gorąco zapraszamy do udziału!

Więcej na stronie konferencji: confitura.pl

Po długiej drodze, nieco zmyleni przez GPS, dotarliśmy wreszcie do Berlina. Odrobinę problemów stworzyło nam znalezienie miejsca parkingowego, ale potem już “poszło z górki”. Komunikacja miejska w Berlinie działa bardzo dobrze, więc szybko dotarliśmy do wyznaczonego celu metrem.

Wejście

Przed wejściem (nie)miłe zaskoczenie – bardzo długa kolejka chętnych, by dostać się na FB Hack. Wszystko szło jednak sprawnie, więc nie musieliśmy długo czekać, by odnaleźć się na liście zarejestrowanych. Na pocieszenie, a może zachętę, dostaliśmy facebookowe koszulki i bidony na wodę.

Początek

Na początku mieliśmy okazję zaznajomić się z samym miejscem – było całkiem przyjemne, choć nieco zatłoczone ze względu na ilość uczestników. Ekipa Facebooka starała się upewnić, że nikomu nic nie brakuje. Także i my mieliśmy okazję zamienić z nimi parę słów. Pytali, jak wykorzystujemy platformę Facebook, jakiego rodzaju aplikacje tworzymy.

Po kilkunastu minutach rozległ się gong – sygnał, że trzeba udać się na górę, do sali, gdzie odbywały się prezentacje.

Start

Jako wstęp zaserwowano nam statystyki – otóż 70% odwiedzin na Fejsie to ruch spoza USA, podobnie jest też z twórcami aplikacji. Facebookowcy podkreślali, że bardzo zależy im na tym, by twórcy aplikacji jak najlepiej czuli się pracując na ich platformie.

Następnie omówiono wszystkie etapy działania na Facebooku – przypominając jak budować społeczność a także co robić by zwiększyć ilość odwiedzin i popularność swojej strony na Facebook. Oczywiście wspominając jak w tym wszystkim mogą nam pomóc pluginy społecznościowe i dostępne API.

Później przyszła pora na pokazanie kilku sztuczek. Proste i przejrzyste metatagi OpenGraphu pozwoliły w łatwy sposób opisać stronę www. Parę zapytań do API Facebooka i już mogliśmy podążać gałęziami rozbudowanej struktury, jaką jest sieć powiązań Facebooka. Niewielka ilość kodu pozwoliła również na stworzenie logowania w wersji mobilnej, gdzie wystarczało jedno kliknięcie ze strony użytkownika.

Chwila wytchnienia

Ponieważ wszyscy na sali zgłodnieli, przyszedł czas na przerwę obiadową. Serwowane na berlińskiej konferencji jedzenie przypomniało nam, dlaczego tak bardzo lubimy polską kuchnię ;)

Q&A

Po powrocie na salę dowiedzieliśmy się, jak w Facebooku wykorzystuje się HTML5, a także zobaczyliśmy jakich informacji może nam dostarczyć system statystyk Insight. Następnie nadszedł czas swobodnych rozmów z pracownikami – każdy mógł opowiedzieć o trapiącym go problemie lub wątpliwości, a ekipa Facebook starała się wypracować wspólnie jakieś rozwiązanie lub wyjaśnić zawiłości regulaminu.

Powrót

Ponieważ czekała nas długa droga do Polski, nie udało nam się dotrwać do ostatniej części FB Hacka – prezentacji kilku ciekawych aplikacji stworzonych przez uczestników konferencji. Jesteśmy jednak pewni, że ta część konferencji, podobnie jak wcześniejsze, była bardzo ciekawa.

Podsumowanie

Podsumowując, wyjazd do Berlina, choć długi i męczący, był bardzo udany. Mogliśmy porozmawiać bezpośrednio z ekipą, a także użyskać wiele ciekawych i pożytecznych informacji. Mamy nadzieję, że w ramach współpracy z developerami uda się w przyszłości zorganizować podobną konferencję Facebook Hack także na terenie naszego kraju.

Witaj Katarzyna!

Udoskonaliliśmy układ stron na Facebooku i dodaliśmy kilka nowych funkcji, które pomogą Ci utrzymać zainteresowanie fanów. A oto zalety zaktualizowanych stron:

• Powiadomienia, gdy fani wykonają czynności na stronie lub opublikują posty
• Miejsce do wyeksponowania zdjęć na górze strony
• Zdarzenie aktualności Twojej strony
• Możliwość dodawania znaczników „Lubię to” i postów na innych stronach w imieniu swojej strony

Przejdź do trybu podglądu strony, gdzie będziesz mieć możliwość szybszego przejścia na nową wersję. Wszystkie strony zostaną automatycznie przełączone na nową wersję 10 marca.

Wszystko zapowiada się świetnie. Jednak czy nowy wygląd stron jest lepszy od poprzedniego, czy funkcjonalność jest bardziej przyjazna użytkownikowi/administratrowi?

Powiadomienia, gdy fani wykonają czynności na stronie lub opublikują posty

To była ta funkcja, której wszystkim brakowało. Jednak by poznać aktywność fanów, trzeba przełączyć się w tryb „Korzystaj z Facebooka jako”, co może być nieco uciążliwe jeśli jesteśmy administratorami kilku (-nastu) stron i chcemy śledzić aktywność na każdej z nich.

Miejsce do wyeksponowania zdjęć na górze strony

Trudno powiedzieć, czy to taka mocna zaleta. Dla Hello! Studio może tak, gdyż fani od razu widzą czym się zajmujemy jaki styl reprezentujemy. Jednak jeśli na stronie firmowej zdjęcia pojawiają się raczej przypadkowo, żeby zilustrować aktualny wpis to może się zrobić mały bałagan. Na dobrą sprawę jest to przeniesienie zdjęć z lewej kolumy do środkowej ;)

Zdarzenie aktualności Twojej strony

Czujemy się trochę głupio, ale nikt z nas nie potrafi zrozumieć „co autor miał na myśli”, czy raczej tłumacz…

Możliwość dodawania znaczników „Lubię to” i postów na innych stronach w imieniu swojej strony

No tak, to akurat można zaliczyć do udanych zmian. Jako „Fanpage” będziemy mogli pojawiać się w różnych miejscach i niejako współpracować z innymi stronami. Przydałaby się jeszcze możliwość wysłania wiadomości do Strony, która pozwoliłaby na szerszą współpracę.

Patrząc na nową stronę zauważyliśmy kilka ważnych wad:

Zakladki są mniej widoczne, w ogóle nie rzucają się w oczy, a przecież to bardzo ważny element aktywności poza tablicą. Wydaje mi się, że może to mieć wpływ na aktywność użytkowników w udostępnionych aplikacjach.

Trudniej też dodać nową zakładkę. W tym celu należy przejść do edycji strony, do listy aplikacji, wybrać „edytuj ustawienia” i dodanie aplikacji do zakładek. Wcześniej wystarczyło rozwinąć listę obok widocznych zakładek i wybrać jedną z dostępnych aplikacji.

Kolejna istotna wada: nie widać zdjęć fanów strony. Liczby nie są ważne. Ludzie lubią widzieć innych ludzi. Poprzedni sposób prezentacji był ewidentnie bardziej „social”.

Podsumowując. Facebook z jednej strony poprawił funkcjonalność dostępną administratorom Stron, jednak odnoszę wrażenie, że trochę popsuł układ stron i sprawił, że stały się one mniej dostępne dla użytkowników i fanów.

Z czystym sumieniem możemy polecić WordPress jako świetne rozwiązanie dla małych i średnich firm.

Dlaczego WordPress?

Darmowy i bezproblemowy

System ten ma bardzo wiele zalet. Przede wszystkim jest darmowy, lekki i bardzo prosty w instalacji ( słynna pięciominutowa instalacja).
Działa na większości standardowych hostingów a aktualizacje są proste i bezproblemowe.

Z punktu widzenia zwykłego użytkownika

Dużym plusem jest dostępność wielu wersji językowych systemu, dzięki czemu możemy od razu wykluczyć barierę językową. Co więcej interfejs WordPressa jest jednym z bardziej intuicyjnych interfejsów z jakimi mieliśmy przyjemność się zetknąć. Wielu klientów chwaliło się, że po pierwszym, wstępnym szkoleniu z obsługi nie mieli najmniejszych problemów z przeprowadzaniem aktualizacji.

Duże możliwości tworzenia i konfiguracji strony

WordPress jest wszechstronny. Dzięki temu może z powodzeniem służyć jako system dla bloga, magazynu internetowego, strony firmowej, portfolio, strony prezentującej inwestycje mieszkaniowe a nawet sklepu internetowego (ale o to już temat na osobny wpis).
Wszystko zależy od tego jak sami zaplanujemy funkcjonalność i jak skonfigurujemy naszą stronę.

Łatwa rozbudowa

Początkowo WordPress służył głównie jako system blogowy, jednak od dłuższego czasu jest z powodzeniem stosowany jako CMS dla rozmaitych stron.
Dzięki pokaźnej bazie darmowych wtyczek właściwie jedynym ograniczeniem w tworzeniu funkcjonalności strony jest nasza wyobraźnia.
Bardzo istotnym jest fakt, że wtyczki WordPressa są banalne w instalacji. Wystarczy wybrać „dodaj wtyczkę”, wybrać z listy interesującą nas pozycję, zainstalować i aktywować. Nie jest przy tym wymagana żadna wiedza programistyczna.

Można również samemu tworzyć wtyczki, jednak wydaje nam się, że ciężko jest nie znaleźć już gotowego rozwiązania, które może spełnić nasze oczekiwania.

Na temat WordPressa można by pisać jeszcze długo, jednak jeśli ktoś chce poznać szczegóły zapraszamy do lektury:

• WordPress.org
• polska strona WordPressa
• dla anglojęzycznych: Smashing WordPress