Marketing Nieruchomości. Wizerunek w Sieci by SkyConcept Sp. z o.o.

MARKETING NIERUCHOMOŚCI

WIZERUNEK W SIECI

Akademia SkyConcept

MARKETING NIERUCHOMOŚCI

Szanowni Państwo, trudno o zebranie w jednym miejscu ogromu informacji, które dotyczą budowania pozytywnego wizerunku firmy w Internecie. Trudno – ale nie jest to niemożliwe. Dlatego, korzystając z wiedzy i doświadczenia, jakie zdobywamy pracując każdego dnia z klientami z branży nieruchomości, postanowiliśmy udzielić praktycznych porad dotyczących esencji wizerunku w Sieci, jaką są strony www. W tym wydaniu naszego poradnika na żywych przykładach pokazujemy dlaczego warto posiadać atrakcyjną witrynę internetową, jak sprawić, by odpowiadała potrzebom firmy i co ważne – jakich błędów unikać podczas tworzenia www. Zbiór case studies, porad naszych ekspertów i dobrych praktyk to prawdziwe źródło wiedzy dotyczące marketingu nieruchomości. Dlatego zachęcam do lektury i mam nadzieję, że będzie to wydanie, które na stałe zagości na Państwa półkach w dziale: inspiracje.

MICHAŁ KLIMOROWSKI, IT MANAGER

Marketing Nieruchomości Wizerunek w Sieci OPIEKA MERYTORYCZNA WYDANIA: Michał Klimorowski WYDAWCA: SkyConcept Sp. z o.o. Powązkowska 15 01-797 Warszawa KONTAKT: info@skyconcept.pl +48 22 127 44 45 www.skyconcept.pl

MARKETING NIERUCHOMOŚCI

Spis treści 06 10 12 14 16 18

NIE PRZEGAP

8 wyznaczników skutecznej strony www Profesjonalna witryna dla Twojego biznesu CASE STUDIES

Supreme Houses Kompleksowe stworzenie wizerunku marki Powiśle 01 Funkcjonalna strona apartamentowca na warszawskim Powiślu Magazyny.pl Kolejna odsłona serwisu o nieruchomościach komercyjnych Graffit Przestrzeń biurowa w nowoczesnym wydaniu WARTO WIEDZIEĆ

3 błędy popełniane na stronach www dla nieruchomości Czego należy unikać podczas projektowania

20 22

Jakie strony www lubi Google Lider w wynikach wyszukiwania

Od pomysłu do publikacji Proces powstawania witryny internetowej

5 trendów w web designie Być na topie w Internecie

INFOGRAFIKA

FELIETON

Jak stracić Klienta w 10 sekund Wizerunek marki w Sieci a skuteczna sprzedaż nieruchomości

MARKETING NIERUCHOMOŚCI

6 Akademia SkyConcept | Wizerunek w Sieci

8 wyznaczników skutecznej strony www Podobno pierwsze wrażenie jest najważniejsze – także w przypadku styczności użytkownika ze stroną www. Czym powinna charakteryzować się atrakcyjna witryna, by zachęcić odbiorcę do interakcji i częstych wizyt na stronie? Oryginalny design, intuicyjny interfejs, prosta nawigacja – to tylko kilka z wielu pożądanych cech. Poznajcie 8 rzeczy, o których warto pamiętać podczas projektowania firmowej strony internetowej.

Key visual

Wygląd firmowej strony powinien być zgodny z identyfikacją wizualną marki, dlatego warto korzystać z określonej palety barw i konkretnych fontów. Spersonalizowany key visual ułatwia bowiem rozpoznawanie firmy na rynku, a klientom kojarzy się z zaangażowaniem i profesjonalizmem marki. Spójność witryny www z pozostałymi materiałami marketingowymi pozwala zachować komunikacyjną integralność, stanowiąc kompletną otoczkę wizualną oferty. Trzymajcie jednak rękę na pulsie – nie wolno przesadzać z jednolitością wszystkich elementów, w przeciwnym razie na waszej stronie zagości nuda.

Content

Content to nic innego, jak zawartość witryny. Tym terminem określamy wszystkie treści, które umieszczamy na stronie w celu budowania

wizerunku marki i tworzenia pozytywnej relacji z potencjalnymi klientami. Ale pamiętajmy, że to nie tylko treści informacyjne czy marketingowo-sprzedażowe. Wszelkiego rodzaju zdjęcia, grafiki, filmy czy aplikacje również mieszczą się w tej kategorii. Aby strona przyciągała uwagę użytkowników, content, który prezentujemy powinien być oryginalny, dobrze przemyślany i dostosowany do potrzeb grupy docelowej. Internauci oczekują przystępnych, interesujących treści, które dostarczą im ważnych informacji i użytecznych wskazówek. Jeżeli chcecie szerzej opisać jakieś kwestie, stwórzcie w tym celu odpowiednie podstrony lub wykorzystajcie rozwijane tooltipy. Użytkownik sam zdecyduje czy chce się dowiedzieć więcej. Pisząc artykuły na stronę zadbajcie o ciekawe tematy, chwytliwe tytuły i intrygujące leady. A stockowe zdjęcia zastąpcie wysokiej jakości fotografiami i profesjonalnymi grafikami. Skupcie się na kliencie, komunikujcie się z nim językiem korzyści, unikajcie płytkich sformułowań, a efekty pojawią się szybciej, niż myślicie! 7

MARKETING NIERUCHOMOŚCI

Szybkie skanowanie treści

Kluczowe znaczenie dla czytelności strony www ma odpowiedni stopień nagromadzenia i rozmieszczenia treści. Zbyt duża „porcja” informacji utrudnia odbiorcy dostęp do interesujących go danych. Uniemożliwia to ich właściwe przetwarzanie, a finalnie przekłada się również na zmniejszenie funkcjonalności całej witryny. Ważne, by zamieszczone treści były uporządkowane w sposób logiczny – niemal intuicyjny – a struktura informacji odzwierciedlała potrzeby użytkownika i cele istnienia www. Aby ułatwić odbiorcom skanowanie treści zaleca się m.in.: • unikanie dużych bloków tekstu, • odpowiednie grupowanie materiału, • podział na paragrafy, śródtytuły i nagłówki, • stosowanie odpowiednich fontów.

Prędkość ładowania strony

