Co jest potrzebne do stworzenia strony internetowej?

Jako twórca stron internetowych przygotowałem checklistę, która pomoże Ci sprawdzić, co jest potrzebne do stworzenia strony internetowej. Najbardziej z tego artykułu skorzystają osoby, które zamówiły stronę www w Enjoy Ads Studio, ale z doświadczenia wiem, że lista wymaganych materiałów jest podobna we wszystkich firmach. W artykule opisuję krótko pojęcia związane ze stronami www. Przeczytaj ten materiał, a nie przegapisz żadnego ważnego aspektu tworzenia strony internetowej.
programista sprawdza przed komputerem co jest potrzebne do stworzenia strony internetowej

Spis treści

żółty kwadrat

Funkcjonalności strony internetowej

Opis tego, co jest potrzebne do stworzenia strony internetowej rozpocznę od aspektu, który mocno determinuje cenę strony www. Mowa tu o funkcjonalnościach strony internetowej. Im bardziej zaawansowane rozwiązania potrzebujesz, tym wyższa będzie cena. Oto niektóre z popularnych funkcji:

  • Sklep internetowy
  • Zaawansowane formularze kontaktowe
  • Integracja z systemem newslettera
  • Systemy rezerwacyjne
  • Automatyzacje procesów

Standardowa strona zawiera teksty, zdjęcia i formularz kontaktowy, ale można ją wzbogacić o elementy, takie jak blog, filmy czy slidery. Ważne, by przed rozpoczęciem projektu dokładnie przemyśleć, jakie funkcje chcesz, ponieważ nawet drobne zmiany mogą wpłynąć na czas i koszt realizacji.

żółty kwadrat

Design strony internetowej

Nie musisz projektować strony internetowej samodzielnie – to moja rola. Aby jednak stworzyć coś, co w pełni odzwierciedli Twój gust i potrzeby branży, przygotuj przykłady stron, które Ci się podobają. Nie muszą to być witryny z Twojej branży. Oto jak możesz opisać swoje preferencje:

  • przykladowastrona.pl – podoba mi się kolorystyka
  • innastrona.com – podobają mi się czcionki
  • kolejnastrona.com.pl – lubię układ treści względem zdjęć

Dzięki temu będę w stanie lepiej zrozumieć Twoje oczekiwania i stworzyć design zgodny z Twoim stylem oraz trendami w branży.

żółty kwadrat

Struktura strony internetowej

Jeśli nie masz pomysłu na strukturę strony www, nie martw się. Poniżej przedstawiam najczęściej spotykany przykład struktury.

1. Strona główna
2. Oferta
– Oferta indywidualna
– Oferta grupowa
3. O nas
4. Kontakt

Na podstawie dostarczonych tekstów i informacji mogę stworzyć optymalną strukturę strony dopasowaną do Twojego biznesu.

żółty kwadrat

Domena, serwer (hosting) i certyfikat SSL

Każda strona www musi mieć swoją domenę i serwer (nazywany też hostingiem). Te elementy zawsze wykupuj na swoje dane. Często dla uproszczenia procedur, firmy tworzące strony internetowe oferują umieszczenie witryny na swoim serwerze i samodzielnie wykupują dla Klienta domenę. Jeżeli nie dokonają cesji, to w sensie prawnym, to firma tworząca strony staje się właścicielem domeny. Chciałbym, aby była jasność: nikogo nie podejrzewam o złe zamiary, ale w sytuacji gdy z przyczyn losowych stracisz kontakt z wykonawcą strony, stracisz też dostęp do swojej domeny. Jeżeli jesteś moim Klientem i nie chcesz zagłębiać się w temat hostingu i serwera – zakładam dla Ciebie konto i zamawiam wymagane usługi na Twoje dane. Po opłaceniu faktury stajesz się ich właścicielem.

 

Jak wybrać domenę?

 

