Firmowa strona www dla branży IT, technicznej, produkcyjnej - powody redesignu

P R E Z E N T U J E Pomysły i inspiracje do redesignu Branże: IT, techniczna, produkcyjna, korporacje STRONA FIRMOWA/KORPORACYJNA

Treść prezentacji:

Pomysły i inspiracje do redesignu Branże: IT, techniczna, produkcyjna, korporacje STRONA FIRMOWA/KORPORACYJNA Przygotowanie POWODY ZMIANY STRONY FIRMOWEJ Kiedy zmieniać stronę www? Jakie są najczęstsze powody? ★ aktualna strona nie osiąga stawianych przed nią celów (np. nie daje zapytań) ★ stronę ciężko jest aktualizować (zajmuje to dużo czasu, kosztuje dużo lub jest po prostu niemożliwe) ★ strona jest ciężka w obsłudze dla odwiedzających ★ brak wersji responsywnej (dostosowanej do smartfonów i tabletów, czyli RWD) ★ firma wprowadza nową strategię marketingową ★ konkurencja ma lepszą stronę ★ brak integracji z narzędziami marketingowymi i sprzedażowymi firmy CELE NOWEJ STRONY Przykładowe cele nowego serwisu. Cele wizerunkowe: ★ dostosowanie do panujących trendów w designie (strona ma być nowoczesna) ★ dostosowanie do nowej identyfikacji wizualnej firmy Cele UX: ★ poprawienie intuicyjności nawigacji Rys. 1 Fragment strony “Historia” w serwisie Luqam.com Realizacja: Krakweb CELE NOWEJ STRONY Przykładowe cele nowego serwisu. Cele marketingowe: ★ zwiększenie ruchu ★ zwiększenie współczynnika konwersji (np. liczby zapytań ofertowych w stosunku do odwiedzin), ★ zmniejszenie współczynnika odrzuceń, ★ zwiększenie czasu przebywania na stronie, ★ zwiększenie zaangażowania użytkowników Rys. 2 Wzrost w serwisie www.marketing101.pl Realizacja: Krakweb CELE NOWEJ STRONY Przykładowe cele nowego serwisu. Cele operacyjne, analityczne, sprzedażowe: ★ skrócenie ścieżki dotarcia do podstrony ofertowej, ★ integracja systemów IT ★ skrócenie ścieżki dotarcia do podstrony ofertowej, ★ wsparcie rekrutacji - zebranie CV ★ obniżenie kosztów zarządzania stroną i jej utrzymania Rys. 3 Nowoczesna strona korporacyjna: www.softwaremind.com Realizacja: Krakweb | Projekt: Ailleron Rys. 4 Tablica z inspiracjami: https://pl.pinterest.com/krakweb/webdesign/ ZAŁOŻENIA ★ Jaki jest Twój budżet? ★ Jakie są cele strony? Jakie są cele redesignu? ★ Co jest dobrego w aktualnej stronie? ★ Co jest w niej złego i czego brakuje? ★ Jakie strony Ci się podobają? Więcej pytań znajdziesz w briefie. Wypełnij brief: formularz online: https://goo.gl/wrfuyM dokument: https://goo.gl/GXwZaR ETAPY REDESIGNU ★ Wypełnij brief ○ Określ cel serwisu i cel redesignu. ★ Wybierz co z aktualnego serwisu przenosisz ★ Przygotuj persony (opcjonalnie) ★ Stwórz drzewo struktury serwisu ★ Stwórz makiety funkcjonalne. Na początek może to być szkic na kartce. ★ Przygotuj treści dla strony ★ Stwórz harmonogram Rys. 5 Przykład persony ( https://goo.gl/Hf21ql ) Realizacja: Krakweb, projekt: Marketing101.pl Funkcje, moduły, podstrony ROZWIĄZANIA ★ Prosta i intuicyjna nawigacja, ★ Klasyczna, łatwa do opanowania architektura informacji, ★ Nowoczesna kreacja strony, ★ Dostosowanie do urządzeń mobilnych . Zmiany mające na celu zwiększenie zainteresowania produktami i usługami oferowanymi przez firmę, a w rezultacie zwiększenie grona klientów. Rys. 6 Strona główna Arrow Akademii Security Realizacja: Krakweb Podstrony PLANOWANE PODSTRONY Wybrane propozycje podstron: ★ O firmie ★ Aktualności Podstrony skierowane do każdej z grup klientów zawierające dedykowaną ofertę, aktualne promocje oraz formularze kontaktowe: ★ Oferta ★ Dla partnerów ★ O technologii ★ Wydarzenia Rys. 7 do uzupełnienia O FIRMIE Cele: ★ przedstawienie podstawowych informacji o firmie: ➞ zakres działalności ➞ misja ➞ zarząd firmy ➞ kodeks etyczny ★ zainteresowanie potencjalnych klientów ofertą, ★ przedstawienie wartości firmy. Rys. 8 Przykład podstrony “O nas” na serwisie firmowym Payroll360.pl Realizacja: Krakweb O FIRMIE - profil działalności ★ intuicyjna nawigacja, ★ widoczny podział treści, ★ możliwość załączenia fotografii, infografik i video. Rys. 9 Przykład strony internetowej prezentujacej profil firmy https://pl.asseco.com/ Rys. 10 Boks aktualności na stronie głównej http://www.tktranslate.pl Realizacja: Krakweb AKTUALNOŚCI - najnowsze informacje o firmie Cele: ★ wyróżnienie najważniejszych aktywności/wydarzeń, ★ prezentacja ich w atrakcyjny, łatwy do przyswojenia sposób, ★ zwrócenie uwagi na działania podejmowane przez firmę, ★ budowa pozytywnego wizerunku firmy, ★ Employer Branding AKTUALNOŚCI - najnowsze informacje wokół marki ★ bogate podstrony - połączenie stron tekstowych z fotografiami i/lub wideo, ★ możliwość komentowania, ★ Call To Action - np. zapis do newslettera, ★ integracja z social media, ★ łatwa nawigacja, ★ przejście do kolejnych / poprzednich, ★ powiązania z galeriami. Rys. 11 Aktualności na stronie www.sds.pl Realizacja: Krakweb OFERTA - strona dedykowana klientom Cele: ★ prezentacja produktów, ★ dostarczenie klientowi niezbędnych informacji, ★ zainteresowanie ofertą, ★ wsparcie sprzedaży - np. możliwość dodania do schowka i porównania dostępnych produktów Rys. 12 Oferta produktowa na stronie Sonos http://www.sonos.com/en-wo/shop OFERTA - strona dedykowana klientom Funkcjonalność: ★ kategorie produktów, ★ fotografia produktowa, ★ filtrowanie listy wg parametrów (np. typu produktu, najwyżej ocenianych), ★ wyszukiwarka produktów, ★ ocena produktu. Rys. 13 Zrzut oferty produktowej na stronie Arrow.com https://www.arrow.com/en DLA PARTNERÓW - współpraca Cele: ★ kreowanie wizerunku firmy jako solidnego partnera biznesowego, ★ prezentacja oferty skierowanej do współpracowników, ★ określenie wymogów formalnych dotyczących współpracy, ★ informowanie o szkoleniach dedykowanych partnerów firmy. Rys. 14 Fragment podstrony “Program lojalnościowy” na luqam.com Realizacja: Krakweb DLA PARTNERÓW - współpraca Funkcjonalności: ★ prosta i intuicyjna nawigacja, ★ możliwość pobrania dokumentów do wydruku, ★ dostępność formularza kontaktowego. O TECHNOLOGII - content marketing + oferta Cele: ★ publikacja treści wartościowych dla klienta, ★ case studies - produkty oraz ich praktyczne zastosowanie, ★ budowanie autorytetu marki, ★ wzrost ruchu na stronie, ★ wzrost zaangażowania. Rys. 15 Podstrona działu “Wiedza” na luqam.com Realizacja: Krakweb O TECHNOLOGII - content marketing + oferta Funkcjonalności: ★ możliwość załączania fotografii lub video, ★ call to action - zachęta zapisu do newslettera, ★ połączenie z social media, ★ możliwość przejścia do kolejnego artykułu. Rys. 16 Przykład strony zawierającej wartościowe newsy technologiczne https://www.future-processing.pl/blog KARIERA - baza aktualnych ofert pracy Cele: ★ informowanie o możliwości podjęcia pracy, ★ opisanie procesu rekrutacyjnego w firmie, ★ Employer Branding - kreowanie wizerunku firmy jako atrakcyjnego pracodawcy. Rys. 17 Przykład podstroiny Kariera: http://www.tktranslate.pl/kariera Realizacja: Krakweb KARIERA - baza aktualnych ofert pracy Funkcjonalności: ★ katalog z aktualnymi ofertami pracy, ★ formularz z możliwością załączenia CV oraz listu motywacyjnego, ★ możliwość rejestracji w celu otrzymania powiadomień o nowych ofertach. Rys. 18 Przykład podstrony skierowanej do potencjalnych pracowników http://www.dell.com.pl/ KONTAKT Cele: ★ możliwość szybkiego kontaktu z odpowiednim działem, ★ dogodna dla klienta forma kontaktu, ★ prezentacja danych adresowych firmy, ★ mapa z dojazdem do siedziby firmy. Rys. 19 Przykład różnych opcji kontaktu ze strony: https://inwestor.asseco.com/ KONTAKT Funkcjonalności: ★ możliwość kontaktu poprzez formularz, e-mail oraz telefonicznie, ★ pop-up zachęcający do pozostawienia danych w celu kontaktu ze strony pracownika, ★ integracja z social media. Rys. 20 Przykład formularza kontaktowego na stronie Krakweb.pl https://www.krakweb.pl/ Moduły Moduły ★ Newsletter ułatwiający dotarcie z ofertą i aktualnymi promocjami do potencjalnych klientów, ★ Live Chat umożliwiający prowadzenie rozmów z klientem bezpośrednio na firmowej stronie, ★ Intranet odpowiadający za efektywniejszą komunikację w firmie. Rys. 21 Moduły ICEberg CMS LANDING PAGE Cele: ★ nakłonienie do wykonania pożądanych akcji (kontakt, zapis do newslettera, zakup produktu), ★ wyróżnienie spośród konkurencyjnych stron, ★ skierowanie użytkownika do odpowiednich treści, ★ generowanie leadów - zbudowanie bazy kontaktów. Rys. 22 Zrzut ze strony internetowej firmy dystrybucyjnej http://www.cloudwalks.com/ LANDING PAGE - elementy Pasek logotypów “Nasi partnerzy” potwierdzający wizerunek firmy jako solidnego partnera biznesowego. Rys. 23 Zrzut ze strony internetowej firmy Alibaba http://www.alibaba.com/ LANDING PAGE - elementy Statystyki i dane wzmacniające wizerunek firmy i przedstawiające jej działalność w pozytywnym świetle. Rys. 24 Zrzut ze strony internetowej firmy Comarch http://www.comarch.pl/ LANDING PAGE - elementy Opinie klientów potwierdzające fakty na temat firmy oraz jej produktów i usług. Rys. 25 Zrzut ze strony internetowej: http://www.wp-superplugins.com/ LANDING PAGE - elementy Podsumowanie + Call to Action poprawiające wskaźnik konwersji Rys. 26 Zrzut ze strony internetowej ze strony: http://www.gotomeeting.com/ Dodatki DODATKI - Newsletter Cele: ★ informowanie klientów o nowościach i ofertach promocyjnych, ★ stworzenie rozbudowanej bazy docelowych klientów, ★ budowanie zainteresowania marką, ★ zwiększenie sprzedaży. Rys. 27 Przykład newslettera ze strony http://esmont.pl/ DODATKI - Newsletter Funkcjonalność: ★ statystyki wysyłania newsletterów w czasie rzeczywistym, ★ łatwe zarządzanie grupami odbiorców , ★ funkcja ustalania daty i godziny wysyłania, ★ możliwość rezygnacji z subskrypcji. Rys. 28 Boks zapisu na newsletter - strona korporacyjna LUQAM - http://www.luqam.com Realizacja: Krakweb DODATKI - Live Chat Cele: ★ zachęta do kontaktu, ★ możliwość szybkiej komunikacji z klientami, ★ poprawa wyników sprzedaży, ★ wzrost satysfakcji klientów. Rys. 29 Przykład Live Chat z strony Arrow https://www.arrow.com/en DODATKI - Live Chat Funkcjonalność: ★ multi czat - możliwość dodania kolejnego konsultanta do rozmowy, ★ dostęp z różnych urządzeń - komputer, tablet, smartphone, ★ opcja "Zostaw Wiadomość" gdy konsultant jest niedostępny, ★ sygnał dźwiękowy , gdy gość prosi o rozmowę, ★ transfer rozmowy do innego pracownika. DODATKI - Intranet Cele: ★ efektywniejsza komunikacja w firmie, ★ łatwy dostęp do wszystkich danych dla wybranych pracowników, ★ błyskawiczne aktualizacje i modyfikacje danych, ★ szybkie powiadamianie pracowników o nowościach, zebraniach itp. Rys. 30 Przykład intranetu DODATKI - Intranet Funkcjonalność: ★ łatwa nawigacja, widoczny podział treści, ★ możliwość uzupełnienia dokumentów za pomocą formularza i pobrania ich do wydruku, ★ zarządzanie użytkownikami (dodawanie, edycja, zwalnianie, określanie uprawnień). Źródła ★ https://www.hubspot.com/how-to /website-redesign ★ https://www.b2bmarketing.net/en -gb/resources/blog/how-determi ne-your-goals-website-redesign Uzupełnienie: ★ https://www.starkmedia.com/blo g/how-to-identify-goals-for-a-we bsite-redesign/ ★ http://www.digitaldistillers.com/bl og/9-steps-to-a-successful-webs ite-redesign KILKA SŁÓW O NAS... 10 lat doświadczenia ★ Strony www ★ Produkty: e-mail marketing, CMS, synchronizacja kontaktów ★ Software development Autorski CMS (ICEberg) ★ Edycja wszystkich treści ★ Pełna optymalizacja SEO ★ Moduły marketingowe PRACUJEMY M.IN. DLA: ZAPRASZAMY DO KONTAKTU Maciej Chmielowski ✉ maciek@krakweb.pl ☎ (+48) 507-59-58-59 ☏ (12) 429-30-13 Agencja Interaktywna Krakweb.pl www.krakweb.pl ul. Rzemieślnicza 20/124B 30-363 Kraków Stwórzmy razem nową stronę