W Sieci obowiązuje zasada „tu i teraz”! Dotyczy to również stron internetowych, które muszą być maksymalnie sprawne i szybkie – przecież pracują dla nas 24 godziny na dobę! Zbyt długie ładowanie witryny, oprócz tego, że odstrasza internautów, często skutkuje niekorzystną pozycją strony w wyszukiwarce Google. Z tego powodu nienajlepszą sławą cieszą się m.in. animacje i filmy wykonane w technologii Flash, które oprócz tego, że wymagają instalacji specjalnej wtyczki w przeglądarce to wolno wczytują się

8 Akademia SkyConcept | Wizerunek w Sieci

na PC. A szybkość ładowania strony ma przecież ogromny wpływ na płynność interakcji i satysfakcję klienta. Internauta zirytowany działaniem witryny prawdopodobnie więcej jej nie odwiedzi – a tym samym nie pozna oferty firmy. Do „spowalniaczy”, które negatywnie oddziałują na witrynę można zaliczyć chociażby: brak optymalizacji obrazów, stosowanie kodu niezgodnego ze standardami HTML, niekorzystanie z ładowania asynchronicznego.

esponsywność R i mobile-friendly design

Jedną z ważniejszych cech profesjonalnej strony internetowej jest responsywność. Co to znaczy? Nowoczesna witryna powinna być zaprojektowana tak, by jej wygląd i układ automatycznie dopasowywały się do rozmiaru ekranu urządzenia, na którym jest wyświetlana. Chodzi o zapewnienie odbiorcom najlepszej jakości użytkowej. A ponieważ stale rośnie liczba odbiorców korzystających z urządzeń mobilnych, należy się do tego dostosować i proponować funkcjonalne rozwiązania, które sprostają wymaganiom internautów. Obecnie ogromną popularnością cieszy się podejście Mobile First. Polega na rozpoczęciu procesu projektowego od najmniejszego ekranu dostępnego dla użytkownika, a następnie rozbudowy jego struktury na bardziej popularne urządzenia.

W Sieci obowiązuje zasada „tu i teraz”! Dotyczy to stron internetowych, które muszą być maksymalnie sprawne i szybkie, bo pracują dla nas 24 godziny na dobę.

Konwersja

Właściciele stron potrzebują informacji o użytkownikach, ale internauci nie przepadają za wypełnianiem rozbudowanych formularzy. Co zrobić, by znaleźć złoty środek, osiągnąć cel i podwyższyć współczynnik konwersji? Konieczne jest wypracowanie funkcjonalnego modelu, który z jednej strony będzie dostarczał najważniejszych informacji, a z drugiej nie odstraszy odbiorców. Dobrym rozwiązaniem może okazać się podzielenie formularza na etapy. Wpłynie to na estetykę witryny, a jednocześnie poskutkuje zwiększeniem tzw. mikro-konwersji. Dobra rada! Na zachowania odbiorców pozytywnie oddziałują również takie czynniki jak: wyraźnie widoczne i łatwo dostępne informacje kontaktowe, intuicyjna wyszukiwarka i przyjazna nawigacja.

Web usability

W najprostszych słowach web usability to badanie satysfakcji, jaką czerpie użytkownik podczas korzystania z danej witryny. Mowa zarówno o wrażeniach estetycznych, jak i łatwości oraz intuicyjności www. Web usability to zatem szereg cech odnoszących się do ergonomii i funkcjonalności witryny. Strona internetowa musi być projektowana przede wszystkim z myślą o odbiorcach, umożliwiając im dotarcie do interesujących informacji bez zbędnego

wysiłku i większego zaangażowania. Chodzi o zapewnienie internautom maksymalnej swobody użytkowania. Pozytywne wrażenia z wizyty procentują przecież na przyszłość. Wśród elementów ważnych dla web usability znajdują się m.in.: szybkość ładowania strony, forma prezentowanych treści oraz linki odsyłające do pokrewnych artykułów.

Budowanie zaufania

Punkt związany z budowaniem zaufania wymieniam jako ostatni, ale to wcale nie oznacza, że jest najmniej ważny. Wręcz przeciwnie! Aby użytkownicy odwiedzający stronę www zdecydowali się na kontakt z firmą i skorzystanie z jej oferty witryna musi wzbudzać zaufanie. Rzetelna strona jest szczególnie istotna w przypadku firm działających w sektorze B2B. Jak zatem sprawić, aby nasza witryna była bardziej wiarygodna? Istnieje kilka niezawodnych sposobów, które oprócz tego, że pomogą zbudować zaufanie użytkownika, wpłyną jednocześnie na zwiększenie konwersji. Oto kilka użytecznych rad: • zamieść na stronie informacje o firmie, • pochwal się nagrodami i wyróżnieniami, które otrzymałeś, • dziel się wiedzą – publikuj raporty branżowe, twórz infografiki i case studies, • prowadź bloga, • wykorzystuj media społecznościowe. KINGA FORNAL, PROJECT MANAGER

MARKETING NIERUCHOMOŚCI

CASE STUDY

Supreme Houses KLIENT: Supreme Houses RODZAJ PROJEKTU: Identyfikacja wizualna,

strona www, content

RODZAJ NIERUCHOMOŚCI: Domy ROK REALIZACJI: 2016 ADRES STRONY INTERNETOWEJ: www.supremehouses.pl GŁÓWNE CELE PROJEKTU:

• Kompleksowa prezentacja działań dewelopera Supreme Houses, który od dekady buduje domy w Lesznowoli koło Warszawy. • Wyeksponowanie oferty, wysokiej jakości powstających nieruchomości oraz zaangażowania dewelopera w lokalną społeczność. • Stworzenie materiałów marketingowych i elementów wizerunkowych, które pozwolą prezentować działania Klienta w spójny i wyrazisty sposób.

Opis projektu Rozpoczynając projekt dla Supreme Houses wiedzieliśmy jedno: od podstaw musimy stworzyć wizerunek dewelopera, który ma już duży dorobek, ale nie wykorzystuje potencjału swojego portfolio, wiedzy i doświadczenia w celach sprzedażowych na najwyższym z możliwych poziomów. Aby kolejni zainteresowani kupnem domów mogli się o tym wszystkim dowiedzieć, musieliśmy zapełnić tę wizerunkową lukę. Zaczęliśmy od zapoznania się z potrzebami Klienta oraz określenia charakteru grupy docelowej, do której będą kierowane materiały marketingowe i sprzedażowe. Od podstaw stworzyliśmy identyfikację wizualną, której elementy to m.in. nowy logotyp oraz kolorystyka. W tym celu powstała księga znaku, określająca budowę logo, kroje pisma, warianty użytych barw, 10 Akademia SkyConcept | Wizerunek w Sieci