Domeną określamy adres strony internetowej, np. mojastrona.pl. Domena może posiadać różne rozszerzenia (końcówki po kropce), np. .pl, .com, .edu i wiele innych. Standardowo, gdy prowadzisz biznes w Polsce, zalecam używanie domen z końcówką .pl. Pamiętaj, że domeny nie mogą się powtarzać w internecie, zatem jeżeli domena mojafirma.pl jest zajęta, to musisz wymyślić inną nazwę. W jaki sposób sprawdzić, czy wybrana domena jest dostępna? Na stronach firm hostingowych jest zawsze wyszukiwarka. Jeżeli po wpisaniu wybranej nazwy, system umożliwi Ci zakup takiego adresu, to po prostu jest on dostępny. Nazwa domeny niech będzie związana z Twoją firmą – albo nazwa firmy albo głównej świadczonej usługi. Sprawdzić dostępność domeny możesz na stronie lh.pl. Opłatę za domenę ponosisz co roku. W pierwszym roku zwykle ta opłata zamyka się w kwocie 10zł, w drugim roku i kolejnych latach musisz liczyć się z opłatą do 200zł.

 

Wybór serwera (hostingu)

 

Serwer to dysk, na którym umieszczamy pliki strony. Działa to podobnie jak umieszczanie plików na komputerze. Serwer pozwala też na zakładanie poczty w wybranej domenie. Jednym z parametrów hostingu jest jego pojemność. Upraszczając sprawę, mała strona będzie zajmowała mniej niż 1GB pojemności. Reszta pozostaje na skrzynki mailowe. Gdy potrzebujesz jedną małą skrzynkę to serwer do 10GB z pewnością wystarczy. Najważniejsze jednak dla Ciebie będzie, jak szybki to będzie serwer. Jeżeli będziesz mieć świetnie zoptymalizowaną stronę na słabym serwerze, to będzie ona wolna. Powolny serwer jest rzeczą, której się nie da przeskoczyć, zatem nie kupuj najtańszego serwera, bo tylko na tym stracisz. Nie kupuj też najdroższego, bo te najbardziej znane firmy wcale nie mają najlepszej usługi tylko najlepszy marketing. Poradź się swojego twórcy strony, co poleca. Moim Klientom zalecam wykupienie hostingu na wyżej wspomnianej stronie lh.pl. Zarówno ja, jak i większość moich Klientów korzysta z tych serwerów i nie pamiętam większych problemów. Jeśli zdecydujesz się na LH, to możesz użyć kuponu rabatowego: LH-20-152522

 

Certyfikat SSL

 

Certyfikat pozwala na szyfrowanie danych. Strony z zainstalowanym certyfikatem SSL mają adres zmieniony z http:// na https://. Ten certyfikat nie jest obowiązkowy, ale jest zdecydowanie wskazany i raczej jest źle odbierane, gdy strona internetowa takiego certyfikatu nie ma. Gdy na stronie nie będziesz zbierać wrażliwych danych, to wystarczy darmowy certyfikat SSL – Let’s Encrypt. Tutaj uwaga: istnieją serwery, które nie pozwalają na instalację takiego certyfikatu i wtedy trzeba go wykupić. Mało tego, są takie firmy hostingowe, które pozwalają na darmowe certyfikaty, ale tylko support może je zainstalować i pobiera za to opłatę. Wybierz hosting który umożliwia darmową instalację Let’s Encrypt.

 

Jak przekazać hasła webdesignerowi?

 

Zalecam kupowanie domeny i serwera w jednym miejscu. Może to czasem być droższe, ale wygodniej jest trzymać wszystko u jednego operatora. Webdesigner będzie od Ciebie potrzebował:

  • dostęp do panelu klienta

  • dane do serwera FTP

Gdy wykupujesz usługi po raz pierwszy i nie masz nic innego to możesz spokojnie przekazać po prostu login i hasło do panelu klienta swojemu webdesignerowi. Jeżeli otrzymasz maila z danymi dostępowymi do FTP – także wyślij to webdesignerowi. Zanim to jednak zrobisz, podpisz umowę na wykonanie strony. Po zakończeniu prac nad stroną możesz zmienić hasła dostępowe.

żółty kwadrat

Zdjęcia na stronę

