Funkcjonalne strony internetowe to:

– czytelna prezentacji treści i funkcji;
– estetyczny wygląd;
– wersja na urządzenia mobilne;
– możliwość dodawania i edycji zawartości;

 

Opis każdego z tych aspektów w dalszej części strony.

Dla właściciela strony

Obowiązujące standardy to priorytet. M.in. dlatego, że jeśli kod strony spełnia wymogi HTML i Google, sprzyja to pozycjonowaniu w wynikach wyszukiwania. Prosty w obsłudze panel administracyjny strony umożliwia wygodne zarządzanie treścią, tzn. edycję i dodawanie tekstów, zdjęć, materiałów wideo, załączników. Możliwa jest też modyfikacja menu i tworzenie kolejnych podstron. W standardzie również zabezpieczenia przed włamaniami, spamem i wirusami.

Dla odwiedzających

Szybkie ładowanie strony na komputerach stacjonarnych jak i na urządzeniach mobilnych to źródło pozytywnych wrażeń dla odwiedzających i świadczy o profesjonalnym podejściu właściciela strony. Czytelny a jednocześnie estetyczny układ treści, dostosowany do wielkości ekranu, ułatwia przekazanie ważnych informacji na temat marki, usług lub produktów. Praktyczna i prosta w obsłudze nawigacja sprawnie przenosi użytkownika do wybranych treści.

Odpowiedni wizerunek to jeden z fundamentów udanego biznesu.

Przykładowe typy stron i proponowane funkcjonalności.

Wizytówka

Strona typu single-page, czyli bez podstron, ale do przewijania z góry na dół. Wszystko co najważniejsze w jednym miejscu. Na górze nazwa firmy, slajder z fotografią lub hasłem reklamowym. Niżej kilka słów o firmie lub zespole. Galeria zdjęć produktów, czy usług wraz ze szczegółowym opisem. Na koniec formularz, dane kontaktowe oraz mapa google z lokalizacją. W stopce linki do serwisów społecznościowych. Całość wygodna do przewijania na urządzeniach mobilnych.

Dla firmy

Treść podzielona na kilka podstron. Strona główna z logotypem, zachęcającą fotografią i hasłem, a poniżej kilka słów na temat usług. Menu główne w górnej części prowadzące, kolejno, do podstrony O nas, z opisem marki, firmy, zespołu, a następnie do podstrony Oferta ze szczegółowym opisem produktów, usług, załącznikami itp. Kolejna pozycja z menu to Realizacje, a tam rozbudowana galeria zdjęć z opisami. Na podstronie Kontakt można zamieścić formularz, dużą mapę z możliwością przesuwania i powiększania oraz linki do profilów społecznościowych.

Złożona

To np. serwis z lokalnymi aktualnościami, albo strona firmy z większym asortymentem. Aktualności lub produkty można podzielić na kategorie, z których każda będzie miała osobną podstronę, na której z kolei mogą być zamieszczone linki z miniaturami do artykułów lub podstron z konkretnymi produktami, czy usługami. Każda strona może posiadać galerię, slajder, dowolny układ tekstu. Do sprawnej nawigacji służą rozbudowane albo dodatkowe menu. Dostępne formularze kontaktowe, mapy google, integracja z serwisami społecznościowymi i wiele innych spersonalizowanych funkcji.

Blog

Strona główna z reprezentacyjną grafiką, menu bocznym i listą najnowszych artykułów. Miniatury artykułów linkują do podstron z kompletną treścią, gdzie można również dodawać galerie zdjęć. Każdy artykuł wyposażony w łatwy do zarządzania system komentarzy. Pełna integracja z mediami społecznościowymi umożliwia szybkie dzielenie się treścią i popularyzowanie strony. W bocznej kolumnie lub stopce dodatkowe menu z kategoriami artykułów.

Sprawna komunikacja
z klientem zwiększa dochody.

Zarządzanie