a także definiująca te ostatnie na potrzeby różnych nośników. Określenie w key visualu podstawowych elementów związanych z prezentacją marki pozwoliło projektować kolejne rozwiązania dla Supreme Houses. Projektując witrynę dla dewelopera postanowiliśmy po pierwsze wyróżnić ofertę już na stronie głównej, jak również wyposażyć całą stronę w miejsca pozwalające na kompleksową prezentację dorobku dewelopera. Stąd też duże slajdery, galerie zdjęć i miejsca na zilustrowanie treści. A skoro powstały miejsca, to musiał też powstać content, który je zapełni. Zajęliśmy się zarówno stworzeniem wszystkich treści, jak również wykonaniem zdjęć domów budowanych przez Supreme Houses. Stworzyliśmy serię ujęć lotniczych oraz stacjonarnych fotografii prezentujących dotychczasowe realizacje.

PIOTR PISKORSKI, WŁAŚCICIEL SUPREME HOUSES

Moment wyjścia do klientów z zupełnie nową formą prezentacji oferty i informowania o świetnej lokalizacji do życia, jaką jest Lesznowola, to dla Supreme Houses swego rodzaju sprawdzian rozwiązań, jakie daje marketing nieruchomości. Rosnąca konkurencja nie pozwala pozostawać w tyle jeśli chodzi o ciągłe pozyskiwanie nowych osób zainteresowanych kupnem domu. Myślę, że rozwiązania wypracowane ze SkyConcept sprawią, że marka zyska wyraźny charakter i rozpoznawalność, oraz przyciągną nowych klientów chcących zamieszkać w domach od Supreme Houses.

O PROJEKCIE DLA SUPREME HOUSES: 1. Aktywne zaangażowanie dewelopera w projekt. 2. Kompleksowa realizacja działań marketingowych na kilku płaszczyznach – key visual, strona www, content i wysokiej jakości fotografie. 3. Promowanie oferty i strony internetowej w kampaniach AdWords. 4. Aktywne pozyskiwanie leadów przez uruchomienie pop-upu na stronie www.

Podsumowanie projektu Dla dewelopera Supreme Houses stworzyliśmy kompleksowe materiały wizerunkowe. U podstaw było zaprojektowanie identyfikacji wizualnej marki. Kolejne etapy to zaprojektowanie strony www prezentującej ofertę, dorobek firmy, informacje o jakości usług i procesie zakupowym oraz formularzy umożliwiających szybki kontakt. Witryna została uzupełniona w wysokiej jakości zdjęcia lotnicze oraz stacjonarne, a także dostosowany do potrzeb Klienta content. Na ostatnim etapie deweloper zaplanował promocję marki w AdWords, która wygenerowała duże zainteresowanie ofertą. Jednocześnie, na stronie wprowadziliśmy pop-up, który ma na celu generowanie leadów.

MARKETING NIERUCHOMOŚCI

CASE STUDY

Powiśle 01 KLIENT: Tillia RODZAJ PROJEKTU: Strona www RODZAJ NIERUCHOMOŚCI: Apartamentowiec ROK REALIZACJI: 2017 ADRES STRONY: www.powisle01.pl GŁÓWNY CEL PROJEKTU:

• Prezentacja apartamentowca Powiśle 01 położonego w centrum Warszawy. • Wyeksponowanie największych walorów nieruchomości: elitarności, nowoczesnego designu, doskonałej lokalizacji. • Stworzenie funkcjonalnej witryny, ułatwiającej przyszłym mieszkańcom budynku kontakt i wymianę informacji z deweloperem. 12 Akademia SkyConcept | Wizerunek w Sieci

Opis projektu Podstawowym założeniem projektu było stworzenie profesjonalnej strony www, która nie tylko wyeksponuje ofertę i stanie się wizytówką warszawskiej inwestycji. Zależało nam, by witryna wzbudzała zainteresowanie, a jednocześnie była użyteczna, czytelna i atrakcyjna wizualnie. Elementy umieszczone na stronie powstały w oparciu o założenia material design – nowoczesnego stylu projektowania rekomendowanego przez Google. Design i szata graficzna witryny nawiązują do kolorystycznego motywu przewodniego budynku – dominują biel, odcienie szarości i elementy przezroczyste. Całość prezentuje się minimalistycznie, ale bardzo elegancko. Witryna Powiśle 01 została stworzona głównie z myślą o potencjalnych kupujących, dlatego wprowadziliśmy kilka funkcjonalnych rozwiązań dla przyszłych mieszkańców. Pierwszym z nich jest nasza autorska aplikacja IPI, zaprojektowana w celu ekspozycji nieruchomości online, która umożliwia administratorowi strony nanoszenie na dowolny obraz interaktywnych obszarów lub punktów. W efekcie użytkownik witryny może wybrać interesujące go piętro budynku i zapoznać

O PROJEKCIE DLA POWIŚLE 01: 1. Stworzenie profesjonalnej i atrakcyjnej wizualnie strony www dla kameralnej warszawskiej inwestycji. 2. Wyeksponowanie najważniejszych walorów budynku. 3. Wykorzystanie funkcjonalnych narzędzi zaprojektowanych z myślą o przyszłych kupujących: IPI, „Strefa Klienta”, interaktywna mapa okolicy. 4. Nowoczesny i spójny z kolorystycznym motywem przewodnim budynku design witryny.

się z ofertą dostępnych na nim mieszkań. Sporym udogodnieniem jest także interaktywna mapa okolicy, na której zaznaczyliśmy najważniejsze punkty leżące w bliskim otoczeniu apartamentowca. Specjalnie dla przyszłych najemców powstała również „Strefa Klienta” – platforma umożlwiająca wymianę niezbędnych informacji, dokumentów i plików między kupującym a deweloperem. Aplikacja porządkuje proces obiegu dokumentacji i kontroluje przebieg negocjacji.