Bardzo ważnym aspektem są zdjęcia do umieszczenia na stronie. Zdjęcia podlegają prawom autorskim, więc jeśli nie masz własnych zdjęć, to skorzystaj z banku zdjęć. Moi Klienci mogą wybrać zdjęcia z banku zdjęć na stronie: https://elements.envato.com/photos. Po wybraniu fotografii, trzeba tylko wysłać do mnie ich linki. Pobiorę zdjęcia korzystając z licencji i w pełni legalnie wykorzystam je na stronie. Inne miejsca, gdzie można odnaleźć zdjęcia, to:

Najlepszym rozwiązaniem zawsze pozostają zdjęcia własne. Ludzie będą chętniej dokonywali zakupó u Ciebie, gdy zobaczą na stronie realną osobę.

Jeżeli nie wybierzesz zdjęć i nie wyślesz żadnych, to ja dokonam wyboru za Ciebie.

żółty kwadrat

Teksty na stronę

Niestety pisanie tekstów na stronę zajmuje bardzo dużo czasu. W związku z tym nie wchodzi to w standardowy zakres usług tworzenia stron internetowych. Możesz albo samodzielnie stworzyć teksty albo zlecić ich napisanie. Gdy tworzysz samodzielnie, nie kopiuj tekstów z innych stron. Możesz się jak najbardziej wzorować, ale kopiowanie tekstów konkurencji może w przyszłości negatywnie wpłynąć na pozycjonowanie.

żółty kwadrat

Logo firmowe

Logo jest wyznacznikiem stylu i kolorystyki. Prześlij logo w formatach wektorowych i rastrowych. Formaty wektorowe mają najczęściej rozszerzenia .ai, .pdf, .cdr. Formaty rastrowe to głównie .jpg, .png. Jeżeli anwiązujesz współpracę ze mną, przygotuj plik wektorowy (jeśli posiadasz) oraz plik .png (bez tła). Gdy dysponujesz logo w różnych wariantach kolorystycznych (pełen kolor, odcienie szarości, biały), wyślij wszystkie warianty.

żółty kwadrat

Inne MUST BE

Są takie aspekty strony, które Klienci uważają, że muszą mieć. Przykładem MUST BE może być:

  • zastosowanie określonych kolorów,

  • zastosowanie slidera,

  • zastosowanie zdjęć z zaokrąglonymi narożnikami,

  • zastosowanie tabel opisujących funkcjonalności produktu,

  • i wiele wiele innych

Jeśli istnieją elementy witryny, które koniecznie musisz mieć, to napisz o nich. Wszystko czego nie będę miał napisane, będę uważał za nieokreślone przez Klienta, zatem zrobię to według ogólnie przyjętych zasad w webdesignie. Pozostańmy przy przykładzie koloru. Gdy Klient nie wyśle mi żadnych informacji o preferowanych kolorach, użyję jako podstawę kolorów z logo i kolorów charakterystycznych dla branży. Do tej grupy dołączę barwy komplementarne i w ten sposób utworzę spójną paletę.

żółty kwadrat

Przekazywanie materiałów

Najlepszym sposobem na przekazanie materiałów jest użycie Google Drive:

1. Utwórz folder na Dysku Google z nazwą swojej firmy.
2. Wewnątrz utwórz foldery dla każdej podstrony (strona główna, oferta, o nas, kontakt). W folderach umieść zdjęcia i obrazy przypisane do danej podstrony. Jeżeli nie masz pomysłu, które zdjęcia mają się znaleźć na wybranej podstronie – po prostu utwórz jeden osobny folder zdjęcia, w którym umieścisz wszystkie obrazy.
3. W osobnym folderze zamieść logo.
4. W folderze ze stroną umieść plik tekstowy o nazwie „Wytyczne”. Zapisz tam wszystkie swoje wytyczne bazując na checkliście poniżej.
5. Udostępnij folder, umożliwiając edycję.

Po przesłaniu wszystkich materiałów możemy przystąpić do realizacji projektu.

żółty kwadrat

Checklista

Poniżej prezentuję szybką checklistę. Gdy masz przygotowane materiały, możesz je do mnie przesłać w sposób wspomniany powyżej. Gdy klikniesz na obrazek checklisty – będziesz mieć możliwość jej pobrania w formacie PDF.
 
checklista prezentująca co jest potrzebne do stworzenia strony internetowej

Przeczytaj więcej...