Projekt logo, identyfikacji wizualnej i strony internetowej
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 rodzaje zleceń: projekt strony, logo, grafiki do sieci i cudzy projekt do zakodowania. W każdym pilnuję, żeby plik graficzny zgadzał się z tym, co pokaże przeglądarka.
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. Projekt narysowany pod zdjęcia z banku wygląda inaczej, gdy trafią do niego prawdziwe zdjęcia i teksty firmy.
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 Twojej firmy
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. Każda grafika powstaje w rozmiarze, którego wymaga serwis docelowy, 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. Wtedy wybór należy do Ciebie: albo dopowiada je autor projektu, albo ja.
Jeśli masz projekt od swojego grafika, kodowanie z gotowego pliku opisuję na osobnej stronie.
Kodowanie z gotowego projektu →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ą
Wybrane projekty logo
Kilka znaków z tych, które zaprojektowałem: dla firm usługowych, sklepów, obiektów noclegowych i fundacji.
Alarmex
firma ochroniarska
Arca Yacht
czarter jachtów, Giżycko
DELTA
centrum szkoleniowe służb ochrony
Organic Village
sklep ze zdrową żywnością
Rim Store
sklep internetowy z felgami
Fundacja Santa Herba
fundacja
Wille Apartamenty
wynajem i zarządzanie apartamentami
Zakątek Rospuda
pensjonat
Jeden znak na papierze, tkaninie i opakowaniu
Logo sprawdzam w miejscach, w których będzie żyło, zanim oddam pliki. Tak wyglądały wizualizacje znaku Fundacji Santa Herba.
Tłoczenie na papierze
Złote tłoczenie na papierze kraft. Cienkie linie i drobny napis wokół znaku muszą przetrwać druk bez zlewania się.
Nadruk na tkaninie
Wersja w jednym kolorze, bez gradientów. Na szorstkim lnie znak zostaje czytelny.
Opakowanie
Biały znak na nasyconym kolorze. Wariant na kolorowe tło ma ten sam charakter co podstawowy.
Co dostajesz po zleceniu
Pliki są Twoje. Prawa majątkowe do logo przechodzą na Ciebie po zapłacie, a projekt strony dostajesz w Figmie razem z zestawem elementów.
Co jest w księdze znaku
Przy identyfikacji wizualnej dostajesz księgę znaku. Grafik, drukarnia albo agencja reklamowa sprawdzają w niej, jak używać logo, zamiast pytać Ciebie.
- 1Podstawowa forma znaku
- 2Forma pozioma znaku
- 3Logo z hasłem
- 4Sygnet
- 5Konstrukcja znaku
- 6Pole ochronne znaku
- 7Kolorystyka
- 8Typografia
- logo/
- znak.svg, znak.pdf
- znak-jasne-tlo.png
- znak-ciemne-tlo.png
- favicon.png
- identyfikacja/
- paleta.pdf, wartości na ekran i do druku
- ksiega-znaku.pdf
- strona/
- projekt w Figmie
- zestaw elementów: przyciski, formularze, karty
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 znak wyglądał tak samo 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óre mają wyglądać inaczej niż konkurencja z tego samego szablonu.
Widoki kluczowych ekranów w wersji szerokiej i wąskiej, zbudowane z powtarzalnych elementów, z opisanymi stanami przycisków, formularzy i list.
- 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.
- logo z pełnym zestawem wariantów
- księga znaku 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. Cena obejmuje 2 rundy poprawek, a pierwsze propozycje logo dostajesz do 7 dni. Poprawka zmienia szczegół w wybranej propozycji: kolor, odstęp, krój. Nowa propozycja od zera to osobna wycena. 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. 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 Figmie. Nie warunkuję dalszej współpracy trzymaniem źródeł u siebie.
Tak. Prawa majątkowe do logo przechodzą na Ciebie po zapłacie, a zapis o tym jest w umowie. Dostajesz też pliki źródłowe, więc kolejny grafik albo drukarnia pracuje na oryginale.
Pierwsze propozycje dostajesz do 7 dni od rozmowy. Cena obejmuje 2 rundy poprawek wybranej propozycji. Nowa propozycja od zera to osobna wycena.
Generator daje znak, ale zwykle bez wariantów na ciemne tło, bez wersji do małych rozmiarów i bez zasad użycia. Przy projekcie na zamówienie dostajesz je w komplecie, razem z prawami do znaku.
Tak. Poprawiam znak tak, żeby został rozpoznawalny dla Twoich klientów, i przygotowuję brakujące warianty. Paleta i reszta materiałów zostają, chyba że sam zdecydujesz inaczej.
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.
Więcej na ten temat
Rozpisałem to szerzej na blogu, z konkretami i przykładami z wdrożeń.
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.
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 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ę.
Tworzenie sklepów internetowych: 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.