Podsumowanie projektu Strona apartamentowca stanowi kompendium wiedzy o nowopowstającej inwestycji. W atrakcyjny sposób prezentuje ofertę dewelopera i stanowi źródło informacji dla potencjalnych kupujących. Nowoczesny design witryny i użyteczne rozwiązania dla nabywców sprawiają, że www dla Powiśle 01 angażuje użytkowników i zachęca ich do bliższego poznania nieruchomości. Kształtuje to pewną przewagę konkurencyjną i wyróżnia budynek na mieszkaniowej mapie miasta. Dla dewelopera zaś strona www jest pozytywną wizytówką inwestycji i doskonałą prezentacją oferty. 13

MARKETING NIERUCHOMOŚCI

CASE STUDY

Magazyny.pl KLIENT: JLL, Dział Powierzchni Magazynowo-

Przemysłowych

RODZAJ PROJEKTU: Strona www RODZAJ NIERUCHOMOŚCI: Parki magazynowe,

tereny inwestycyjne

ROK REALIZACJI: 2017 ADRES STRONY: www.magazyny.pl GŁÓWNY CEL PROJEKTU:

• Stworzenie strony www, która pozwoli na szybkie i intuicyjne znalezienie odpowiednich ofert z rynku. • Wyróżnienie usług oferowanych przez JLL ze względu na problemy, z jakimi spotykają się potencjalni klienci rynku nieruchomości komercyjnych. • Wyeksponowanie działu Czytelni, który jest zbiorem porad ekspertów, wywiadów i informacji z branży.

14 Akademia SkyConcept | Wizerunek w Sieci

Opis projektu Stworzona przez nas w 2014 roku dla JLL pierwsza odsłona portalu Magazyny.pl stała się w przeciągu kilku lat niezwykle popularną platformą nie tylko ofert z rynku, ale też informacji z branży nieruchomości komercyjnych. Po kilku latach nasz Klient uznał, że strona wymaga odświeżenia, a my dzięki długiej współpracy mogliśmy zaproponować rozwiązania, które są odpowiedzią na potrzeby użytkowników odwiedzających serwis. Jednym z głównych założeń było wyeksponowanie ofert powierzchni magazynowych oraz terenów inwestycyjnych, które dostępne są z poziomu intuicyjnej wyszukiwarki. Użytkownicy już po wejściu w zakładkę obiektów lub gruntów inwestycyjnych widzą liczbę dostępnych ofert w poszczególnych regionach. To zdecydowanie przyspiesza znalezienie odpowiedniej nieruchomości. Ponadto, na głównym slajderze znalazły się najatrakcyjniejsze lokalizacje oraz możliwość szybkiego przejścia do wyszukiwarki.

Zminimalizowanie liczby zakładek pozwoliło uwydatnić to, co w portalu Magazyny.pl jest najistotniejsze, czyli poza ofertami nieruchomości – Czytelnię oraz usługi JLL. Na stronie głównej znalazł się slajder umożliwiający znalezienie najbardziej aktualnych i najciekawszych treści eksperckich oraz danych z rynku. Dzięki Czytelni, do której każdego dnia trafiają nowe informacje, strona www Magazyny.pl spełnia także rolę portalu branżowego. Dodatkowo, użytkownicy znajdą tam materiały wideo z wypowiedziami ekspertów, wywiady, treści poradnikowe oraz pojawiające się co kilka miesięcy raporty podsumowujące sytuację na rynku magazynowo-przemysłowym w Polsce. Potencjalni klienci mogą też w prosty sposób znaleźć odpowiedzi na najczęściej zadawane pytania. W zakładce Rozwiązania JLL znalazł się szereg zagadnień oraz kontakt do eksperta z Działu Powierzchni Magazynowo-Przemysłowych, który udzieli kompleksowej pomocy. Ogromną zaletą projektu nowej strony www.magazyny.pl jest jej zintegrowanie

O PROJEKCIE DLA MAGAZYNY.PL: 1. Projekt strony zrealizowany w oparciu o założenia identyfikacji wizualnej JLL. 2. Strona www w całości zintegrowana z dedykowanym system Eclipse CRM, z którego korzysta Dział Powierzchni Magazynowo-Przemysłowych JLL. 3. Portal przygotowany z myślą o umożliwieniu łatwej nawigacji po ofertach i szybkim docieraniu do najświeższych informacji z rynku.

z systemem Eclipse CRM pozwalającym pracownikom JLL na kompleksowe zarządzanie danymi o nieruchomościach. Zmiany wprowadzone w systemie bezpośrednio wyświetlają się na stronie, dzięki czemu użytkownicy www mają m.in. dostęp do aktualnych informacji o ofercie.

Podsumowanie projektu Po kilku latach funkcjonowania firmowej strony Magazyny.pl stała się ona portalem zarówno z ofertami JLL, jak również z kompleksowymi informacjami z branży nieruchomości komercyjnych. Możliwość połączenia silnika strony z dedykowanym systemem Eclipse CRM jest ogromną zaletą całego projektu. Z jednej strony pracownicy JLL mogą szybko uzupełniać dane o nieruchomościach, z drugiej zaś użytkownicy portalu mają dostęp do ciągle aktualnej oferty. Nowa odsłona portalu została zaprojektowana zgodnie z wyznacznikami identyfikacji wizualnej firmy i utrzymana w podstawowych kolorach zawartych w key visualu JLL. 15

MARKETING NIERUCHOMOŚCI

CASE STUDY

Graffit KLIENT: Hines RODZAJ PROJEKTU: Strona www, content RODZAJ NIERUCHOMOŚCI: Biurowiec ROK REALIZACJI: 2017 ADRES STRONY: www.graffitoffice.pl GŁÓWNY CEL PROJEKTU:

• Zaprojektowanie witryny internetowej prezentującej najważniejsze zalety nowoczesnego biurowca powstającego na warszawskim Mokotowie. • Czytelna prezentacja informacji skierowanych do potencjalnych najemców powierzchni biurowych. • Stworzenie atrakcyjnej szaty graficznej, która podkreśli wyjątkową architekturę obiektu.

Opis projektu Projekt rozpoczęliśmy od szczegółowego zapoznania się z potrzebami i oczekiwaniami Klienta. Naszym wspólnym celem było stworzenie www, które będzie stanowiło wirtualną wizytówkę nowoczesnego obiektu, wyeksponuje wszystkie jego walory oraz zachęci potencjalnych najemców do bliższego poznania oferty – a to wszystko w ciekawej i oryginalnej formie graficznej. Tym, co wyróżnia Graffit jest jego świetna lokalizacja, dlatego postanowiliśmy maksymalnie uwydatnić ten atut. Na stronie umieściliśmy interaktywną mapę, na której zaznaczyliśmy m.in. najważniejsze punkty znajdujące się w pobliżu budynku, tj.: przystanki komunikacji miejskiej, stację metra oraz usytuowane w sąsiedztwie centrum handlowe. Dużym udogodnieniem dla użytkowników strony i przyszłych pracowników budynku jest wyszukiwarka, która umożliwia szybkie odnalezienie wybranego miejsca 16 Akademia SkyConcept | Wizerunek w Sieci