Administrowanie własną stroną internetową nie jest konieczne, ale bardzo ułatwia aktualizację treści w przypadku, kiedy chcemy dokonać zmian i nie mamy ochoty zlecać tego za każdym razem programiście. Prostota panelu zarządzania nie wymaga umiejętności informatycznych, czy programistycznych, a daje dostęp do wielu funkcji.

Możliwość administracji sprawdza się szczególnie wtedy, kiedy trzeba być na bieżąco, np. zaktualizować ofertę, dodać najnowsze zdjęcia, zmienić dane kontaktowe. Szczególnie istotne jest natomiast na stronach, gdzie dodawane są nowe produkty, czy artykuły. Panel zarządzania zabezpieczony jest hasłem i dostępny tylko dla administratora lub wyznaczonych przez niego osób.

Estetyka

Należy pamiętać, że strona internetowa ma być czytelna dla wszystkich osób, które ją odwiedzają, a że niemożliwe jest trafić w gusta każdego odwiedzającego trzeba trzymać się standardów, które określają zasady czytelności treści. Wielkość czcionki, format akapitu, kompresja fotografii, proporcje i odległości między poszczególnymi elementami.

To wszystko ma duże znaczenie i decyduje o tym, czy przekaz i informacje przedstawione w witrynie trafią do osoby, która ją odwiedza. Jako priorytet należy określić czytelność treści, a grafikę wykorzystać tak, żeby użytkownik czuł się komfortowo, zapamiętał i pozytywnie kojarzył stronę.

Interakcja

Skąd wiadomo, czy informacje i przekaz ze strony internetowej dotarł do osoby, która ją odwiedziła? Są funkcje i elementy, które pozwalają na interakcję i kontakt pomiędzy użytkownikiem i administratorem. Należy mądrze wykorzystać możliwości, które dają i pamiętać, żeby zawsze były łatwo dostępne. Jest to np. formularz kontaktowy, który pozwala chociażby dowiedzieć się więcej o potencjalnym kliencie, np. jaką usługą jest zainteresowany.

Prostym elementem interakcji jest adres e-mail lub nr telefonu, a niezwykle efektywne są opcje zintegrowane z mediami społecznościowymi, które pozwalają rozsyłać linki do strony pomiędzy użytkownikami, co działa jako dodatkowa reklama i podnosi pozycjonowanie.

Nawigacja

Sprawnie działające menu główne to podstawa na każdej funkcjonalnej stronie internetowej. Logicznie i mądrze zaprojektowane menu oszczędzi użytkownikowi czasu, zakłopotania i pozwoli skoncentrować się na informacjach, które na niego czekają. Menu na stronie może być umieszczone w kilku miejscach, także w stopce lub bocznej kolumnie. Najważniejsze aby zawsze było widoczne.

Opłaca się również korzystać z innych elementów nawigacji, takich jak przyciski, które przenoszą do podstron lub służą, do pobierania załączników. Innego rodzaju jest miejscowa nawigacja, do przewijania zdjęć w galerii lub slajderach, czy do rozwijania modułów z treścią. Na stronie jest też miejsce na linki prowadzące do stron zewnętrznych, np. profilu facebook.

Wybrane realizacje

Serwis Polskiego Stowarzyszenia na rzecz Osób z Niepełnosprawnością Intelektualną. Wyposażony w dodatkowe funkcje poprawy czytelności dla osób słabo widzących. Strona posiada dział z wyszukiwarką publikacji, sprawozdań rocznych oraz zamówień publicznych, a także blog aktualności i rozbudowaną galerię. Sekcja Koła terenowe umożliwia dodawanie lokalizacji placówek na terenie całego kraju.

 

Zleceniodawca: Adah sp. z o.o.

Zobacz online
Witryna dla producenta oświetlenia. Praktyczne rozwiązania zintegrowane z minimalistyczną grafiką. Asortyment podzielony na kategorie, a podstrony produktów wyposażone w załączniki z danymi technicznymi. Wyszukiwarka i moduł aktualności. Wersja mobilna i panel zarządzania treścią w standardzie.

 

