Wybrane realizacje
Profesjonalne strony internetowe to:
Pełna funkcjonalność
Estetyczny wygląd
Wersja mobilna na komórki i tablety
Możliwość edycji i dodawania zawartości
Poprawny kod wg standardów html i google
Właściwie zorganizowana treść
Pełna funkcjonalność
Strona internetowa może posiadać szereg różnorodnych funkcji, które umożliwiają osobie odwiedzającej witrynę zapoznanie się z treścią. Teksty, zdjęcie, ofertę lub produkty można rozdzielić na podstrony, a te właściwie zorganizować w linki np. w menu głównym. Dobrze zorganizowana nawigacja to podstawowy element profesjonalnej strony internetowej.
Zdjęcia można zebrać i zaprezentować w formie slajdera lub galerii miniatur. To najczęściej spotykany i bardzo praktyczny sposób prezentacji treści wizualnych. Inne funkcjonalne rozwiązania to np. formularz kontaktowy, mapka google czy przycisk przewijania do początku strony. Ilość i kombinacje funkcji na stronie są w zasadzie nieskończone, ale im jest ich mniej tym lepiej. Powinny być za to czytelne i łatwo dostępne.
Estetyczny wygląd
Liczy się prostota grafiki, co wcale nie oznacza braku estetyki, a raczej minimalizm, który powinien iść w parze z łatwą obsługą nawigacji. Paletę kolorów można dobrać do charakteru treści lub oferty. Bardzo dobry dodatkiem jest wkomponowanie w layout strony zdjęć, które wzbudzą pożądane emocje u odbiorcy.
Niezwykle ważnym elementem jest typografia, czyli krój czcionki dla nagłówków i akapitów. W nagłówkach warto puścić wodze fantazji i dobrać ciekawy, ale odpowiedni do przekazu strony styl i kolor. Akapity z kolei muszą być łatwe do czytania, więc na pewno sprawdzi się czcionka o prostym kroju. Trzeba też pamiętać o interlinii i długości wiersza. Czytelność na pierwszym miejscu.
Wersja mobilna
Większość wejść na stronę wykonywana jest z urządzeń mobilnych, czyli smatfonów i tabletów. Profesjonalna strona internetowa musi być obowiązkowo responsywna. Polega to na dostosowaniu wyglądu strony do wielkości ekranu urządzenia tak, żeby wszystkie informacje były nadal tak samo czytelne.
Strona wyposażona w wersję mobilną umożliwia przesuwaniu lub skalowanie części elementów z zachowaniem odpowiedniej wielkości dla tekstów. Część treści i funkcji, które nie są priorytetem można wyłączyć dla widoku na mniejszym ekranie. Dzięki właściwemu wykorzystaniu responsywności strona będzie czytelna na dowolnym urządzeniu i na urządzeniach przenośnych będzie ładować się szybciej.
Możliwość edycji
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. Panel zarządzania zabezpieczony jest hasłem i dostępny tylko dla administratora lub wyznaczonych przez niego osób.
Poprawny kod
Kod strony to część niewidoczna dla osoby odwiedzającej, ale za to szczegółowo analizowana przez boty Google, które weryfikują jego jakość. Każda profesjonalna strona internetowa powinna dotrzymywać standardów HTML i Google.
Dobry kod to wiele korzyści, do których można zaliczyć chociażby bezpieczeństwo i lepsze pozycjonowanie. W przypadku strony korzystającej z panelu administracyjnego mamy również do czynienia z kodem PHP, z którego korzystają serwery, na których przechowujemy stronę. Tutaj też ważne są aktualne wersje oprogramowania, które umożliwiają korzystanie z dodatkowych funkcji przy tworzeniu strony oraz czynią ją bardziej bezpieczną.
Organizacja treści
Najważniejsza część na stronie internetowej to informacja, czyli teksty. To w jaki sposób zostaną zredagowane, a później uporządkowane ma kluczowe znaczenie.
Właściwe rozmieszczenie tekstów na stronie głównej i podstronach umożliwia sprawna komunikację z osobą odwiedzającą stronę. Odpowiednio przygotowana oferta trafi do użytkownika, wzbudzi zaufanie, zachęci do dłuższego przeglądania zawartości. Redakcja treści przeznaczonych na stronę internetową powinna również uwzględniać kwestię SEO, czyli pozycjonowania. Oprócz użytkowników stronę odwiedzają również roboty Google, które oceniają treści i na tej podstawie umieszczają link do strony w wynikach wyszukiwania.
Przykładowe typy stron, organizacja treści i funkcji
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.
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.
Od pomysłu do produktu
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ń.
Grafika i zaplecze
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ą.