na znajdującej się obok mapie oraz wyznaczenie trasy z Graffitu do innej, interesującej użytkownika lokalizacji. Konstrukcja witryny zachęca użytkowników do większej aktywności, czyli tak zwanych mini interakcji, wśród których można wyróżnić: • wyszukiwarkę trasy, • rozwijane tooltipy na wizualizacjach, • dostęp do galerii i portolio po kliknięciu w przycisk „Pokaż portolio”, • prezentację treści w formie slajdów. Interakcje, w połączeniu z animacjami, mają na celu zaangażowanie użytkownika, przyciągnięcie jego uwagi oraz wydłużenie czasu, jaki spędza na przeglądaniu treści dostępnych na stronie. Podczas tworzenia strony zdecydowaliśmy się na lekką i przejrzystą formę graficzną oraz kolory nawiązujące do logotypu i oryginalnego designu biurowca. Aby osiągnąć taki efekt, wykorzystaliśmy założenia stylu flat

O PROJEKCIE DLA GRAFFITU: 1. Stworzenie funkcjonalnej witryny, zawierającej cały pakiet informacji dla przyszłych najemców. 2. Zaprojektowanie oryginalnej, nawiązującej do designu biurowca, szaty graficznej. 3. Stworzenie treści na stronę. 4. Opracowanie i wdrożenie narzędzi przyciągających większą uwagę użytkownika.

design. Trend, zwany również płaskim projektowaniem, zyskał dużą popularność przy okazji premiery systemu Windows 8. Styl zakłada ograniczenie liczby kolorów i ozdobników, używanie geometrycznych kształtów i prostych fontów oraz eliminowanie takich elementów, jak lustrzane odbicia, gradienty czy cieniowania. Dzięki zastosowanym rozwiązaniom strona biurowca jest przejrzysta i co najważniejsze – czytelna.

Podsumowanie projektu WWW dla Graffitu w kompleksowy sposób prezentuje nowoczesną przestrzeń biurową. Stanowi przewodnik dla przyszłych najemców i znakomicie eksponuje wszystkie walory nowopowstającej inwestycji. Przejrzysta szata graficzna nie odwraca uwagi użytkownika, przeciwnie – świetnie współgra z zawartymi na stronie treściami. 17

MARKETING NIERUCHOMOŚCI

błędy popełniane na stronach www dla nieruchomości Dlaczego strona internetowa nie przynosi oczekiwanej konwersji? Skąd tak niski współczynnik czasu spędzanego na www? Dlaczego dodatkowe kampanie kierujące ruch do witryny nie podnoszą statystyk użytkowania? Przyczyną takiej sytuacji są błędy, których można uniknąć, ale należy mieć świadomość ich istnienia. Oto 3 główne problemy pojawiające się na stronach www dla nieruchomości.

18 Akademia SkyConcept | Wizerunek w Sieci

Brak responsywności

ŁUKASZ KACZYŃSKI, SENIOR SOFTWARE DEVELOPER

Wciąż rośnie liczba użytkowników oglądających strony internetowe za pomocą urządzeń mobilnych. Coraz większy udział ruchu mobilnego to już tendencja globalna. Według StatCounter ruch mobilny stanowi 39% wszystkich stron internetowych. Raport Digital in 2016 od We Are Social, StartCounter wskazuje, że Polska jest na szóstym miejscu pod względem udziału internetowego ruchu mobilnego z wynikiem 51% stron internetowych, które odwiedzone zostały na smartfonach i tabletach. Jak w tym świetle wypadają strony, które nie są dostosowane do urządzeń mobilnych? Nie trzeba chyba długo przekonywać, że użytkownicy korzystający z Internetu przez smartfony i tablety nie zatrzymają swojej uwagi na stronie www, która będzie nieczytelna i nie pozwoli na płynną nawigację po treściach. Poprawne wyświetlanie zdjęć, możliwość przechodzenia do kolejnych podstron czy korzystanie z akcji takich, jak wypełnienie formularza powinno być dostępne w wygodny i intuicyjny sposób zarówno na komputerze, jak i na urządzeniach mobilnych. Responsywność stron www to podstawowy element skutecznej witryny w XXI wieku.

Dynamika środowiska internetowego wymaga ciągłego śledzenia trendów, nowości oraz zmian, jakie zachodzą w technologiach. Tylko wtedy można stosować rozwiązania, które długoterminowo pozwolą korzystać firmie ze skutecznej witryny internetowej. Jest to szczególnie istotne w branży nieruchomości, gdzie klient jest często wymagający i szuka zaufanego partnera biznesowego, a dobrze prezentująca się i funkcjonalna strona www jest prawdziwą wizytówką dewelopera.

Błędy technologiczne sprawiają, że użytkownicy mogą bezskutecznie próbować pozyskać informacje ze strony www, a tym samym zniechęcić się do dalszego eksplorowania witryny. Jednak częstym i kardynalnym błędem stron www w branży nieruchomości jest brak udostępniania właściwych danych. Pozostawiając na bocznym torze kwestię istoty samego contentu na stronie www i budowania przez niego pozycji w wyszukiwarce oraz zaufania odbiorców, należy zwrócić uwagę na to, jak ważna jest aktualność informacji w branży nieruchomości. Prezentując na stronie www ofertę powierzchni na sprzedaż czy wynajem, już na poziomie wyszukiwania przez potencjalnego klienta możemy zatrzymać jego uwagę. Oczywiście jeśli tylko strona przedstawia właściwe dane, co często jest pochodną integracji strony www z systemem CRM, pozwalającym na automatyczne aktualizacje. Użytkownik widząc ofertę, która spełnia jego oczekiwania jest bardziej skłonny do wysłania zapytania, wypełnienia formularza czy wykonania połączenia telefonicznego. Aktualizacje treści świadczą o dbałości zarówno o klienta, jak i wizerunek firmy aktywnie działającej na rynku.

worzenie stron T w technologii Flash