Zleceniodawca: Adah sp. z o.o.

Zobacz online
Witryna warszawskiego dewelopera z wygodną funkcją przeglądania inwestycji. Dwie wersje językowe strony, a także moduł aktualności oraz podręczny formularz kontaktowy z mapą. Wersja mobilna i panel zarządzania treścią w standardzie.

 

Zleceniodawca: Adah sp. z o.o.

Zobacz online
Strona internetowa nowego osiedla w Warszawie. Estetycznie zakomponowana treść oraz pełny wykaz mieszkań z załączoną dokumentacją oraz możliwością uzupełniania rezerwacji. Wersja mobilna i panel zarządzania stroną w standardzie.

 

Zleceniodawca: Adah sp. z o.o.

Zobacz online
Witryna fundacji sławnego gitarzysty. Pełna dyskografia z możliwością odtwarzania setek plików dźwiękowych, nut i tekstów. Rozbudowana galeria fotografii, publikacji i materiałów wideo. Dwie wersje językowe. Wersja na urządzenia mobilne i system zarządzania treścią strony.

 

Zleceniodawca: Adah sp. z o.o.

Zobacz online
Strona konferencji hakerów i programistów. Wdrożenie dostarczonej grafiki wg schematu single-page. Dodatkowe funkcje nawigacji pionowej umożliwiają wygodne przemieszczanie się do wybranej sekcji. Wersja mobilna i panel zarządzania treścią w standardzie.

 

Zleceniodawca: Litchi

Zobacz online
Strona typu single-page dla biznesowej szkoły języków. Implementacja licznych rozwijanych i przewijanych modułów, które umożliwiają publikację większej ilości treści na mniejszym obszarze. Menu na stałe przyczepione do górnej krawędzi strony ułatwia nawigację. Formularz kontaktowy i pełnej szerokości mapa.

 

Zleceniodawca: Litchi

Zobacz online
Strona agencji brandingowej. Proste formy zestawione z animacjami. Portfolio podzielone na kategorie. Blog aktualności, dwie wersje językowe, formularz kontaktowy i mapa dostosowana estetyką do reszty strony. Wersja mobilna i panel zarządzania treścią w standardzie.

 

Zleceniodawca: Litchi

Zobacz online
Strona renomowanej agencji tłumaczeń. Cztery wersje językowe, integracja z serwisami społecznościowymi oraz moduł bloga. Wdrożona grafika wg typu single-page z zakotwiczoną nawigacją. Wersja mobilna i system zarządzania treścią w standardzie.

 

Zleceniodawca: Best Translation & Conference Service Sp. z o.o.

Zobacz online
Strona firmy zapewniającej usługi utrzymania czystości na terenie Warszawy. Strona w dwóch wersjach językowych z wyśrodkowanym układem treści. Integracja z serwisami społecznościowymi, wersja mobilna i panel zarządzania treścią.

 

Zleceniodawca: CrowDesign

Zobacz online
Strona dla jednej ze spółek Skarbu Państwa. Integracja dostarczonego projektu graficznego z rozbudowaną strukturą treści. Wyszukiwarka, linki do serwisów społecznościowych, moduł aktualności, dodatkowe menu. Wersja mobilna i panel zarządzania treścią w standardzie.

 

Zleceniodawca: CrowDesign

Zobacz online
Internetowy katalog miejsc i instytucji w Lesznie. Wyszukiwarka oraz czytelny podział na kategorie i hasła tematyczne. Możliwość filtrowania i wygodna nawigacja przy pomocy dodatkowych menu bocznych. Dla każdej podstrony miejsca mapa, slajder i moduł komentarzy. Wersja mobilna i panel zarządzania treścią w standardzie.

 

Zleceniodawca: Polish Language Services

Zobacz online

Treść + forma = skuteczny przekaz

Użyteczność i estetyka to podstawowe zasady, którymi kieruję się przy projektowaniu. Głównym celem jest funkcjonalność oraz czytelność przekazu, natomiast atrakcyjna szata graficzna czyni odbiór przyjemnym, lekkim, a kiedy trzeba przyciąga uwagę i intryguje.

