Regularnie projektuję strony internetowe dla moich klientów, dlatego dzisiaj przedstawię Ci narzędzia do tworzenia stron internetowych, z których korzystam. Zacznę od podstaw, które pozwolą zrozumieć ten proces bez względu na Twój poziom zaawansowania. Wszystkie rozwiązania, które dobieram, dobieram tak, by były łatwe w użytkowaniu dla klienta. A przynajmniej tak łatwe jak to tylko możliwe.

Wpis nie jest sponsorowany. Natomiast niektóre narzędzia do tworzenia stron zawierają linki afiliacyjne (zostały oznaczone podkreśleniem) .

Hosting i domena dla strony internetowej

Do stworzenia strony internetowej potrzebujesz dwóch rzeczy — są nimi hosting i domena. Możesz wyobrazić je sobie, jako dom, który jest hostingiem, na którym zainstalujesz swoje pliki, a domeną będzie tabliczka adresowa.

HashMagnet

Osobiście korzystam z hostingów HashMagnet (dawniej znane jako Opiekun Bloga) i zawsze je polecam moim klientom z kilku względów.
1. W ofercie mają zarówno hosting jak i domeny dedykowane także pod WordPress, na którym tworzę strony internetowe.

2. Różnią się od dużych dostawców prostą obsługą panelu i nie ma dostępu do wszystkich zaawansowanych funkcji hostingu. Z jednej strony niektórzy mogą uznać to za wadę, że jest mniejsza kontrola nad pewnymi ustawieniami. Z drugiej zaś mając doświadczenie z osobami, które nie mają wprawy w pracy z hostingiem, zależy mi na tym, by miały jak najprostszą obsługę.

3. HashMagnet daje tę wygodę, że gdy masz potrzeby zmian na hostingu, to oni robią je za Ciebie. Wystarczy wysłać zgłoszenie i nie musisz martwić się, że podczas samodzielnych zmian mogłoby dojść do naruszenia stabilności strony.

4. Zamawiając hosting i domenę, proces składania zamówienia wygląda jak zakup wielu innych produktów w sklepach internetowych. Można od razu wybrać opcję instalacji WordPressa, więc HashMagnet zrobi to za Ciebie. Po instalacji dostaniesz maila z danymi dostępu do swojej strony.

WordPress

WordPress to drugie narzędzie do tworzenia stron, o którym chcę powiedzieć. Jest on cały czas aktualizowany i rozwijany. Istnieje do niego wiele dedykowanych dodatków (wtyczek), które pozwalają rozszerzyć funkcjonalność strony. Jest to elastyczne narzędzie, które pozwala stworzyć stronę na tu i teraz, ale nie ogranicza nas z rozwojem strony w przyszłości.

W momencie zainstalowania WordPressa zobaczysz, że na starcie Twoja strona otrzymuje domyślny, podstawowy szablon. Natomiast ja nie pracuję na tym szablonie, ani na wielu innych proponowanych z biblioteki WordPress. Osobiście nie wyobrażam sobie, by z każdym klientem dobierać szablon na nowo, ponieważ tych opcji jest zbyt wiele. Każdy szablon różni się dostępnością funkcji i taka praca byłaby zupełnie nieefektywna. Korzystam z innego narzędzia.

Divi

DIVI dla projektantów stron internetowych

DIVI jest kreatorem stron, który pozwala wizualnie projektować strony internetowe. Dla mnie jako projektantki graficznej jest to idealne narzędzie, ponieważ mogę bezpośrednio tworzyć wizualnie elementy strony, podobnie jak projektuję w programach graficznych.

Jest to narzędzie przyjazne użytkownikowi. To oznacza, że po zaprojektowaniu przeze mnie strony i dostosowaniu do urządzeń mobilnych itd., klient może w przyszłości z łatwością sam edytować treści, zmieniać zdjęcia, rozszerzać dodatki do strony.

Jako projektantka stron korzystam z licencji deweloperskiej. Zapewnia ona moim klientom aktualizacje tego narzędzia bez limitu czasu i bez dodatkowych opłat z gwarancją kompatybilności z najnowszą wersją WordPress, który jest cały czas rozwijany. Oznacza to, że nie muszą co roku płacić za odnowienie licencji i kolejne aktualizacje.

Ważne jest korzystanie z narzędzia do tworzenia stron (czy kreatora wizualnego np. DIVI) lub szablonu, które jest na bieżąco aktualizowane, ponieważ w przeciwnym razie strona przestanie działać poprawnie.

DIVI dla osoby prywatnej

Jeżeli tworzysz stronę tylko dla siebie, to nie potrzebujesz licencji developerskiej, która jest droższa. Zwykła licencja wymaga corocznej opłaty, ale tu także masz zagwarantowane aktualizacje i wsparcie.

Tworzenie sklepu internetowego na WordPress

Opowiem Ci teraz trochę o tym, z czego korzystam, jeżeli chodzi o narzędzia do tworzenia stron sklepów na WordPress. Aktualnie nie podejmuję zleceń na projektowanie sklepów. Potrafię to robić, ale szczerze nie bardzo to lubię. Jest przy tym dużo pracy na zapleczu w aspekcie technicznym, a to część projektowa sprawia mi najwięcej satysfakcji.