Co może być gorszego od niewłaściwego wyświetlania się strony? Jej kompletne niedostosowanie technologiczne do wymogów przeglądarek internetowych. Dzieje się tak w przypadku stron www stworzonych w Adobe Flash, która powoli staje się internetową pieśnią przeszłości. Technologia ta nie jest już rozwijana przez samego producenta, a to sprawia, że o ile środowisko technologiczne się zmienia, o tyle Flash stoi w miejscu. Tym samym, nie ma możliwości, żeby pojawiające się wciąż nowe wymogi przeglądarek były spełniane przez strony www, które powstały w programie, który już się nie rozwija. Dlatego też, już teraz witryny flashowe nie wyświetlają się w przeglądarce Chrome oraz Safari. Tym samym grono odbiorców, którzy korzystają z tych przeglądarek i urządzeń Apple nie ma możliwości otwarcia stron powstałych w Adobe Flash. Jak uniknąć sytuacji, w której witryna www powstaje w przestarzałej technologii? Otóż powierzenie realizacji strony www profesjonalistom pozwala uchronić się przed takimi

błędami. Środowisko internetowe jest bardzo dynamiczne, dlatego tylko specjaliści są w stanie doradzić rozwiązania, które zapewnią maksymalną funkcjonalność i użyteczność witryny internetowej.

Brak aktualnych danych

MARKETING NIERUCHOMOŚCI

5 trendów w web designie

Połączenie funkcjonalności z atrakcyjnym wyglądem strony www to wyzwanie, z którym zmagają się projektanci chcący sprostać wymaganiom użytkowników. Dlatego web design to jedna z tych dziedzin, w której ciągle zachodzą dynamiczne zmiany. Poznajcie najpopularniejsze trendy w projektowaniu i dowiedzcie się, jakie strony są aktualnie na topie.

Minimalizm

Przerost formy nad treścią? Nic podobnego! Do lamusa odchodzą ozdobniki, lustrzane odbicia czy niestandardowe fonty, które mogłyby rozpraszać uwagę użytkownika strony. Obecnie internauci preferują przejrzyste, czytelne witryny, które zapewniają szybki dostęp do najważniejszych informacji. W ostatnim czasie coraz większą popularnością cieszy się tzw. projektowanie płaskie. „Flat design” sprawia, że interfejs strony staje się bardziej intuicyjny i responsywny. Jedną z odmian stylu jest „material design”, który charakteryzuje się trójwymiarowością, używaniem czystych, pastelowych barw oraz stosowaniem prostych kształtów.

Ciekawa typografia

Typografia to nie tylko ważny trend, ale również istotna część projektowania stron internetowych. Odpowiednio dobrany krój czcionki umożliwia szybkie czytanie, nawigację i skanowanie treści, a dodatkowo – jest atrakcyjnym elementem wizualnym witryny. Oryginalne typografie, tworzące spójną kompozycję z pozostałymi detalami na stronie sprawiają, że cały projekt nabiera niebanalnego, świeżego charakteru. Co więcej, przekaz zaprezentowany w takiej formie dużo szybciej dociera do odbiorców i kieruje ich uwagę na najważniejsze naszym zdaniem treści. Jest to doskonały sposób, aby 20 Akademia SkyConcept | Wizerunek w Sieci

MATEUSZ ZARCZUK, GRAPHIC DESIGNER

Planując stworzenie strony internetowej dla firmy czy konkretnej oferty należy pamiętać, że bardzo istotne jest określenie potrzeb grupy docelowej i samego przedsiębiorstwa. Analiza poprzedzająca stworzenie projektu graficznego pozwala określić ważne punkty i momenty, które mają skłonić użytkownika do działania w witrynie www. Wygląd strony ma być tą przysłowiową „kropką nad i” jeśli chodzi o zaangażowanie potencjalnych klientów. Jednocześnie, strona www jest wizytówką, która dużo mówi o firmie. Estetyczna, nowoczesna, odpowiadająca potrzebom informacyjnym użytkowników jest świadectwem podejścia do biznesu i szacunku do Klienta.

umiejętnie przedstawić ważne informacje lub tak pokierować użytkownikiem, aby wykonał akcję, na której nam zależy.

rofesjonale zdjęcia P i rezygnacja ze stocka

Wysokiej jakości fotografie dostosowane do potrzeb klienta zdecydowanie wygrywają ze stockowymi zdjęciami pobranymi z internetu. Użytkownicy zupełnie inaczej postrzegają obrazy, które bezpośrednio odnoszą się do konkretnej firmy czy produktu. Co z tego wynika? Jeśli chcemy zainteresować użytkownika i zatrzymać go na stronie powinniśmy zrezygnować z banków oferujących stockowe fotografie. Skupmy się na oryginalnych projektach, do których zaliczają się m.in. indywidualne sesje na zlecenie klienta. Zadbajmy także, aby obrazy znajdujące się na naszej witrynie były spójne z animacjami oraz motywem przewodnim pozostałych elementów www, które z kolei powinny charakteryzować się minimalistycznym designem. Głównym celem jest czytelność i efektywność – pamiętajmy o tym!

Storytelling

Wśród trendów należy wyróżnić również storytelling – sztukę używania słów i metafor w celu zobrazowania odbiorcom pewnej idei w sposób,

który wpływa na ich emocje i wyobraźnię. „Narracja wizualna” daje możliwość oddziaływania na użytkowników, pozwalając skupiać ich uwagę na eksplorowaniu www. Snucie historii jest niezwykle przydatne szczególnie przy prezentowaniu nowego produktu lub wydarzenia. Storytelling pomaga odbiorcom zrozumieć ich motywacje i działania. Użytkownicy potrzebują czuć więź z produktem, a zbudować tę więź można właśnie za pomocą strony internetowej.

Angażowanie użytkownika

Coraz bardziej popularne stają się tzw. miniinterakcje, które mają na celu zachęcenie użytkowników do aktywności na stronie, jak np. udostępnienia posta, polubienia go lub szybkiego skomentowania – nawet bez konieczności otwierania artykułu. Chodzi przede wszystkim o bazowanie na wzajemnych akcjach, które są kluczem do zwiększenia zainteresowania zarówno samą stroną www, jak i oferowanymi na niej usługami czy produktami. Kolejnym sposobem na budowanie zaangażowania wśród odbiorców naszej witryny są animowane elementy interfejsu. Oprócz tego, że skutecznie zatrzymują uwagę internautów, umożliwiają również łatwiejsze i bardziej intuicyjne poruszanie się po zaprojektowanej przestrzeni użytkowej. Ważne, by przed umieszczeniem na stronie takich elementów dokładnie przeanalizować cel i działanie animacji. 21

