projektowanie-flat-design

Na czym polega Flat Design

Flat Design czyli projektowanie płaski. W tym projektowaniu nie znajdziemy gradientów i cieni. Stosowane są proste kształty i ograniczona paleta kolorów. Projektowanie to zapewnia większą czytelność.

Jak wygląda projekt zaprojektowany według Flat Design?

Trudno doszukać się w projektowaniu Flat Design cieni, gradientów czy tekstur. Flat design koncentruje się wyłącznie na wzajemnym oddziaływaniu ikon, typografii oraz koloru. Już w Windows 8 został zastosowany styl projektowania płaskiego. Menu systemu operacyjnego to wielkie kafle przedstawiające dane opcje. Nie ma tu zbędnych dekoracji. Występują proste kafle symbolizujące programy. Prostota projektowania Flat Design wpływa na czytelność elementów. Projektowanie płaskie wykorzystane jest nie tylko w systemach operacyjnych. Często spotykane są również projekty strony internetowych w stylu Flat Design.

Dlaczego Flat Design?

Projektowanie płaskie daje duże możliwości. Elementy są proste i czytelne. Dzięki temu, że elementy nie zawitają zbędnych grafik, gradientów, cieni itd. Strona ładuje się szybciej i dobrze skaluje się na urządzenia mobilne. Przyciski, czy inne elementy nie tracą na jakości podczas ich skalowania. Minimalistyczny styl Flat Design wpływa dobrze na odbiór przez użytkownika. Mniej elementów rozprasza uwagę. To co ważne zostaje umiejętnie wyeksponowane. Strony zaprojektowane w Flat Design zawierają miej grafik. Większość elementów można utworzyć za pomocą CSS. To pozytywnie wpływa na szybkość ładowania witryny internetowej.

Mnie znaczy więcej

To powiedzenie w Flat Design nabiera nowego znaczenia. Projekty Flat Design są minimalistyczne. Zawierają elementy niezbędne. Skupiają uwagę na treści. Projektowanie płaskie odrzuca to co zbędne skupiając uwagę na funkcjonalnościach. Dużo firm podczas rebrandingu korzysta z Flat Design. Projekty stają się bardziej płaskie i bardziej czytelne. Na stronie zaprojektowanej zgodnie z zasadami Flat Design wszystko można z łatwością znaleźć. Nawigacja, poszczególne sekcje strony są rozdzielone i czytelne. Projektowanie płaskie to prostota wykonania, minimalizm, dużo przestrzeni. Strona wydaje się być lekka i przyjemna w odbiorze przez użytkownika.

pozycjonowanie-strony-internetowej

Duplicate content – jak wpływa na pozycjonowanie strony internetowej

Duplicate content, czyli inaczej powielanie treści. Powielenie treści istotnie wpływa na m.in. na pozycję naszej strony internetowej w wyszukiwarce Google.

Jak duplicate content wpływa na pozycjonowanie strony www

Powielanie treści z innych stron www czy sklepów internetowych może spowodować zagrożenie dla Twojej strony www. Oryginalność zamieszczonych tekstów na stronie ma ogromny wpływ podczas pozycjonowanie stron internetowych. Warto więc zadbać, aby treści nie były powielone z innych witryn internetowych. Również wewnątrz naszej strony www nie powinniśmy tworzyć duplicate content. Również taki duplikat źle wpłynie na pozycjonowanie.

Powielona treść szkodzi

O tym, że powielona treść może szkodzić naszej stronie www nie wiele osób zdaje sobie sprawę. Roboty Google bez problemu są w stanie rozpoznać czy treść zamieszczona na witrynie jest unikatowa czy została skopiowana z innej strony. Problem powielonej treści często występuje w sklepach internetowych. Opisy produktów kopiowane są z innych sklepów czy też od producenta. Opis taki jest nie atrakcyjny dla użytkownika. Również dla samego Google. Opis sprzedanego przedmiotu powinien być unikalny i zawierać wszystkie informację na temat produktu. Nie tylko dane techniczne. Narzędzie Google Search Console pozwala na sprawdzenie czy treść nie jest powtórzona i jest unikalna.

Treści niskiej jakości – thin content

