Projektowanie graficzne stron, sklepów i identyfikacji
Projektuję to, co potem sam koduję. Dzięki temu projekt nie zawiera rozwiązań, które ładnie wyglądają w pliku graficznym i rozjeżdżają się w przeglądarce.
Projekt, który przetrwa zderzenie z przeglądarką
Cztery rzeczy, które rozstrzygam na etapie projektu, żeby nie wracały jako problem przy kodowaniu.
Projekt strony albo sklepu
Zaczynam od tego, co ma się znaleźć na ekranie i w jakiej kolejności, a dopiero potem dobieram kolory i typografię. Układ wynika z treści, nie odwrotnie, bo projekt zrobiony pod zdjęcia z banku, a wypełniony potem prawdziwymi, wygląda inaczej niż na prezentacji.
Dostajesz widoki kluczowych ekranów w wersji szerokiej i wąskiej. Reszta podstron powstaje z tych samych elementów, więc nie muszę rysować każdej osobno.
widoki kluczowych ekranów, szeroki i wąski
zestaw powtarzalnych elementów zamiast rysowania każdej podstrony
układ wynikający z treści, nie z szablonu
projekt sprawdzony na prawdziwych zdjęciach i tekstach
Logo i identyfikacja
Logo robię w wersji wektorowej, z wariantami na jasne i ciemne tło oraz wersją uproszczoną do małych rozmiarów. Plik źródłowy jest Twój.
Przy identyfikacji opisuję paletę, typografię i zasady użycia, żeby materiały robione później przez kogoś innego trzymały się tej samej linii.
logo w plikach wektorowych i rastrowych
warianty na jasne i ciemne tło
paleta kolorów z wartościami do druku i na ekran
zasady użycia w jednym dokumencie
Grafiki do sieci i reklamy
Banery na stronę, grafiki na profile społecznościowe, materiały do kampanii reklamowych. Przygotowane w rozmiarach, których faktycznie wymagają serwisy docelowe, z zapasem na kadrowanie.
banery i grafiki na stronę
posty i okładki na profile społecznościowe
materiały do kampanii Google i Meta
rozmiary zgodne z wymaganiami serwisów docelowych
Projekt od kogoś innego
Koduję też cudze projekty. Zanim wycenię, przeglądam plik pod kątem rzeczy, które trzeba będzie rozstrzygnąć: zachowanie na szerokościach pośrednich, stany elementów po najechaniu i kliknięciu, wygląd list, gdy są puste albo bardzo długie.
Rozbieżności wypisuję przed startem, a nie w trakcie. Wtedy wybór należy do Ciebie: albo dopowiada je autor projektu, albo ja.
zachowanie na szerokościach pośrednich
stany elementów po najechaniu i kliknięciu
wygląd list pustych i bardzo długich
lista rozbieżności na piśmie przed wyceną
Ile kosztuje projekt graficzny
Można zamówić samo logo, sam projekt strony albo komplet, który trzyma się jednej linii od wizytówki po baner reklamowy.
Logo
Nowa firma albo odświeżenie znaku, który przestał pasować.
Znak w wersji wektorowej, z wariantami na jasne i ciemne tło oraz wersją uproszczoną do małych rozmiarów. Do tego krótki opis zasad użycia, żeby nie rozjechało się przy pierwszym zleceniu u drukarza.
- kilka propozycji do wyboru
- pliki wektorowe i rastrowe
- warianty na jasne i ciemne tło
- paleta kolorów na ekran i do druku
Projekt strony
Strona albo sklep, który ma wyglądać inaczej niż konkurencja z tego samego szablonu.
Widoki kluczowych ekranów w wersji szerokiej i wąskiej, zbudowane z powtarzalnych elementów. Projektuję to, co potem sam koduję, więc nie ma rozjazdu między plikiem graficznym a przeglądarką.
- strona główna i kluczowe podstrony
- widok szeroki i wąski
- zestaw powtarzalnych elementów
- stany przycisków, formularzy i list
Identyfikacja
Firma, która zamawia materiały w kilku miejscach i chce, żeby wyglądały jak jedna całość.
Logo, paleta, typografia i zasady użycia zebrane w jednym dokumencie, plus komplet materiałów wyjściowych. Grafik, drukarnia albo agencja reklamowa dostają gotowe wytyczne zamiast zgadywać.
- logo z pełnym zestawem wariantów
- dokument z zasadami użycia
- wizytówki, papier firmowy, stopka mailowa
- szablony grafik na profile społecznościowe
Ceny netto, od których zaczyna się wycena. Ostateczna zależy od liczby wariantów do przygotowania i liczby rund poprawek. Prace poza ustalonym zakresem rozliczam po 200 zł netto za godzinę.
Zacznijmy od rozmowy
Zostaw namiary, a odezwę się i zapytam, co projektujemy i gdzie ma to trafić. Jeśli masz starą identyfikację albo materiały od poprzedniego grafika, przejrzę je przed rozmową.
Odpowiadam w ciągu dnia roboczego. Wycena nic nie kosztuje i do niczego nie zobowiązuje.
Zanim napiszesz
Odpowiedzi na pytania, które słyszę najczęściej przy pierwszej rozmowie. Jeśli Twojego tu nie ma, napisz — odpowiadam tym samym językiem.
Robię obie rzeczy i najczęściej w jednym zleceniu. Dlatego w projekcie nie ma rozwiązań, które ładnie wyglądają w pliku graficznym, a rozjeżdżają się w przeglądarce. Sam projekt też zamawiasz osobno, jeśli kodowanie masz po swojej stronie.
Tak. Logo dostajesz w wersji wektorowej razem z wariantami na jasne i ciemne tło, projekt strony w pliku roboczym. Nie warunkuję dalszej współpracy trzymaniem źródeł u siebie.
Tak. Do logo dokładam opis palety, typografii i zasad użycia, żeby materiały robione później przez kogoś innego trzymały się tej samej linii.
Tak. Przed wyceną przeglądam plik pod kątem rzeczy, które trzeba rozstrzygnąć: zachowanie na szerokościach pośrednich, stany po najechaniu i kliknięciu, wygląd list pustych i bardzo długich. Rozbieżności dostajesz na piśmie przed startem, nie w trakcie.
Więcej na ten temat
Rozpisałem to szerzej na blogu, z konkretami i przykładami z wdrożeń.
5 cech dobrej strony internetowej
Co odróżnia stronę, która przynosi zapytania, od kosztownej wizytówki. Pięć cech, przy każdej konkretny sposób, żeby sprawdzić własną witrynę.
Co irytuje użytkowników stron internetowych — 14 błędów
Czternaście rzeczy, które wyganiają odwiedzających ze strony firmowej. Przy każdym punkcie konkretny sposób, żeby sprawdzić to u siebie.
Co to jest responsywna strona internetowa i jak ją sprawdzić
Responsywna strona dopasowuje układ do szerokości ekranu. Jak w minutę sprawdzić własną witrynę i co tracisz, gdy nie działa na telefonie.
Zobacz też
Strony internetowe — Ełk i zdalnie w całej Polsce
Projektuję i koduję strony firmowe od 2008 roku. Bez kupionego szablonu, w którym trzeba mieścić swoją treść, i bez osobnej wtyczki na każdą funkcję.
Sklepy internetowe — wdrożenie, migracja, rozwój
Stawiam sklepy i rozwijam te, które już sprzedają. Od wyboru platformy, przez integracje płatności i wysyłki, po wydajność przy kilku tysiącach produktów.