MARKETING NIERUCHOMOŚCI

Jakie strony www lubi

Która firma nie marzy o tym, by znaleźć się na samej górze bezpłatnych wyników wyszukiwania Google? Istnieje kilka sposobów, które pomogą naszej stronie zaskarbić sobie sympatię lidera wśród wyszukiwarek internetowych. Czym zatem powinna charakteryzować się witryna, by mogła osiągnąć wysoką pozycję? Oto 5 wyznaczników, które z pewnością pomogą osiągnąć szczyt organicznych wyników wyszukiwania.

Wartościowe treści

Co decyduje o pozycji naszej strony internetowej w wyszukiwarce? Przede wszystkim jej zawartość! Content to najważniejszy element każdej witryny. Dlatego niezwykle istotne jest publikowanie użytecznych, ale i unikalnych treści oraz ich odpowiednie aktualizowanie. Prowadź firmowego bloga, angażuj odbiorców, twórz wartościowe artykuły, nawiązuj do branży, którą reprezentujesz, a przekonasz się, że Google to doceni! Bo merytoryczny content, oprócz tego, że buduje relację z użytkownikiem strony i kreuje pozytywny wizerunek marki w Sieci, cały czas „pracuje” na pozycję Twojej strony w wynikach wyszukiwania.

Krótki czas ładowania strony

Czas ładowania się witryny to kluczowy aspekt dla większości internautów. Możemy być pewni, że zawieszająca się, wolno działająca strona szybciej skutecznie odstraszy potencjalnych klientów, niż sprawi, że zainteresują się naszą ofertą. Użytkownicy niestety będą chcieli jak najszybciej opuścić witrynę, a szanse, że odwiedzą ją ponownie diametralnie zmaleją. Nie działajmy zatem na swoją niekorzyść! Zróbmy wszystko, by maksymalnie usprawnić i przyspieszyć działanie www. Poprośmy o pomoc profesjonalistów. Zadbajmy o funkcjonalny

22 Akademia SkyConcept | Wizerunek w Sieci

hosting, skorzystajmy z narzędzi Google, które przeanalizują witrynę i wskażą, co powinniśmy zmienić.

Pomocne linki

Linki to wciąż jeden z podstawowych i najważniejszych czynników rankingowych w Google. Wartościowy tekst, atrakcyjne wizualnie zdjęcia, infografiki czy angażujące wideo – to treści, które odbiorcy bardzo chętnie podają dalej, dzieląc się nimi z innymi internautami. Kiedy użytkownicy udostępniają je na swoich blogach lub fanpage’ach nasza strona generuje linki, które z kolei bardzo docenia Google.

Responsywność

Obecnie znakomita część internautów przegląda witryny internetowe na smartfonach i tabletach. Z czym to się wiąże? Z koniecznością dostosowania waszych stron do różnego rodzaju urządzeń. Witryna powinna automatycznie dopasowywać się do wielkości wyświetlacza urządzenia użytkownika i zapewniać internaucie łatwy i kompleksowy dostęp do wszystkich zawartych na niej treści. Google kładzie spory nacisk na ten element funkcjonowania strony, dlatego witryny, które nie spełniają

wspomnianych kryteriów niestety szybko spadają w pozycjach wyszukiwania. Nie lubią ich ani użytkownicy, ani Google. Zadbajcie więc o responsywność www – naprawdę warto!

Social media

Chcesz, by Twoja witryna była wysoko w wyszukiwarce Google? Pozwól jej zaprzyjaźnić się z Social Mediami. Okazuje się bowiem, że nie tylko użytkownicy przywiązują uwagę do lajków i udostępnień – Google także! Szczególnie, jeśli aktywności generowane są naturalnie przez osoby, które interesują się tematyką związaną z treściami na stronie. Im więcej treści „wyszerowanych” z docelowej witryny, tym lepsza pozycja w Google. Dlatego też warto na stronach www umieszczać odnośniki do firmowych kont. A ponieważ Social Media dają duże pole do ekspozycji swojej marki, można wybrać portale odpowiadające profilowi firmy – biznesowe, jak LinkedIn, GoldenLine, Behance, czy bliższe przedsiębiorstwom z branż B2C, które z powodzeniem mogą wykorzystywać takie Social Media jak: Facebook, Instagram czy Snapchat. Niezależnie od tego co wybierzemy, konsekwentnie prowadzone działania z pewnością przyniosą oczekiwane skutki i będą sprzyjać budowaniu silnej pozycji strony www w Google. 23

MARKETING NIERUCHOMOŚCI

OD POMYSŁU DO PUBLIKACJI Proces powstawania witryny internetowej

ANALIZA POTRZEB

MAKIETY FUNKCJONALNE

PROJEKT GRAFICZNY

W pierwszym etapie pracy nad nową stroną www należy ściśle określić potrzeby klienta. Dotyczy to zarówno samej formuły strony – czy to wizytówki konkretnej oferty, czy strony firmowej, jak i potrzeb w zakresie dostarczenia na stronę contentu – zdjęć, filmów, treści. Na tym etapie też podejmowane są decyzje dotyczące tego, czy klient będzie korzystał z gotowych rozwiązań do obsługi strony www, czy wybierze dedykowany CMS. Analiza potrzeb pozwala określić zakres prac i czas niezbędny do zrealizowania witryny internetowej.

Aby przekonać się, jakie funkcjonalności na stronie www sprawdzą się najlepiej, niezbędne jest wykonanie makiet. Dzięki nim można zobaczyć takie elementy jak liczba zakładek, formularzy, miejsc, które będą generowały wykonanie jakiejś akcji w witrynie internetowej. Makiety funkcjonalne powstają w oparciu o wcześniejszą analizę potrzeb i tym samym, pozwalają sprawdzić, czy wszystkie przyjęte założenia znalazły się w projekcie.

Etap projektowania graficznego jest niezwykle istotny, gdyż często wygląd jest pierwszym wyznacznikiem tego, czy użytkownik pozostanie na stronie dłużej i zechce zapoznać się z treściami. Trendy w projektowaniu stron www zmieniają się dość dynamicznie, co nie zmienia faktu, że planując layout witryny należy brać pod uwagę jej spójność z oferowanymi produktami, usługami czy identyfikacją wizualną marki.