Treści niskiej jakości, które zawierają błędy merytoryczne, gramatyczne, ortograficzne czy składniowe są mało atrakcyjne zarówno dla czytelnika jak i robota Google. Nie warto więc publikować tekstów, które są niskiej jakości a ich celem jest „naszpikowanie” strony słowami kluczowymi. Wyszukiwarka Google rozpozna taki tekst i zakwalifikuje go jako treść niskiej jakości. Publikowane teksty powinny być również rozdzielane nagłówkami czy akapitami. Teki tekst będzie bardziej atrakcyjny niż jeden długi ciąg. Tworząc opisy produktów w sklepie internetowym warto opisać sprzedawany towar, a nie tylko jak to ma często miejsce, dodać dane techniczne produktu.

Tworzenie teksów na stronę internetową

Teksty znajdujące się na stronie www czy sklepie internetowym (np. jako opis danego produktu) powinny być atrakcyjne dla odbiorcy. Teksty takie powinny wyczerpywać dany temat w sposób wystarczający do zrozumienia danego zagadnienia. Tworząc teksty na stronę www należy zadbać aby były unikalne. Roboty Google „skanując” naszą witrynę znajdą duplikaty treści i nasza strona będzie gorzej widziana w wyszukiwarce. Dobry tekst to połowa sukcesu w wywindowaniu naszej witryny w Google.

sklep-internetowy-woocommerce

Sklep internetowy na WordPressie?

System zarządzania treścią WordPress może służyć jako silnik sklepu internetowego! Dzięki wtyczce WooCommerce nasz CMS pozwoli na stworzenie systemu eCommerce.

Sklep WooCommerce – czy warto?

Jasne! Obecnie jest to jedne z najpopularniejszych systemów zarządzania treścią, który może posłużyć jako sklep internetowy. WooCommerce prężnie rozwija się, dzięki społeczności użytkowników. Sklep WooCommerce zyskał popularność dzięki łatwości w instalacji oraz łatwej zmianie ustawień. Za pomocą rozszerzenia WooCommerce można przygotować nie tylko proste sklepu, które są dodatkiem strony internetowej, ale również duże sklepy. Jeżeli wcześniej miałeś do czynienia z panelem administracyjnym WordPress to zarządzanie sklepem WooCommerce nie powinno sprawić problemów.

Sprzedaż wirtualnych przedmiotów

Niekiedy chcemy sprzedawać poprzez sklep internetowy produkty wirtualne. Produktem wirtualnym może być np. poradnik, plik czy e-book. Dzięki WooCommerce sprzedaż przedmiotów wirtualnych nie stanowi problemu. System został przygotowany do sprzedaży namacalnych produktów jak i tych wirtualnych. Wszystko można zautomatyzować do tego stopnia, że nasza praca będzie polegała na ewentualnym dodawaniu nowych produktów czy nadzorze sprzedaży obecnych. Automatyzacja procesu sprzedaży pozwoli na automatyczną wysyłkę zakupionego wirtualnego produktu po otrzymaniu płatności.

Wygląd sklepu – szablony WooCommerce

Wygląd naszego sklepu może być dowolny. Istnieje szereg darmowych oraz płatnych szablonów, które pozwolą na zmianę wyglądu sklepu. Jeżeli jednak planujemy indywidualny projekt graficzny dla sklepu WooCommerce to jego przygotowanie nie powinno stanowi problemu. Wdrożenie szablonu do systemu CMS dla agencji interaktywnej nie powinno stanowić problemu. Dzięki temu zyskamy nowoczesny, indywidualny i dostosowany do naszych potrzeb sklep z atrakcyjną grafiką. Sklep internetowy WooCommerce najczęściej przygotowywany jest jako sklep responsywny, czyli będzie dostosowywał się do wielkości okna przeglądarki. Dzięki temu sklep będzie czytelny zarówno na komputerze, tablecie czy smartfonie.

Dodatkowe moduły WooCommerce

WooCommerce podobnie jak sam WordPress oferuje tysiące modułów, które rozszerzą możliwości CMS. Część z nich jest darmowa, a za część firmy tworzące moduły WooCommerce pobierają opłaty. W zależności od wybranego moduły koszt taki waha się w granicach od kilku do kilkunastu złotych miesięcznie. Modułu WooCommerce mogą pomóc w sprzedaży produktów i ułatwić pracę dla administratora.