Do każdego projektu podchodzę indywidualnie. Już na etapie specyfikacji i pierwszego dialogu ze zleceniodawcą zbieram informacje, które po dokładnej analizie pozwolą mi stworzyć ciekawą i skuteczną w swym przekazie propozycję.

Efektywnie wykorzystuję dostępne materiały oraz czas przeznaczony na realizację koncepcji. W procesie twórczym stosuję najnowsze, a także najbardziej skuteczne techniki, mając również na uwadze aktualne trendy jak i fundamentalne zasady projektowania.

Dzięki częstym konsultacjom mogę wprowadzać właściwe korekty i poprawki, które pozwalają na ewolucję pomysłu i konsekwentnie przybliżają projekt w stronę pożądanego, właściwego efektu. Zwieńczeniem tego procesu jest funkcjonalna strona internetowa – produkt, który skutecznie trafia do grupy docelowej.

Proces realizacji

Jeśli jest już pomysł na stronę należy zastanowić się jakiego rodzaju i jaką ilość treści i informacji tam opublikujemy. Czy będą to przede wszystkim teksty, czy może sporo zdjęć, albo załączone pliki. Trzeba też pamiętać o funkcjach prezentacji (np. logotyp, galeria, slajder) i interakcji (np. menu, formularz, przyciski). Następnie należy przemyśleć jak uporządkować wszystkie treści i funkcje tak, żeby były czytelne i łatwo dostępne dla osoby odwiedzającej stronę. Czy wystarczy jedna strona, czy będzie potrzebnych kilka, a może kilkadziesiąt podstron. Później wypada określić wygląd każdej z tych podstron. Im mniej zróżnicowany układ treści tym wygodniej będzie czytać stronę. Przy rozbudowanych serwisach warto przygotować prototyp (szkic), który umożliwi praktyczne testowanie różnych użytecznych rozwiązań.

Kiedy cała treść jest już uporządkowana można przystąpić do opakowania strony w grafikę. Dobrać kolorystykę, dopasować krój czcionki, wybrać najlepsze zdjęcia. Właściwa paleta i szata graficzna ma sprawić, że przeglądanie strony będzie przyjemne, a jednocześnie będzie sprzyjać identyfikacji marki, produktu, czy usługi. Warto pamiętać, że zbyt wyszukana, agresywna czy eklektyczna grafika może działać negatywnie na część odwiedzających, dlatego żeby zadowolić wszystkich trzeba postępować wg standardów prezentacji treści.

Równolegle trwają pracę nad techniczną warstwą strony, w tym wersją mobilną. Instalowany jest panel zarządzania i wszystkie funkcje potrzebne dla administratora. W panelu budowana jest cała struktura podstron tak, aby było łatwo zarządzać treścią i funkcjami, ale  przy zachowaniu norm optymalizacji. Po zakończeniu prac nad częścią zewnętrzną jak i wewnętrzną witryny można zapoznać się ze specjalnie przygotowaną instrukcją wideo, która w klarowny sposób opisuje administrowanie stroną.

Pamiętaj! Na funkcjonalnej stronie internetowej możesz tylko zyskać.

Facebook fanpage – ciekawe informacje dla twórców, właścicieli i użytkowników stron internetowych.

Formularz kontaktowy

Objętość strony?
jedna strona, przewijanado 10 podstronpowyżej 10 podstron

Czy jest już serwer, gdzie będą pliki strony?
taknie

Czy jest zarezerwowana domena, adres strony?
taknie

Czy są gotowe treści na stronę (teksty, zdjęcia, załączniki itp.)?
taknieczęściowo

Czy treści są uporządkowane na podstrony, czy trzeba doradzić w tym zakresie?
są uporządkowanetrzeba doradzić

Czy jest grafika na stronę?
jest gotowa grafikajest pomysł na grafikęgrafikę trzeba przygotować od początku