WDROŻENIE I OPTYMALIZACJE

PUBLIKACJA – HOSTING I DOMENA

IMPLEMENTACJA ANALITYKI

Na tym etapie projekty graficzne nabierają finalnego wyglądu. Po ustaleniu funkcjonalności i layoutu strony rozpoczyna się bowiem czas realizacji projektu w warstwie graficznej i programistycznej. W tym czasie następuje wdrożenie wszystkich wcześniej ustalonych funkcjonalności, dostosowanie strony pod względem responsywności oraz optymalizacja pod kątem SEO.

Z publikacją strony www wiążą się decyzje dotyczące hostingu, czyli umieszczenia strony w przestrzeni wirtualnej. Wybierając usługodawcę w tym zakresie warto mieć na uwadze, że firma powinna gwarantować bezpieczeństwo przechowywania danych oraz pewność tworzenia ich kopii. Bardzo istotnym elementem jest również odpowiednia domena, pod którą użytkownicy będą mogli znaleźć witrynę.

Ostatnim etapem, o którym warto pamiętać uruchamiając nową stronę www, jest wdrożenie narzędzi analitycznych. Dzięki nim można nie tylko śledzić ruch na stronie i kontrolować działania użytkowników, ale przede wszystkim wyciągać wnioski i podejmować decyzje dotyczące ewentualnych zmian w przyszłości. Należy pamiętać, że strona www to żywy organizm a Internet nie znosi stagnacji i nawet najlepiej przemyślana strona www po jakimś czasie wymaga odświeżenia.

MARKETING NIERUCHOMOŚCI

Jak stracić Klienta w 10 sekund

trona internetowa dla Twojej firmy jest tym, czym powietrze dla człowieka. Jeśli tego nie rozumiesz nie czytaj dalej. Daj sobie spokój. Najlepiej z biznesem. Mocne? Tak, ale prawdziwe. Nie możesz robić dobrego biznesu, nie możesz sprzedawać, jeśli nie posiadasz dobrej strony internetowej. To jest niemożliwe i lepiej to sobie uświadomić jak najwcześniej. Wiele razy moi współpracownicy pytają mnie: Jacku dlaczego codziennie zakładasz do pracy białą koszulę i marynarkę? Zakładam, bo strój to moja wizytówka. Tak, to prawda – najważniejsze są wiedza i kompetencje, ale wygląd potwierdza w sposób niewerbalny kompetencje, osobowość, stosunek do firmy i pracy. Dokładnie tak jest z działalnością Twojej firmy. Ważne jest co robisz, jakość usług, ale to strona internetowa przekona potencjalnego klienta do tego, żeby zainteresował się Twoją ofertą. Przeglądając wiele witryn internetowych zawsze dziwi mnie, kiedy właściciele firm zapominają o tym, że w ogóle mają stronę www. Mało tego, wiele firm nie traktuje jej jako narzędzia wizerunkowego i przede wszystkim sprzedażowego. Dlaczego? Nie mam bladego pojęcia. W biznesie – szczególnie w obecnych czasach – nie ma już miejsca na bylejakość w Internecie. Musisz mieć stronę, która jest najlepsza i najtrafniej pokazuje to, co robi Twoja firma. Czyli jaką? Po pierwsze – content. Witryna internetowa nie może być jedynie i dosłownie – wizytówką. W Sieci nie możesz się ograniczać tylko do udostępnienia danych kontaktowych. Twoi potencjalni klienci szukają konkretnych informacji, a tylko dobry content może ich skierować na Twoją stronę www. Nie bój się zatem „sprzedawać” swojej wiedzy w Internecie. W ten sposób budujesz wiarygodność całej firmy. Mówiąc precyzyjniej, jeśli w ofercie posiadasz mieszkania, to pokaż na stronie internetowej, że wiesz JACEK GRATKIEWICZ, PR EXECUTIVE

o budowaniu mieszkań wszystko. Przy czym nie zapominaj, żeby content nie był tylko pustymi słowami… Wielokrotnie spotykam się ze stronami, które są „zapchane” słowem ale kompletnie nie zachęcają do interakcji i zagłębienia się w treść. Wspomniana wcześniej wiedza musi być bowiem pokazana w sposób atrakcyjny wizualnie. To jak z samochodami – nawet najlepszy silnik w brzydkiej obudowie się nie sprzeda. Nie ma takiej możliwości. Czyli po drugie – grafika. Jeśli strona dobrze wypada pod względem wizualnym, to potencjalny klient lepiej odbiera to, co jest na niej napisane. Dobre zdjęcia czy infografiki to obudowa Twojego – w końcu – najlepszego silnika. Oczywistym jest, że osoba szukająca biura dla firmy, przeglądając witrynę internetową dewelopera w krótkim czasie wyrabia sobie opinię, czy jest on w stanie wybudować odpowiednią siedzibę, albo czy warto wybrać coś z istniejącej oferty. Krótko mówiąc, strona www jest jak Twoja koszula – w brudnej nie przekonasz nikogo, że jesteś wystarczająco kompetentny. A przy okazji pamiętaj! Nic nie trwa wiecznie i stronę www też musisz odświeżać. Trendy się zmieniają, a razem z nimi design witryn internetowych. Na rynek wchodzą nowe pokolenia, które świat odbierają głównie wizualnie. Ich standardy są już inne niż klienta sprzed 5 lat. Twoja firma musi za tymi zmianami nadążać. Podczas jednego ze szkoleń Sprawnego Marketingu posłużono się danymi, które już teraz powinny Cię przestraszyć. Otóż tylko 10 sekund wystarczy, żeby potencjalny klient stwierdził czy znalazł firmę, która spełnia jego oczekiwania czy nie. Jeśli powie NIE – opuści witrynę, a Ty stracisz go na długo, albo na zawsze. Możesz sobie na to pozwolić? Jeśli odpowiadasz teraz na to pytanie przecząco, to witaj w SkyConcept. Trafiłeś idealnie.

Masz pytania dotyczące stron www dla branży nieruchomości? Skontaktuj się z nami, a chętnie na wszystkie odpowiemy

Michał Klimorowski IT Manager

Kinga Fornal Project Manager

tel. +48 695 962 695 michal.klimorowski@skyconcept.pl

tel. +48 732 989 265 kinga.fornal@skyconcept.pl