Poniżej przedstawiany przykłady dostępnych modułów:

  • szybkich płatności (np.: tpay, dotpay, przelewy 24 czy payu),
  • integrujące z przewoźnikami (np.: inpost, poczta-polska, dhl czy dpd),
  • statystyk (google analystic, google tag manager),
  • integrujące z programami do księgowości i fakturowania (np.: fakturownia, wfirma, ifirma, infakt),
  • integrujące z porównywarkami internetowymi (np.: ceneo, nokaut, skąpiec).
projekt-do-druku

Projekt do druku – szyty na miarę

Pomimo postępu technologii i w dużej mierze przeniesienia komunikacji z klientami do sieci są takie elementy składające się na wizerunek każdej firmy, które nigdy się nie “przeterminują”. W końcu atrakcyjny folder, pomysłowa wizytówka czy intrygująca ulotka zawsze doskonale odegrają swoją rolę, jeśli trafią w ręce zainteresowanej osoby. Niezależnie od tego, jaki projekt do druku chcemy przygotować, należy pamiętać o tym, że musi spełniać on wymagania techniczne, na których oczywiście nie każdy musi się znać. Warto zdawać sobie sprawę co między innymi wpływa na właściwy efekt w przypadku materiałów drukowanych.

Dbałość o jakość

Mówi się, że papier przyjmie wszystko i rzeczywiście coś w tym jest. Jednak oczy konsumenta, który ceni sobie jakość i zwraca uwagę na detale już niekoniecznie. Często to zdjęcia odgrywają w różnego rodzaju folderach czy ulotkach kluczową rolę. W końcu odpowiednie zaprezentowanie produktu może zaważyć na tym, czy potencjalny klient zdecyduje się na naszą ofertę czy nie. Oczywiście, jeśli projekt do druku zawiera odpowiednie zdjęcia z banków zdjęć, to nie musimy martwić się o ich jakość, jednak gdy wykorzystujemy własne fotografie (co bardzo polecamy), to warto pamiętać, że ściągnięte ze strony internetowej, bądź z Facebooka najprawdopodobniej nie będą zachwycały. Szczególnie gdy znajdą się w większym rozmiarze na przykład w folderze A4. Kolejnym kluczem do wydruku marzeń jest specyfikacja, którą powinna podać lub umieścić na swojej stronie internetowej drukarnia. To bardzo ważne w przypadku, gdy inna firma zajmuje się przygotowaniem projektu, a inna samym wydrukiem. Bo czy na przykład nieprzewidziany biały pasek z boku kolorowej ulotki będzie wyglądał dobrze? Na pewno nie. Aby uniknąć takich niespodzianek, należy przewidzieć w projekcie spady.

Lepiej zapobiegać

Niektóre przeoczenia czy pomyłki można łatwo naprawić. Jeśli nieopatrznie na stronie internetowej znajdzie się baner, do którego wkradła się literówka naprawienie błędu zajmie co najwyżej kilka minut. Bez względu na to, czy jesteśmy samodzielnie w stanie poprawić treść, czy musi zrobić to dla nas grafik, u którego baner był zamawiany, zawsze jest wyjście z sytuacji, które w większości przypadków nie pociągnie za sobą dotkliwych konsekwencji. Jeśli natomiast zlecimy do druku kilka tysięcy ulotek (lub – co gorsza – jakiś bardziej złożony materiał), na których nie zgadza się numer telefonu lub została ucięta jakaś ważna informacja, to niestety nie będzie dało się tego cofnąć. Firma, która dba o profesjonalny wizerunek, nie pozwoli sobie na pokazanie takiego wątpliwego efektu światu, a niestety pieniędzy za poprawkę i ponowny wydruk nikt nam nie zwróci.

rwd-responsywnosc-www

RWD – co warto wiedzieć?

Nie ma jednego, sprawdzonego i niezawodnego przepisu na stworzenie strony internetowej, która wszystkich zachwyci i zwiększy sprzedaż. Jednak jak w każdej dziedzinie, tak i w tworzeniu stron www są pewne zasady, których należy się trzymać. Oczywiście na przestrzeni lat ulegają one zmianie i niektóre z nich całkowicie się zdezaktualizowały, inne obowiązują niezależnie od upływającego czasu, a jeszcze inne właśnie teraz mają szczególne znaczenie i absolutnie nie powinny być pomijane. A mowa tym razem o RWD, czyli projektowaniu witryny w sposób, który zagwarantuje, że będzie się ona właściwie wyświetlała niezależnie od rozdzielczości.

