Projektujemy i programujemy strony średnich i dużych firm: ładne, szybkie i wygodne w prowadzeniu. Panel składamy z bloków skrojonych pod Waszą markę, więc kolejne podstrony powstają bez programisty.
01Podejście
Tak pracujemy przy każdej stronie, od wizytówki po serwisy grupy w kilku krajach. Stawiamy małe, ale pewne kroki i nie idziemy na skróty.
Pracę nad każdą stroną zaczynamy od analizy rynku i konkurencji oraz warsztatów z Wami. Ustalamy cele strony, wizerunek, jaki ma budować, i to, czym Wasza oferta ma się wyróżnić. Do projektowania przechodzimy dopiero wtedy, gdy dobrze rozumiemy Wasze potrzeby i ryzyka.
Porządkujemy architekturę informacji: treści i ścieżki odwiedzających układamy najpierw na makiecie, jeszcze bez kolorów i zdjęć. Gdy szkic jest zrozumiały, projekt graficzny ma na czym stanąć.
Zanim zaczniemy, wiecie, jak będzie zorganizowana praca i jakiego rezultatu się spodziewać. Pracujemy etapami, zgodnie z harmonogramem, i na bieżąco mówimy, co robimy, dlaczego i kiedy.
Teksty, zdjęcia, sekcje i całe podstrony zmieniacie w panelu. Każdy blok ma proste pola, więc poradzi sobie z nimi nawet osoba, która dołączyła do zespołu wczoraj.
Przeprowadzkę bierzemy na siebie: przenosimy treści ze starej strony, ustawiamy przekierowania ze starych adresów, domenę i serwer, a po starcie zaglądamy w raporty z Google. Na nową stronę Grupy BEST przenieśliśmy w ten sposób ponad 4 000 wpisów, raportów i dokumentów.
Ikony, projekt, animacje i kod robimy sami, dla każdej strony od nowa. Strona wygląda jak Wasza marka i ładuje tylko kod, którego używa.
Animacje, konfigurator produktu, połączenie z magazynem, portal z logowaniem: takie rzeczy budujemy na co dzień. Gdy jakiś pomysł kosztowałby więcej, niż przyniesie, mówimy o tym na starcie i proponujemy prostszą drogę do tego samego celu.
Zdjęcia, filmy i animacje odchudzamy do lekkich formatów, a skrypty wczytują się dopiero wtedy, gdy są potrzebne. Szybkość mierzymy przed startem i po nim, także na telefonie i przy słabym zasięgu.
Wersję na telefon i tablet projektujemy z tą samą starannością co wersję na komputer. Każdy blok dostaje własny układ na mały ekran, ułożony pod kciuk.
Każdą stronę projektujemy i programujemy według WCAG: kontrast, kolejność nagłówków, obsługa klawiaturą i czytnikiem ekranu. O dostępności myślimy w każdym bloku od pierwszego szkicu.
Zabezpieczamy stronę i piszemy kod tak, żeby kolejne aktualizacje przechodziły bez emocji. Przez 12 miesięcy po wdrożeniu robimy aktualizacje i kopie zapasowe trzymane poza serwerem.
Wycena nie rośnie w trakcie pracy. Jeśli coś, na co się umówiliśmy, zajmie nam więcej czasu, niż zakładaliśmy, ten czas idzie na nasz rachunek.
02Typy stron
Te strony robimy najczęściej, choć lista jest otwarta. Przy każdej piszemy, co robimy i co dostajecie, i pokazujemy podobną realizację. Gdy strona powstaje razem z nową marką albo po rebrandingu, zaczynamy od brandingu, żeby marka i strona mówiły jednym głosem.
Co robimy
Każdy, kto Was sprawdza, szuka czegoś innego: klient oferty, partner danych technicznych, kandydat ofert pracy, a inwestor raportów. Projektujemy osobną drogę dla każdego z nich i panel, w którym Wasz zespół sam składa kolejne podstrony.
Co dostajecie
Podobne realizacje
Co robimy
Wizytówka mieści firmę, ofertę i kontakt na kilku podstronach. Składamy ją z tych samych bloków co duże strony firmowe, więc gdy firma urośnie, kolejne podstrony dodacie sami, bez przebudowy. Tak wizytówka dorasta do pełnej strony firmowej.
Co dostajecie
Co robimy
Projektujemy stronę, która mówi to samo co reklama i prowadzi do jednego działania: zakupu, zapisu albo zapytania. Wersje dla krajów i sklepów składamy z tego samego układu.
Co dostajecie
Podobne realizacje
Co robimy
Projektujemy sklep, który wie, co leży w magazynie, i daje się obsłużyć kciukiem na telefonie. Wdrażamy go na WooCommerce albo projektujemy pod platformę, której już używacie.
Co dostajecie
Podobne realizacje
Co robimy
Klient wybiera wymiar, kolor i dodatki, widzi swoją wersję i wysyła zapytanie z pełną konfiguracją. Handlowiec ma komplet informacji w pierwszej wiadomości, a setki wariantów pokazuje jeden konfigurator.
Co dostajecie
Podobne realizacje
Co robimy
Układamy stronę tak, żeby pacjent sam znalazł usługę, lekarza i cenę, a potem od razu umówił wizytę. Opisy usług powstają według kilku wzorów, a ceny przy usługach biorą się z jednego cennika, więc zespół kliniki dodaje kolejne usługi sam.
Co dostajecie
Podobne realizacje
Co robimy
Wersję językową dodajemy dla rynku, z którego przychodzą klienci i zapytania. Każda ma własne treści, a adresy ustawiamy tak, żeby wyszukiwarka pokazywała odwiedzającym właściwy język.
Co dostajecie
Co robimy
Portal to osobny serwis dla tych, którzy pracują z Waszymi produktami, z bazą wiedzy, plikami do pobrania i filtrami po parametrach. Gdy zespół doda materiał, realizację albo wydarzenie, portal sam ułoży je na liście i w kalendarzu.
Co dostajecie
Podobne realizacje
Co robimy
Projektujemy i poprawiamy strony tak, żeby spełniały WCAG na poziomie AA. Sprawdzamy kontrast, nagłówki, formularze, opisy zdjęć oraz obsługę klawiaturą i czytnikiem ekranu, a poprawki robimy w projekcie i w kodzie.
Co dostajecie
03Punkt wyjścia
Te zdania słyszymy najczęściej. Pod każdym jest to, co z tym robimy, i realizacja z podobnym punktem wyjścia.
Panel z bloków, w którym zmiany robi Wasz zespół
Stronę budujemy z bloków zaprojektowanych pod Waszą markę. Redaktor wybiera blok, wpisuje treść i podmienia zdjęcie, a układ, kolory i krój pisma pilnują się same. Programista jest potrzebny dopiero wtedy, gdy strona ma się nauczyć czegoś nowego.
Co robimy
Cała strona w panelu, z granicami w każdym bloku
W panelu jest cała strona, od pierwszego ekranu po stopkę. Każdy blok ma swoje pola i granice, więc przypadkowe kliknięcie nie rozsypie układu ani nie przemaluje przycisku. Zespół zmienia stronę śmiało.
Co robimy
Zobacz naszą podobną realizację
Porta PRO
Strefa Architekta Porta stoi na własnym motywie z ponad pięćdziesięciu bloków. Każdy ma swoje pola, wersję na telefon i wersję językową, a zespół Porta układa z nich nowe strony bez programisty.
Zobacz projekt Porta PROPodobne realizacje
Landing page z gotowych bloków
Landing page ma jedno zadanie i nic nie odciąga od niego uwagi. Gdy strona stoi na blokach, kolejne wersje pod kampanie i kraje składa się z gotowych klocków, a czas idzie na hasło i grafikę.
Co robimy
Zobacz naszą podobną realizację
Acer
Dla Acer UK zaprojektowaliśmy landing page laptopa Aspire Vero z animacjami, które pokazują ekologię obrazem, od kartonowego opakowania po sadzonkę wyrastającą z ekranu. Potem Vero wracało do nas z kolejnych krajów.
Zobacz projekt AcerPodobne realizacje
Opieka z jasnym zakresem, a dostępy u Was
Stronę bierzemy pod opiekę z jasno opisanym zakresem: aktualizacje, kopie zapasowe trzymane poza serwerem i monitoring. Dostępy, hasła i pliki trzymacie u siebie, w komplecie. Gdy strona utknęła w połowie drogi, najpierw sprawdzamy, co da się z niej uratować.
Co robimy
Zobacz naszą podobną realizację
Nowa Stomatologia
Klinika przyszła do nas ze starą stroną i niedokończoną nową, którą zaczął inny wykonawca. Zrobiliśmy stronę od nowa i rozwijaliśmy ją dalej: doszła wersja angielska, nowy układ i rezerwacja wizyt w dwóch kliknięciach.
Zobacz projekt Nowa StomatologiaPodobne realizacje
Mniej rzeczy na ekranie i jedna jasna droga
Zaczynamy od tego, czego szukają odwiedzający i jak wypadacie na tle konkurencji. Na pierwszym ekranie zostaje mocne hasło, produkt i jedna jasna droga dalej, a resztę porządkujemy w strukturze, żeby nic ważnego nie zginęło.
Co robimy
Zobacz naszą podobną realizację
Grupa Dawtona
Dawtona zmieniła wygląd etykiet, a strona została przy starym wizerunku. Nowa dawtona.pl ma sporo ruchu, ale największą robotę robi porządek: w 112 produktach trudno się zgubić.
Zobacz projekt Grupa DawtonaJeden system dla wszystkich stron firmy
Budujemy jeden system: wspólne bloki, nawigację i style tekstu. Każda spółka albo marka zachowuje swoje akcenty i funkcje, a kolejna strona startuje z gotowym szkieletem. Droga do startu jest krótsza, a kodu do utrzymania mniej.
Co robimy
Zobacz naszą podobną realizację
Grupa BEST
Sześć serwisów spółek Grupy BEST w pięciu krajach stoi na jednym systemie. Mają ten sam szkielet i nawigację łączącą grupę, a różnią się akcentem, zdjęciami i funkcjami. Każdy ma własny panel.
Zobacz projekt Grupa BESTPodobne realizacje
Dane w jednym miejscu, a strona bierze je sama
Produkt, cenę albo stan magazynu wpisuje się raz, w jednym miejscu, a strona pobiera je z systemów, których już używacie. Mniej przepisywania to mniej pomyłek i mniej pracy przy każdej zmianie oferty.
Co robimy
Zobacz naszą podobną realizację
Design Optyk
Napisaliśmy aplikację, która czyta stany z programu magazynowego w salonach Design Optyk i przekazuje je do sklepu. Podłączyliśmy sześć z siedmiu salonów, a zamówienia, ceny i nowe produkty idą też przez BaseLinker.
Zobacz projekt Design OptykPodobne realizacje
Konfigurator, który pokazuje ich wersję
Konfigurator pokazuje produkt w wersji klienta: z jego wymiarem, kolorem i dodatkami. Przy produktach na zamówienie zapytanie z gotową konfiguracją, które trafia do handlowca, często działa lepiej niż koszyk.
Co robimy
Zobacz naszą podobną realizację
Biurokoncept
Na biurokoncept.pl klient wybiera przestrzeń, produkt i jego wersję, a do Biurokoncept trafia zapytanie z pełną konfiguracją: wymiarem, kolorem blatu, stelażem i dodatkami.
Zobacz projekt BiurokonceptPodobne realizacje
04Skala
Strony średnich i dużych firm mają setki podstron, kilka języków i kilka zespołów, które je zmieniają. Dlatego zaczynamy od systemu: wspólnych bloków, wzorów stron i zasad, których pilnuje panel. Już przy projekcie sprawdzamy, czy bloków wystarczy, żeby złożyć z nich każdą potrzebną podstronę.
05Co dostajecie
Zostaje u Was strona, panel, w którym zespół pracuje na co dzień, i nasza opieka. Dzięki niej po roku wszystko działa tak dobrze jak pierwszego dnia. Z rozbudową możecie wrócić do nas w każdej chwili albo poprowadzić ją we własnym zespole.
Redaktor wybiera sekcję i wpisuje treść, a o układ, kolory i typografię dba sam blok. Bloki mają pola i granice, więc każda nowa podstrona pasuje do reszty, a zespół publikuje ją od ręki.
Przykład Marketing Dawtony sam składa nowe podstrony dawtona.pl z 33 gotowych bloków i sam zmienia treści. Grupa Dawtona
Każdy język ma własne treści i może mieć własnych redaktorów. Adresy i oznaczenia języków ustawiamy tak, żeby wyszukiwarka pokazywała odwiedzającym właściwą wersję.
Przykład Porta PRO działa po polsku i po rumuńsku. Tłumaczenia przygotowaliśmy ze słownikiem pojęć Porta, a zespół w Rumunii edytuje swoje treści niezależnie od polskiego. Porta PRO
Zapytanie idzie tam, gdzie ktoś na nie odpowie: do działu, na listę mailingową albo do systemu sprzedaży. Formularz wie, z której podstrony go wysłano, więc nikt nie musi dopytywać.
Przykład W Nowej Stomatologii przycisk rezerwacji jest w nagłówku, przy każdym specjaliście i w stopce, a klinika sama ustawia w panelu, czy profil prowadzi do kalendarza, czy do formularza. Nowa Stomatologia
Najpierw ładuje się to, co widać na pierwszym ekranie, a filmy i animacje niżej dopiero wtedy, gdy odwiedzający do nich dojdzie. Szybkość mierzymy przed startem i po nim, także na telefonie.
Przykład Animowane tła na pokket.pl przerobiliśmy na lżejsze pliki, a strona została tak samo głośna i kolorowa. Pokket
Kontrast, kolejność nagłówków, obsługa klawiaturą i czytnikiem ekranu: o dostępności myślimy już przy makiecie i pilnujemy jej w kodzie każdego bloku. Dzięki temu strona obywa się bez nakładki z przyciskiem w rogu, która powiększa tekst i zmienia kolory.
Przez 12 miesięcy po wdrożeniu robimy aktualizacje i kopie zapasowe trzymane poza serwerem, i pilnujemy, czy strona działa. Jeśli wolicie oddać hosting w jedne ręce, kupimy w Waszym imieniu serwer VPS lub dedykowany i będziemy nim zarządzać.
Przykład Serwisami Grupy BEST w pięciu krajach opiekujemy się na stałe. Grupa BEST
Po starcie szkolimy zespół z pracy w panelu i zostawiamy instrukcję albo nagranie. Przydaje się zwłaszcza nowym osobom, które przejmują stronę po kimś innym.
Przykład Zespół Acer UK po szkoleniu z CMS dostał od nas instrukcję dla nowych osób i może sam dodawać do portalu materiały, podstrony i filtry. Acer
Sprawdźmy, czego potrzebujesz i od czego warto zacząć.
06Proces
Pracujemy w sześciu etapach, od analizy po opiekę, a pod każdym widać, co z niego zostaje u Was. Harmonogram ustalamy na początku współpracy, o postępach mówimy na bieżąco, a do kolejnego etapu przechodzimy, gdy razem zamkniemy poprzedni.
Na czym polega
Zaczynamy od analizy rynku i konkurencji oraz warsztatów z osobami, które będą stronę prowadzić. Ustalamy cele strony, jej odbiorców, wizerunek, jaki ma budować, i to, czym Wasza oferta ma się wyróżnić. Sprawdzamy też, co dziś działa, a co nie: treści, ścieżki odwiedzających, panel, hosting i dostępy.
Po co to
Do projektowania przechodzimy dopiero wtedy, gdy rozumiemy Wasze potrzeby i ryzyka. Czasem wystarczy uporządkować treść i strukturę, a jeśli trzeba budować od nowa, mówimy to wprost i wyjaśniamy dlaczego.
Na czym polega
Porządkujemy architekturę informacji: układamy mapę strony i ścieżki dla każdej grupy odbiorców, a potem makietę: szkic każdego rodzaju podstrony z prawdziwymi treściami, jeszcze bez kolorów.
Po co to
Przesunięcie sekcji na makiecie zajmuje chwilę. To samo w gotowym kodzie to osobne zlecenie.
Na czym polega
Pierwszy krok to kierunek: pokazujemy trendy i wizerunek, który wynika z warsztatu. Dopiero potem przychodzi UI/UX design w Waszych kolorach i krojach pisma, od stron, na których dzieje się najwięcej, po bibliotekę bloków. Każdy blok ma wersję na telefon i stany, o których łatwo zapomnieć, jak brak zdjęcia albo bardzo długi tytuł. W trakcie sprawdzamy, czy biblioteka wystarczy na wszystkie rodzaje podstron.
Po co to
Gdy bloki są zaprojektowane jako system, każda nowa podstrona wygląda jak część tej samej strony, nawet jeśli składa ją ktoś, kto nie jest projektantem.
Na czym polega
Programujemy stronę, najczęściej na WordPressie z własnym motywem, bez gotowych szablonów. Każdy blok z projektu dostaje w panelu swoje pola, a strona łączy się z systemami, których używacie.
Po co to
Motyw pisany od zera nie wozi ze sobą kodu na zapas. Redaktor widzi w panelu bloki, które zna ze strony, i od razu wie, co gdzie trafi.
Na czym polega
Przenosimy treści ze starej strony i uzupełniamy brakujące. Ustawiamy przekierowania ze starych adresów i testujemy stronę na telefonach, w różnych przeglądarkach i z czytnikiem ekranu.
Po co to
Przekierowania ze starych adresów ograniczają ryzyko spadku w Google, a testy wyłapują błędy, zanim zobaczą je klienci.
Na czym polega
Publikujemy stronę, szkolimy zespół z pracy w panelu i zostawiamy instrukcję. Przez 12 miesięcy po wdrożeniu robimy aktualizacje i kopie zapasowe, a potem opiekujemy się stroną dalej, jeśli tego chcecie.
Po co to
Strona żyje latami, więc o jej bezpieczeństwo i szybkość dbamy przez cały ten czas.
07Realizacje
Zebraliśmy tu strony firmowe, sklepy, konfiguratory i landing page. Przy kilku sklepach przygotowaliśmy sam projekt, a wdrożył go zespół klienta.
Wszystkie realizacje
Porta PRO
Osobny serwis dla architektów: parametry drzwi, pliki BIM i baza wiedzy, po polsku i po rumuńsku.
Grupa Dawtona
Serwisy marek z jednego systemu modułów, w których marketing sam składa nowe podstrony.
Grupa BEST
Strona best.com.pl i serwisy spółek grupy w pięciu krajach, na jednym systemie.
Design Optyk
Sklep sieci salonów optycznych, połączony z magazynami salonów.
Acer
Portal, z którego partnerzy Acer UK sami pobierają materiały, i landing page kampanii w kilku krajach.
Biurokoncept
Katalog ponad tysiąca mebli, w którym klient sam składa biurko, a handlowiec dostaje zapytanie z gotową konfiguracją.
Intima Clinic
Serwis kliniki, w którym pacjent sam znajduje usługę, lekarza i cenę.
PolTREG
Strona spółki biotechnologicznej z GPW dla pacjentów, inwestorów i partnerów, w dwóch językach.
Mily Group
Strona po angielsku, z której partner wyczyta to, o co zapytałby handlowca.
Nowa Stomatologia
Strona kliniki, która umawia na wizytę w dwóch kliknięciach.
PetCuisine
Strona producenta karmy, na której partner wybiera rodzaj, opakowanie i smak, a potem wysyła zapytanie.
Pokket
Strona marki tak głośna i kolorowa jak jej smaki.
Vee
Strona vee.ai i landing page, na którym po zostawieniu numeru Vee dzwoni na żywo.
Itrons
Strona firmy instalacyjnej, która od pierwszego ekranu prowadzi do jednej z pięciu marek.
Overmax
Projekt sklepu z autami RC, zaczęty od karty modelu na telefonie. Sklep wdrożył zespół Overmax.
Itodi
Projekt sklepu mebli na wymiar z konfiguratorem, przy którym nie trzeba znać się na meblach.
Zippy Tail
Projekt sklepu z suplementami dla psów i kotów, w tych samych kolorach co opakowania.
Novicare
Projekt sklepu ze sprzętem rehabilitacyjnym, w którym dofinansowania są na pierwszym planie.
HomeKoncept
Projekt serwisu z projektami domów: wyszukiwarka, karta projektu i koszyk z pakietami dodatków.
DCX
Projekt strony producenta systemów chłodzenia, ułożonej jak witryna salonu z elektroniką.
Hana Design
Strona dystrybutora mebli z konfiguratorem: klient wybiera warianty produktu i wysyła zapytanie do handlowca.
08Zakres
Tak wygląda nasz warsztat przy stronach. Pojęcia, które brzmią technicznie, tłumaczymy po ludzku w słowniku.
Robiliśmy to między innymi dla
Robiliśmy to między innymi dla
Robiliśmy to między innymi dla
09Pytania
Dobieramy technologię do zespołu, który będzie stronę edytował. Najczęściej to WordPress z autorskim motywem, bez gotowych szablonów, a sklepy na WooCommerce.
Tak, o to w tym wszystkim chodzi. Panel składamy z bloków z polami, więc zmiana treści nie wymaga ani programisty, ani projektanta. Po starcie szkolimy zespół i zostawiamy instrukcję.
Przenosimy treści i ustawiamy przekierowania ze starych adresów, żeby ograniczyć to ryzyko. Start planujemy razem z osobami, które prowadzą Wasze SEO, a po nim sprawdzamy raporty z Google i poprawiamy to, co trzeba.
Możemy przenieść i uporządkować to, co macie, albo napisać brakujące teksty. Gdy treści piszecie sami, do każdego wzoru strony dostajecie arkusz z polami, więc wiadomo, co i gdzie napisać, zanim cokolwiek trafi na stronę.
Możemy uporządkować to, co macie, u obecnych dostawców. Jeśli wolicie oddać to w jedne ręce, kupimy w Waszym imieniu serwer VPS lub dedykowany i będziemy nim zarządzać. Wtedy odpowiedzialność za dostawców bierzemy na siebie.
Przez 12 miesięcy po wdrożeniu robimy aktualizacje i kopie zapasowe trzymane poza serwerem. Potem możemy opiekować się stroną dalej i rozwijać ją razem z Wami.
To zależy od wielkości strony, liczby wzorów i języków. Harmonogram ustalamy na początku współpracy, trzymamy się go i na bieżąco mówimy, na jakim etapie jest praca. Grupa Dawtona napisała nam o stronie PetCuisine: „Całość realizacji została przeprowadzona zgodnie z ustalonym harmonogramem i budżetem, co szczególnie doceniamy.”
Tak. Najpierw sprawdzamy kod, wtyczki, hosting i dostępy, a potem mówimy, co da się zostawić, a co trzeba poprawić. Jeśli fundament jest dobry, rozwijamy stronę etapami, na tym, co już stoi.
Tak, zwykle przed pierwszym warsztatem.
Tak. Portal dla partnerów, panel dla klientów albo narzędzie dla zespołu projektujemy i programujemy jako aplikację webową.
Czytaj
Czytaj
Czytaj
Napisz do nas!
Wypełnij formularz lub napisz na:
Wolisz zadzwonić?
"*" oznacza pola wymagane
