Metodologia wdrożeń stron internetowych przechodzi do kolejnego etapu, który łączy w sobie doświadczenia poprzednich cykli tworzenia, które sięgają od początków internetu po kolejne lata standaryzacji i dostosowania do nowych technologii (silniki przeglądarek, responsywności) po ostatnie lata gdzie do dyspozycji mamy sprawdzone schematy, biblioteki dla HTML/CSS/JS np. Bootstrap czy sprawdzone systemy CMS WordPress. W ostatnim roku pojawiła się nowa perspektywa technologiczna w postaci sztucznej inteligencji dostępnej publicznie między innymi za pomocą np. OpenAI. Przygotowanie profesjonalnej strony internetowej to procedura mozolna, wymagająca spełnienia wielu czynników (zobacz: checklista do wdrożenia stron www) dlatego tym bardziej ten kierunek ma duże znaczenie w udoskonaleniu tej usługi.
Klasyczny proces budowania klasycznej strony internetowej
Pierwszym krokiem zawsze jest inicjatywa i pomysł wychodzący od właściciela projektu np. klienta chcącego zrealizować. Mamy więc pomysł, potrzebę, którą zrealizuje dla klienta twórca stron internetowych, który może działać również jako cały zespół: projekt manager, UX designer, frontend developer, programista, wdrożeniowiec, administrator serwera.
Cały cykl budowy strony internetowej może wynosić od 14 do 60 dni- jest więc to bardzo odległy horyzont czasowy dla osób, które potrzebują tej usługi natychmiast. Długi czas realizacji to również wysoki koszty gdyż każdy specjalista wnosi swój wkład w projekt.
Większość elementów, które widzimy na stronach internetowych jest nam znana, z łatwością rozpoznajemy menu, galerię, blok tekstowy, formularz. Różnią się one detalami i to właśnie te detale generują koszty pracy.
Ogromny ciężar pracy nad stroną internetową występuje podczas początkowego etapu – projektowania graficznego. Tutaj bowiem mamy sytuację krytyczną na linii klient-wykonawca serwisu www. To właśnie klient ma ostatnie zdanie i finalny głos w zaakceptowaniu konceptu graficznego. Z tego powodu, kolejni specjaliści biorący udział w tworzeniu projektu strony internetowej muszą przyjąć za pewnik całość zaprojektowanych rozwiązań. Właśnie taki sposób tworzenia projektu implikuje indywidualnie podejście do każdego projektu, a co za tym idzie czas wdrożenia i koszty.
Czym nowe podejście się różni od „gotowych szablonów”?
Gotowy szablon strony internetowej jest dostępy za niewielką opłata lub nawet całkowicie za darmo jednak już od samego początku jesteśmy ograniczeni możliwościami szablonu, a więc jego dostosowanie może być również bardzo czasochłonne i problematyczne.
Jak to robiliśmy do tej pory?
Podstawowy proces budowy serwisu internetowego był podzielony na niezależne etapy, sprinty, w wyniku, których powstał kompletny produkt.
| # | Nazwa etapu | Zaangażowani specjaliści | Średni czas pracy |
|---|---|---|---|
| 1. | Analiza potrzeb, tworzenie koncepcji i makiet funkcjonalnych | Project manager, EX designer, webdesigner | 10-20 dni |
| 2. | Projektowanie graficzne | EX designer, webdesigner | 5-10 dni |
| 3. | Kodowanie, frontend development | frontend developer | 5-10 dni |
| 4. | Wdrożenie | programista, copywritter, wdrożeniowec | 5-10 dni |
Proces ten zostanie skrócony do 1 dnia dla etapu Kodowania i Wdrożenia.
Co chcemy zrobić?
Przygotujemy automatyczny szablon zbudowany na bazie modułów (sekcji) do wielokrotnego wykorzystania, prekonfigurowalny przez grafika, preinstalowany poprzez przeglądarkę internetową. W tym celu zbudujemy komponenty w Figmie oraz instrukcję użycia dla UX designera, na którego zostanie przeniesiony ciężar stworzenia serwisu internetowego co skróci czas wdrożenia. Od czasów wejścia responsywności do internetu, wzorce stały się powszechnie stosowane, bo założeniem jest trzymanie się siatki 12-sto kolumnowej.
Standardowa strona internetowa będzie więc mogła powstać dużo szybciej bo efektem pracy projektanta będzie wizualizacja strony internetowej (jak do tej pory) oraz plik konfiguracyjny, który po zaimportowaniu wyda na świat stronę internetową wg projektu i z pełnym pakietem bogatych funkcjonalności, pełnowartościowa strona internetowa stworzona na bazie najlepszych wzorców, w oparciu o system CMS WordPress.
Widgety do wykorzystania w wersji bazowej:
- Slider zdjęć
- Widget fimowy
- Widget tekstowo-zdjęciowy
- Widget tekstowy
- Nagłówek 100%
- Widget kafli (produkty, wpisy)
- Widget FAQ
- Widget Galeria zdjęć
- Widget aktualności
- Widget Formularz kontaktowy
- Widget Tabeli
- Widget Karuzela danych (galeria, newsy)
O czym pamiętamy?
1. Wydajność i SEO
Największe przyrosty w wydajności można uzyskać poprzez zadbanie o zoptymalizowanie głównego szablonu, odpowiedniej konfiguracji serwera oraz optymalizacji obrazów wrzucanych do zawartości strony. Całość będzie można zweryfikować tu: https://web.dev/learn/performance
2. Bezpieczeństwo
Bieżąca aktualizacja wtyczek, minimalizacja użycia wtyczek poprzez natywne wykorzystanie funkcjonalności WordPressa oraz ACF, monitoring i zabezpieczenie WordPressa.
3. Dostęp do kodu
Wygenerowany kod Automated Web Template będzie w pełni dostępny do pobrania lub w wersji preinstalowalnej na serwerze. Dzięki temu posiadasz pełną niezależność i możliwość wprowadzania zmian.