Zalety i ograniczenia

Przeglądanie internetu na urządzeniu innym niż komputer już nikogo nie dziwi – dziwi za to fakt, że wciąż niektóre firmy wydają się na to nie zważać. A w końcu atrakcyjne zaprezentowanie swojej oferty to połowa sukcesu. Potencjalny klient będzie o wiele bardziej skłonny do dokonania zakupu bądź skorzystania z naszych usług, jeśli bez żadnych komplikacji będzie mógł zapoznać się z korzystnie zaprezentowanymi informacjami na temat naszej firmy oraz tego, co oferujemy. Niezależnie od tego, czy ogląda stronę na telefonie w tramwaju czy na tablecie strona powinna wyświetlać się w taki sposób, który będzie dla niego przystępny i nie będzie utrudniał mu zapoznania się z treścią. Już na pierwszy rzut oka porównując wielkość komputerowego monitora i wyświetlacza przeciętnego smartfonu możemy zauważyć, że ta sama wersja strony internetowej nie sprawdzi się na nich równie dobrze. Oczywiście pozytywne wrażenia naszego przyszłego klienta to nie jedyna zaleta responsywności strony internetowej. Oprócz tego może ona pomóc w osiągnięciu wymarzonego TOP3 w wyszukiwarce Google, gdyż właśnie w taki sposób – lepszego pozycjonowania – premiowane są te strony, które ogólnie ujmując, dopasowują się do oczekiwań współczesnych konsumentów. Oczywiście oprócz zalet, które są właściwie oczywiste, RWD wiąże się także z pewnymi ograniczeniami, które powinniśmy wziąć pod uwagę podczas projektowania strony. Pełna responsywność może na przykład sprawić, że niektóre elementy nie będą mogły wyglądać tak, jak to zaplanowaliśmy. Ponadto należy przygotować się na większy nakład pracy niż w przypadku strony, co do której nie przewidziano właściwego wyświetlania się na różnych rozdzielczościach.

Z myślą o kliencie

Niezależnie od tego z jakimi ograniczeniami wiąże się responsywność strony internetowej, to jednak należy pamiętać, że zalet jest o wiele więcej. Osoby odwiedzające naszą witrynę na pewno docenią fakt, że bez względu na urządzenie, z jakiego korzystają, mogą ją komfortowo przeglądać.

kolory-agencja-interaktywna

Kolory – czy mają znaczenie?

Mogą przyprawiać o ból głowy, odprężać, a nawet pobudzać apetyt – kolory, bo o nich tutaj mowa to jeden z elementów spajających identyfikację wizualną każdej firmy. Nierzadko z trudnością potrafimy skojarzyć, jak dokładnie wygląda logo konkretnej marki, ale z łatwością przychodzi nam wskazanie koloru, jaki w nim dominuje. I mimo istnienia utartych przekonań dotyczących kolorów warto wiedzieć, że sprawa jest o wiele bardziej skomplikowana, niż mogłoby się wydawać. Tak czy owak, warto się dobrze zastanowić nad ich wyborem podczas budowania tożsamości swojej marki.

Nie takie oczywiste