Niemniej jednak sama prowadzę swój sklep internetowy Mini Brand Shop. Tam używam różnych rozszerzeń, które pomagają mi w prowadzeniu sklepu na WordPressie, więc powiem Ci gdzie szukać pewnych rozwiązań.

WooCommerce

Bezpłatnym dodatkiem, który pozwala zmienić stronę na WordPressie w sklep jest WooCommerce. Zainstalujesz go z biblioteki WordPress.

WP Desk

Możesz natomiast potrzebować jeszcze pewnych udogodnień ułatwiających prowadzenie sklepu.

Korzystam z niektórych wtyczek dostarczanych przez WP Desk, które pomagają w integracji na przykład z przewoźnikami, programami fakturującymi czy dostawcami płatności.

Z zewnętrznych usług, które mam powiązane ze stroną sklepu, jest np. system fakturujący. Dzięki niemu klient po złożeniu zamówienia i zrealizowaniu go przeze mnie otrzymuje automatycznie fakturę na swojego maila, a ja mam ją zaksięgowaną w programie księgowym. Nie muszę dzięki temu przenosić danych ręcznie.

Przelewy24

Przy obsłudze płatności korzystam z Przelewy24. Jeśli zamierzasz otworzyć swój sklep internetowy, to warto zarejestrować się tam wcześniej, ponieważ jest wymagana weryfikacja, która chwilę może potrwać.

Programy do projektowania graficznego

Teraz opowiem Ci o narzędziach, które pomagają w tej wizualnej części projektowania stron. Moją główną częścią działalności jest projektowanie graficzne tj. logo, materiały do druku i tym podobne elementy.

Korzystam z programów Adobe Creative Cloud. Bardzo często projektuję w Adobe Illustator (Ai) oraz w Photoshop (Ps), więc naturalne dla mnie jest tworzenie w tych programach elementów do stron internetowych. W Adobe Illustrator projektuję np. ikony, wzory i inne detale witryn internetowych. Natomiast Photoshop służy mi do korekty zdjęć.

Skąd brać darmowe zdjęcia na stronę internetową?

Wybór zdjęć jest uwarunkowany od tego, z jakim klientem akurat pracuję nad stroną internetową. Bardzo często są to fotografki. Ze względu na swoją profesję mają bardzo dużo zdjęć i głównie korzystam z zasobów dostarczonych przez klientki.

Zdarza mi się pracować także z innymi branżami. Jeżeli jest to marka osobista, to dobrze jest mieć do dyspozycji zdjęcia z sesji wizerunkowej. Bardzo ułatwia to stworzenie strony bardziej personalnej dla danej osoby i jej marki osobistej. W przypadku strony opartej o usługi czy produkt, to potrzeba wówczas zdjęć produktowych. Są też takie branże, w których wystarczy jedno czy dwa zdjęcia osoby, która jest właścicielem marki i jest jej twarzą, ale są takie miejsca na stronie, które chcę uzupełnić innymi zdjęciami. W tym momencie przychodzi z pomocą bank zdjęć.

Adobe Stock

Korzystam bardzo często z zasobów Adobe Stock, ale jest to usługa płatna. Jeżeli projektuję dla innych strony i wiem, że będą potrzebne zdjęcia stockowe, to w ramach pakietu usługi zawieram określoną ilość zdjęć z Adobe Stock.

Unsplash & Pixabay

Warto jednak wspomnieć o darmowych bankach zdjęć z bardzo dobrą jakością zawartych tam fotografii. Są to np. Unsplash, z której bardzo lubię styl zdjęć albo Pixabay, na którym można również znaleźć dobre zdjęcia.

Minusem korzystania z bezpłatnych stocków jest to, że więcej osób ich używa. Przez to częściej możemy zobaczyć je w różnych miejscach np. u konkurencji albo innych branżach.

Odnośnie Pixabay mam dla Ciebie mały tip! Zdarza się, że zamiast głównego zdjęcia na górnej części strony mamy, krótkie wideo, które się powtarza. W zasobach Pixabay znajdziesz różne klipy wideo, które możesz wykorzystać na stronie, a to dobry sposób na jej wyróżnienie. Oczywiście możesz nagrać też swoje wideo, ale jeśli chcesz korzystać z darmowych zasobów, to jest to dobre miejsce.

Creative Market

Wspomniałam wcześniej, że projektuję elementy graficzne w Adobe Illustrator. Natomiast zdarzają się projekty, gdzie np. nie pracowałam wcześniej nad identyfikacją dla danej marki, klient nie ma swojej identyfikacji albo decydujemy się korzystać z gotowych materiałów graficznych.

Jeśli nie jesteś projektantem/projektantką, a chcesz zawrzeć takie elementy na swojej stronie, to polecam Ci Creative Market. To świetne miejsce, żeby kupić w rozsądnych cenach elementy graficzne, mając przy tym bardzo duży wybór projektów od artystów i grafików z całego świata. Dostępne są tam także m.in. fonty, wzory, ilustracje, ikony itp.

Mając niewielki budżet, z pomocą Creative Market możesz dopasować stronę do swojej marki.

Mam nadzieję, że ten wpis okazał się pomocny 🙂