Co obejmuje tworzenie stron internetowych
Wdrożenie może opierać się na projekcie graficznym stworzonym przez Dardo albo na projektach dostarczonych przez Twój zespół lub inne studio. Tak czy inaczej oferta wymienia szablony, stany i integracje, które powstaną, wskazuje, kto dostarcza poszczególne materiały, i określa, jak odbierana jest każda część.
- Responsywna implementacja frontendu każdego uzgodnionego szablonu i stanu
- Model treści, konfiguracja CMS i proces publikacji
- Formularze i uzgodnione integracje, przetestowane na prawdziwych zgłoszeniach
- Metadane, dane strukturalne i struktura stron przyjazna robotom wyszukiwarek
- Kontrola dostępności i wydajności na reprezentatywnych stronach
- Testy przed startem, wdrożenie i dokumentacja przekazania
Kiedy warto zacząć od tworzenia strony
Zacznij tutaj, gdy projekt jest zatwierdzony lub prawie gotowy, a ryzyko leży we wdrożeniu: treści, które musi publikować Twój zespół, dane z innego systemu, formularz, który ma trafić do właściwej osoby, albo wydajność na prawdziwych telefonach. Przynieś projekty, inwentarz stron i listę integracji. Strona firmowa, panel po zalogowaniu i system transakcyjny mają inne kryteria odbioru, dlatego ustalamy je przed wyceną.
Jeśli nie masz jeszcze projektów, zacznij od projektowania stron internetowych na zamówienie, które obejmuje oba etapy. Jeśli brief opiera się na animacji, WebGL lub 3D, lepiej sprawdzi się creative development. A jeśli rdzeniem zakresu jest złożony produkt z logowaniem lub długi program integracji korporacyjnych, lepszy może być większy zespół aplikacyjny; powiemy o tym na wczesnym etapie.
Stack, w którym pracujemy
Stack dobieramy do projektu i uzasadniamy wybór w ofercie. Nasze opublikowane realizacje korzystają z Astro i Next.js z TypeScriptem, wdrażanych na Cloudflare Workers lub Vercel. Przy stronach marketingowych opartych na treści Astro sprawdza się świetnie: strony są z góry renderowane do HTML, a JavaScript trafia tylko do komponentów, które go potrzebują, dzięki czemu strony są lekkie i łatwe do odczytania dla wyszukiwarek. Next.js pasuje do interfejsów zachowujących się bardziej jak aplikacja.
Gdy strona wymaga logiki po stronie serwera, na przykład płatności, kont użytkowników lub danych z innej usługi, dodajemy ją tam, gdzie jest potrzebna, zamiast zamieniać każdą stronę w aplikację. Superame, publiczny ranking projektów zbudowany w Astro, przechowuje ranking w bazie Neon i kieruje kupujących do zewnętrznej strony płatności; jego serwer weryfikuje każde podpisane powiadomienie o płatności, zanim doliczy środki. Jeśli Twój zespół musi pozostać przy konkretnym CMS lub platformie, napisz o tym w briefie, a przed wyceną potwierdzimy, czy jesteśmy odpowiednim zespołem.
CMS, z którego Twój zespół naprawdę skorzysta
System zarządzania treścią pomaga tylko wtedy, gdy jego pola odpowiadają sposobowi publikowania w Twoim zespole. Przed budową opisujemy każdy typ treści, kto edytuje poszczególne pola, co wymaga akceptacji oraz które strony mają stały układ, a które są wielokrotnego użytku. W A medio tono programy i nauczyciele są wpisami łatwymi w utrzymaniu, a nie ręcznie budowanymi stronami, a link do kursu otwiera katalog nauczycieli już przefiltrowany do danego instrumentu.
Strona Dardo działa tak samo: jej podstrony to statyczny build w Astro serwowany z Cloudflare, artykuły powstają w osobnym headless CMS, a opublikowanie artykułu uruchamia ponowne zbudowanie strony. Statyczny wynik upraszcza hosting i przyspiesza strony, a redaktorzy nigdy nie dotykają kodu.
Integracje, formularze i wydajność
Budowę zaczynamy od inwentarza tras i mapy integracji: co ma robić każdy formularz lub API, jakie konta zewnętrznych usług musisz posiadać i co widzi użytkownik, gdy usługa działa wolno lub zawodzi. Dopracowany frontend może ukrywać niezdefiniowany proces obsługi zapytań, dlatego przed startem wysyłamy prawdziwe testowe zgłoszenia i sprawdzamy, czy trafiają tam, gdzie powinny.
Wydajność jest częścią odbioru, a nie dodatkiem na koniec. Ustalamy szablony i urządzenia do testów, a przed wydaniem sprawdzamy sposób ładowania i wagę stron. A medio tono korzysta na produkcji z Vercel Analytics i Speed Insights, a wdrożenie Janus Observatory obejmuje budżety rozmiaru paczek i testy w przeglądarkach, z procesem wydawniczym, który sprawdza build i regresje wizualne.
Strony dla firm wielolokalizacyjnych i franczyz
Firmy z wieloma biurami, klinikami, sklepami lub franczyzobiorcami potrzebują jednego systemu marki i jednego modelu treści, z osobną stroną dla każdej lokalizacji: z adresem, godzinami, zespołem, usługami, zdjęciami i bezpośrednim kontaktem do danego miejsca. Centrala kontroluje wspólne strony i markę, a każda lokalizacja edytuje tylko własne dane, dzięki rolom, które rozdzielają te zakresy.
Google wymaga jednego Profilu Firmy dla każdej lokalizacji oraz strony internetowej reprezentującej tę lokalizację i zaleca oznaczanie każdej lokalizacji osobno, z własnym adresem URL. Tak budujemy strony lokalizacji i dane strukturalne. Nie klonujemy stron miast, w których nie masz biura, ponieważ strony różniące się wyłącznie nazwą miejscowości są traktowane jako doorway pages.
Jak testujemy przed startem
Reprezentatywna strona jest budowana i testowana na uzgodnionych rozmiarach ekranu, zanim ukończymy pozostałe szablony, dzięki czemu problemy wychodzą na jaw, gdy ich naprawa jest jeszcze tania. Odbiór obejmuje:
- Obsługę klawiaturą i widoczny fokus
- Długie, krótkie i brakujące treści bez zepsutych układów
- Stany ładowania, pusty i błędu oraz ograniczony ruch tam, gdzie są animacje
- Dostarczanie formularzy do prawdziwego adresata, z komunikatem potwierdzającym
- Adresy kanoniczne, przekierowania, metadane i dane strukturalne
- Zdarzenia analityczne, obsługę zgód i integracje produkcyjne
Do kogo należy kod i co otrzymujesz przy przekazaniu
Przekazanie projektu wskazuje repozytorium, hosting, domeny, CMS, dane dostępowe, dokumentację i osobę odpowiedzialną za utrzymanie, dzięki czemu strona pozostaje w pełni obsługiwana po publikacji. Tam, gdzie pozwala na to platforma, wolimy hosting i konta kontrolowane przez klienta, a w ofercie określamy prawa własności do kodu, materiałów graficznych i licencjonowanych zależności, zanim zaczną się prace.
Zespół nearshore w Twojej strefie czasowej
Dardo to trzyosobowy zespół z Bogoty pod kierownictwem założyciela, Nicolása Cerón, więc rozmawiasz bezpośrednio z osobami, które piszą Twój kod. Bogota działa przez cały rok w strefie UTC−5, czyli w czasie zgodnym z czasem centralnym USA podczas czasu letniego i z czasem wschodnim USA w pozostałej części roku, dzięki czemu rozmowy, przeglądy i dni startu mieszczą się w Twoim zwykłym dniu pracy. Przedziały budżetu w formularzu zapytania zaczynają się poniżej 5000 USD i sięgają powyżej 60 000 USD, więc możesz nam powiedzieć, w którym miejscu plasuje się Twój projekt.
Pytania przed wyborem
Ile kosztuje stworzenie strony internetowej?
To zależy od zakresu prac: liczby szablonów i stanów, migracji treści, wymagań dotyczących CMS, integracji, wersji językowych, dostępności, animacji, testów i przekazania projektu. Wyceniamy udokumentowany zakres po przeanalizowaniu tych zależności, zamiast stosować uniwersalną stawkę za podstronę, a w ofercie oddzielamy jednorazowe koszty realizacji od cyklicznych opłat za hosting i oprogramowanie.
Czym różni się projektowanie stron od ich programowania?
Projektowanie stron określa, co strona komunikuje, jak jest zorganizowana oraz jak wygląda i działa. Programowanie zamienia te decyzje w działający kod: szablony, zarządzanie treścią, formularze, integracje, wydajność i wdrożenie. Wiele problemów leży pomiędzy tymi etapami, na przykład układ, który się rozsypuje przy prawdziwych treściach, albo formularz bez stanu błędu. Dlatego Dardo łączy oba obszary w jednym zespole lub przed rozpoczęciem prac przegląda projekty z zewnątrz.
Czy możecie zbudować stronę na podstawie naszych gotowych projektów?
Tak. Najpierw sprawdzamy projekty pod kątem stanów responsywnych, skrajnych przypadków treści, interakcji oraz brakujących stanów ładowania i błędów, a potem uzgadniamy kryteria odbioru wdrożenia z właścicielem projektu. Braki wypisujemy przed wyceną, żeby nikt nie odkrył w trakcie prac, że jakiegoś stanu nigdy nie zaprojektowano. Jeśli projekty wymagają znacznych poprawek, wyceniamy je osobno, zamiast improwizować w kodzie.
Jakiego CMS-a używacie?
To zależy od tego, kto publikuje, jak często i jakiego rodzaju treści. W przypadku stron opartych na treści dobrze sprawdza się statyczny build w Astro połączony z headless CMS-em: redaktorzy piszą w interfejsie redakcyjnym, a publikacja uruchamia ponowne zbudowanie strony. Gdy strona jest bliższa aplikacji, treści mogą znajdować się w jej własnej bazie danych. Oferta wskazuje CMS, wyjaśnia, dlaczego pasuje, i wymienia wszelkie koszty licencji lub subskrypcji.
Kiedy wybieracie Astro zamiast Next.js?
Astro wybieramy wtedy, gdy większość stron to treści, które można wyrenderować z wyprzedzeniem, jak strony marketingowe, publikacje i strony usług, ponieważ domyślnie wysyła niewiele JavaScriptu lub wcale. Next.js sprawdza się, gdy znaczna część interfejsu zachowuje się jak aplikacja. Oba rozwiązania widać w naszych opublikowanych realizacjach: strona Dardo i Superame działają na Astro, a A medio tono i Janus Observatory na Next.js.
Do kogo należy kod po zakończeniu projektu?
Oferta określa własność kodu, materiałów graficznych, kont i licencjonowanych zależności, zanim zaczną się prace. Wolimy, aby hosting, domeny i repozytorium były od początku pod Twoją kontrolą, z udokumentowanym dostępem, tak aby inny zespół mógł kontynuować pracę bez odbudowywania strony. Zewnętrzne fonty, usługi i wtyczki pozostają na własnych licencjach, które wymieniamy, żeby po starcie nic Cię nie zaskoczyło.
Czy utrzymujecie strony po uruchomieniu?
Może to być częścią usługi. Jeśli Dardo nadal wspiera stronę, oferta określa, co obejmuje utrzymanie, na przykład aktualizacje, poprawki i drobne zmiany, oraz jak obsługiwane są zgłoszenia. Jeśli nie, otrzymujesz repozytorium, dokumentację i konta potrzebne Twojemu zespołowi lub innemu programiście do przejęcia strony. W obu przypadkach kwestia własności jest rozstrzygnięta przed startem, a nie negocjowana później.
Jak długo trwa stworzenie strony internetowej?
To zależy od liczby szablonów i stanów, integracji, migracji treści oraz tego, jak szybko zatwierdzane są projekty i treści, więc harmonogram ustalamy w ofercie, zamiast podawać standardowy czas. Zbudowanie i przetestowanie najpierw jednej reprezentatywnej strony daje obu stronom wczesny, konkretny obraz tempa i jakości, zanim powstaną pozostałe szablony.
Czy możecie pracować razem z naszym zespołem wewnętrznym?
Tak, w ramach określonego zakresu. Możemy zbudować kompletną stronę, wdrożyć projekty od Waszych projektantów lub dostarczyć projekty, które zbudują Wasi programiści, a podział odpowiedzialności zapisujemy w ofercie. Przed startem uzgadniamy repozytorium, proces przeglądów, terminy spotkań i to, kto zatwierdza poszczególne elementy, a pracujemy po angielsku lub hiszpańsku w strefie UTC−5, która pokrywa się z amerykańskim dniem pracy.
Źródła i dalsza lektura
Źródła tej strony wraz z dodatkowymi informacjami od oryginalnych wydawców.
- Wytyczne Profilu Firmy w Googlesupport.google.com
- Google Search Central: dane strukturalne dla firm lokalnychdevelopers.google.com
- Google Search Central: zasady dotyczące spamu (nadużycia stron przejściowych)developers.google.com