Pomimo istnienia wspomnianych już wcześniej ogólnych założeń dotyczących znaczenia kolorów i emocji, jakie mogą wzbudzać w odbiorcach, warto pamiętać, że każdy jest inny. Konsumenci różnią się od siebie preferencjami w każdym względzie, a także indywidualnymi doświadczeniami, które sprawiają, że te same rzeczy odbierają w zupełnie inny sposób. Mimo że zielony z reguły kojarzy się z wyciszeniem, naturą i harmonią, to jednak zawsze może znaleźć się ktoś, w kim kolor ten może wzbudzić irytację. Powód może być zupełnie błahy, jak na przykład zielony kolor ścian w obskurnym pokoju wynajmowanym na studiach. Oczywiście nie oznacza to, że powinniśmy wziąć pod uwagę preferencje każdej pojedynczej jednostki – z wiadomych względów nie jest to możliwe. Należy jednak mieć świadomość, że zawsze może znaleźć się osoba, która określone barwy odbierze w zupełnie inny sposób niż my sami, czy inni konsumenci. Analogię można odnaleźć w treściach kierowanych do naszych odbiorców na przykład w social mediach. Przykładowo żartobliwy obrazek, który rozbawi ¾ naszych fanów, zawsze może trafić na osoby, którym na jego widok zupełnie nie będzie do śmiechu. Dużą rolę w tym, jak kolor będzie odbierany i czy w ogóle zostanie zauważony, odgrywa również tło. Kolor czerwony, który mobilizuje do działania i zdecydowanej większości osób kojarzy się z promocjami, wcale nie musi przyciągać uwagi – na przykład, jeśli znajdzie się na stronie internetowej, na której dominuje kolor czerwony. Jeśli natomiast zostanie wyeksponowany na jakimś neutralnym tle to rzeczywiście możemy się spodziewać, że przyciągnie uwagę odbiorcy. Kolor żółty raczej nie skojarzy się z ekskluzywnością, w przeciwieństwie do złotego i czarnego.  Pomarańczowy zaś może wzbudzić u konsumenta apetyt, odwrotnie niż niebieski.

Właściwy wybór

Niezależnie od tego, czy chodzi o logotyp, czy stronę internetową podczas wyboru kolorów warto posłuchać głosu serca i swojej własnej intuicji. Niemniej jednak zapoznanie się z teorią i badaniami dotyczącymi barw również może pomóc w podjęciu odpowiednich decyzji.

nawigacja-strony-internetowej

Nawigacja strony internetowej

Jak się okazuje, nie tylko podczas wizyty w restauracji menu odgrywa kluczową rolę. Również podczas odwiedzin na stronie internetowej może ono w dużym stopniu wpłynąć na satysfakcję z pobytu. Mimo że wielokrotnie na naszym blogu pojawiały się wzmianki bądź całe wpisy o tym, co jest istotne na stronie www, na co zwrócić uwagę i co może odstraszyć potencjalnych klientów, to tym razem przyjrzymy się dokładniej właśnie nawigacji. W końcu każdy odwiedzający zaraz po tym, jak zapozna się ze stroną główną, będzie poszukiwał informacji, po które przyszedł i to właśnie odpowiednia nawigacja powinna mu to jak najbardziej ułatwić…

Co wybrać?

Pierwszą ważną decyzją, jaką musimy podjąć podczas wybierania nawigacji na stronę internetową jest jej położenie. Niestety nie możemy tutaj kierować się wyłącznie kwestiami estetycznymi, wybierając to umieszczenie, które najbardziej podoba nam się wizualnie. Nawigacja umieszczona bowiem w orientacji poziomej, na górze strony sprawia, że jego pojemność jest w znacznym stopniu ograniczona. W przypadku więc jeśli zakładaliśmy umieszczenie w nim większej ilości pozycji (na przykład kilkunastu), ten wybór może się nie sprawdzić. Oczywiście możemy zdecydować się na menu wielopoziomowe, jednak najczęściej nie wpływa ono zbyt dobrze na komfort użytkownika podczas przeglądania strony. Zaletą tego rozwiązania jest jednak bardzo dobra widoczność takiego menu. Alternatywą dla menu poziomego, jak łatwo można się domyślić, jest pionowe zlokalizowane z boku strony. To czy będzie ono znajdowało się po prawej, czy po lewej nie ma większego znaczenia, jednak bardziej intuicyjne wydaje się być umieszczenie go jednak z lewej strony. Zaletą menu bocznego jest niewątpliwie jego pojemność i to, że w razie potrzeby możemy rozszerzać je o dodatkowe pozycje bez większej szkody dla wyglądu naszej strony. Bardzo popularnym, szczególnie w ostatnim czasie rozwiązaniem jest hamburger, czyli menu, które ukazuje nam się dopiero po kliknięciu na ikonę przypominającą właśnie słynną kanapkę. Jednak o ile takie menu świetnie pasuje do minimalistycznych stron, na które coraz większa ilość firm się decyduje, to może również stwarzać pewne problemy. Przede wszystkim ikona taka może być dla wielu osób nieczytelna, szczególnie jeśli strona skierowana jest do osób starszych i takich, które jedynie okazyjnie korzystają z sieci.

Klient jest najważniejszy

Pamiętajmy, że menu powinno być dopasowane do układu strony www i jej ogólnego charakteru. Jeśli uznamy za słuszne jakieś nietypowe rozwiązanie, to oczywiście możemy się na nie zdecydować. Jak wiadomo, oryginalność jest doceniana i na pewno zostanie lepiej zapamiętana niż powielane, standardowe rozwiązania. Miejmy jednak cały czas na uwadze fakt, że to odwiedzający jest najważniejszy, a jak najbardziej intuicyjne menu powinno służyć mu do bezproblemowego i szybkiego poruszania się po naszej stronie.

projekt-plakatu-reklamowego

Plakat – sztuka przyciągania wzroku

Podobnie jak w sieci, również na ulicach jesteśmy otoczeni przez reklamy. Witryny sklepowe, billboardy, plakaty… Nawet nie zdajemy sobie sprawy z tego, jak wiele przekazów “walczy” o naszą uwagę, jedynie nieliczne przykuwają ją na dłużej, skłaniają do zatrzymania się i dokładniejszego ich obejrzenia – czasami nawet w przypadku, jeśli ich treść nas w ogóle nie dotyczy lub niespecjalnie interesuje. No właśnie. Jak w takim razie zaprojektować plakat, który przyciągnie odbiorców i w jak najlepszy sposób odegra swoją rolę? Podobnie jak w przypadku zdecydowanej większości materiałów graficznych również i tutaj nie ma prostego przepisu, złotego środka, który sprawi, że nasz plakat olśni potencjalnych klientów, jednak warto pamiętać o kilku rzeczach.

Niebanalnie

Pamiętajmy o tym, że nawet proste informacje możemy przedstawić na plakacie w niebanalny sposób. Zaintrygowanie odbiorcy to tak naprawdę najlepszy sposób na przykucie jego uwagi. Taki nieoczywisty przekaz bez względu na to, czy jest reklamą produktu, wydarzenia czy dotyczy akcji społecznościowej, powinien umożliwić zainteresowanym uzyskać więcej informacji w danym temacie. Jeśli nie znajdują się one bezpośrednio na plakacie (bo na przykład zaburzyłoby to całą koncepcję), to dobrze, jeśli odbiorca może znaleźć bez problemu, chociażby stronę internetową, na której odwiedziny pozwolą mu zdobyć wszystkie informacje. Dobrym pomysłem może też być umieszczenie kodu QR, szczególnie w dzisiejszych czasach, gdy zdecydowana większość społeczeństwa bez urządzenia mobilnego w kieszeni czuje się jak bez ręki. Mniej współczesnym, ale wciąż dobrze sprawdzającym się pomysłem mogą być również zrywki, czyli małe karteczki u dołu, które zainteresowana osoba może oderwać, aby na przykład dopiero w domu zaczerpnąć większej ilości informacji. Jeśli nie mamy aspiracji, aby nasz plakat był mały dziełem sztuki i zaskakiwał swoją formą, tylko stawiamy na prosty przekaz to pamiętajmy, że jak w większości tego typu materiałach nadmiar treści nikomu nie służy. Tym bardziej, jeśli przewidujemy, że plakat będzie na przykład znajdował się w miejscu często mijanym przez samochody czy komunikację miejską. Wiele linijek tekstu, a co za tym idzie mała czcionka, na pewno nie będzie widoczna z odległości. Pamiętajmy również o tym, że nawet jeśli w zamiarze plakat ma trafić do określonej grupy odbiorców (których na przykład chcemy zaszokować przekazem), to jeśli pojawi się w przestrzeni miejskiej, będzie oglądany również przez inne osoby (w tym dzieci). Trzeba mieć to na uwadze szczególnie przy kontrowersyjnych treściach lub takich, które mogłyby kogoś urazić.

Prawdziwa sztuka

Warto wspomnieć o tym, że wiele lat temu plakaty polskich twórców były znane na całym świecie i z powodzeniem zdobywały międzynarodowy rozgłos. Twórczość rodzimych plakacistów stanowiła inspirację dla zagranicznych artystów. Na szczęście i dzisiaj spotkać można plakaty, które zachwycają.