Archiwum tagu: projektowanie stron internetowych

Nasze nowe projekty

W ostatnim czasie zakończyliśmy kilka ciekawych projektów. Między innymi stworzyliśmy sklep internetowy dla firmy BeautyFlo, oparty na oprogramowaniu PrestaShop, zmodyfikowanym i dostosowanym do potrzeb naszego klienta. Na zlecenie zajęliśmy się również zatowarowaniem tego sklepu. Powstał również serwis internetowy Centrum Szkolenia Kierowców “Oliwiak” ze Szczecina, który oprócz klasycznego przedstawienia oferty prezentuje najnowsze informacje dotyczące szkolenia kierowców, zarówno amatorów, jak i osób zawodowo zajmujących się przewozem osób lub rzeczy. I jeszcze jeden projekt … premiumforrent.pl dla poznańskiej firmy, zajmującej się wynajmem apartamentów zagranicznym menedżerom przyjeżdżającym na kontrakt do Poznania.

Oto nasze ostatnie projekty:

www.beautyflo.pl

beautyflo

www.oliwiak.pl

oliwiak

www.premiumforrent.pl

premiumforrent

Zapraszam do oceny i czekam na komentarze :)


Nowa wersja jQuery 1.7 BETA 1

Pojawiła się nowa wersja najpopularniejszego frameworka JavaScriptu – jQuery 1.7 BETA 1. Zawiera ona kilka nowych ciekawych funkcji oraz wiele poprawek. Zachęcam do sprawdzenia i testowania :)

A co nowego znajdziemy w wersji 1.7 BETA 1?

  1. Możliwość rejestracji jQuery jako asynchronicznego modułu AMD, przez co nie będzie konfliktów między różnymi wersjami ładowanego jQuery.

  2. Większe wsparcie dla HTML5. Można odwoływać się do innerHTML jego elementów. Klonowanie działa teraz w wielu przeglądarkach.

  3. Obsługa nazywanych kolejek przez animate ( ), dzięki czemu zachowana jest kolejność animowanych obiektów na liście.

  4. Nowe metody: .on() and .off() do podpinania się w bardziej jednolity sposób do zdarzeń.
  5. Usuwanie wielu atrybutów przez removeAttr( ).

  6. Szybsze działanie funkcji do przechowywania i pobierania danych .data( ).

Testowa wersja 1.7 do pobrania pod adresem:

code.jquery.com/jquery-1.7b1.js

źródło: addyosmani.com, blog.jquery.com


Część 3 - Optymalizacja meta-tagów

Kolejna część naszego poradnika w “Dzienniku Stargardzkim”. Tym razem o tym, co należy robić,  a czego nie przy pozycjonowaniu stron internetowych w wyszukiwarce, czyli część 3 - Optymalizacja meta-tagów :)

Zapraszamy do lektury!

cz31


“Dziennik Stargardzki” - Twoja firma w internecie

W ostatnim wydaniu gazety “Dziennik Stargardzki”, firma “Wawrus” wraz z redakcją gazety, rozpoczęła cykl artykułów “Twoja firma w internecie”.

0002 W najbliższych jej wydaniach zaprezentowane zostaną kolejne artykuły, które krok po kroku przybliżą najważniejsze zagadnienia związane z pozycjonowaniem stron. Opisywane będą następujące tematy: dobór właściwych słów/fraz kluczowych, wybór tytułu strony WWW, optymalizacja meta-tagów, nagłówki, linki.

Zachęcamy do lektury :)


Zakończone projekty

Jesteśmy bardzo zadowoleni.  Zakończyliśmy prace nad kolejnymi projektami. Jednym z nich jest strona internetowa Sponteelektro.pl. Jest to jedna z wielu witryn opartych o nasz autorski system WAWRUS CMS wersja 2.5.

Serdecznie zapraszamy!

sponteelektro_2www.sponteelektro.pl

Obecnie trwają prace nad wdrożeniem nowej wersji systemu, czyli 3.0, niosącej za sobą szereg ulepszeń, m. in. lepsze wsparcie dla pozycjonowania, lepszą optymalizację witryn i dostosowanie ich do standardów. Wersja beta ukaże się już wkrótce!

Ale to nie wszystko!

Uruchomiliśmy również nasz portal internetowy PrivEdu.pl, poświęcony polskiej edukacji prywatnej - jesteśmy jego właścicielem i administratorem. Dodatkowo 1-ego kwietnia rozpoczniemy internetową kampanię reklamową.

Serdecznie zapraszamy!

privedu_1privedu.pl

Privedu.pl jest serwisem ogłoszeniowo - informacyjnym, który przygotowaliśmy z myślą o osobach, poszukujących prywatnych ofert edukacyjnych (licea, studia, szkoły językowe, korepetycje i wiele innych) z całej Polski. Nasz serwis stanowi największą w Polsce bazę prywatnych ofert edukacyjnych. Jeżeli szkolnictwo publiczne nie jest dla Ciebie, lub chcesz się dokształcić, u nas znajdziesz dane kontaktowe prywatnych szkół średnich, wyższych, językowych oraz indywidualnych korepetytorów.


Projekt MZK Stargard

Kilka dni temu zakończyliśmy z sukcesem kolejny projekt. Strona przygotowana została dla Miejskiego Zakładu Komunikacji w Stargardzie Szczecińskim.

mzk1

Dzięki udoskonaleniom strona zyskała nie tylko nową szatę graficzną, ale również funkcjonalny układ, dzięki któremu pasażerowie szybko znajdą potrzebne informacje.

Nowa strona zyskała aprobatę Dyrektora MZK Stargard. Mamy nadzieję, że mieszkańcom miasta Stargard Szczeciński spodoba się nowa przejrzysta strona Zakładu Komunikacji, gdyż z myślą o nich ją zaprojektowano.

ZAPRASZAMY DO STRONY MZK STARGARD


Najczęstsze błędy marketingu w sieci

Dzisiaj internet jest strategią biznesową, która pomaga realizować konkretne cele przedsiębiorstwa. Rzecz w tym, że przedsiębiorcy często w internecie tylko “bywają”, ograniczając swoje działania marketingowe do posiadania witryny. To błąd, bo gdy w grę wchodzi walka o zaangażowanie (i portfele) najcenniejszych internautów – tzw. prosumentów – warunkiem koniecznym skutecznych działań jest stała obecność marki w sieci.

Zaniedbanie, czyli monolog z klientem

Wyzwaniem nie jest zbudowanie serwisu internetowego, ale sprawienie, że ta witryna wygeneruje pożądane efekty biznesowe. Jednak sam serwis nie zawsze wystarcza. Wiele kategorii produktów i usług jest szeroko omawianych na forach internetowych i dużej liczbie serwisów tematycznych – to tam toczy się realna walka o Klienta. Przedsiębiorcy mogą zaniedbywać ten fakt, jednak nie zatrzyma to fali dyskusji i rekomendacji  inicjowanych przez potencjalnych klientów. Chcąc wykorzystać potencjał sieci firmy muszą nie tylko informować, ale prowadzić pro-aktywny dialog.

Próżność, czyli jak sprawić, by klienci się o Tobie dowiedzieli

Aby  marka odniosła sukces potrzebuje klientów – podobnie, jak strony internetowe przedsiębiorstw potrzebują internautów. Często popełnianym błędem jest nadmierne skupienie na estetyce serwisu i bogatych animacjach – choć wizerunkowo wydaje się to trafny zabieg, okazuje się, że witryny wykonane w technologii Flash są prawie całkowicie nieprzyswajalne dla Google! Ale jak wiemy, już na etapie projektowania  można znacząco zwiększyć dotarcie do potencjalnych klientów poprzez wykorzystanie szeregu technik wspomagających pozycjonowanie w sieci (czyli obecność na pierwszej stronie wyników Google).

Pozycjonowanie nie jest jedyną techniką budowania zasięgu i ruchu w serwisie, choć niewątpliwie najbardziej efektywną kosztowo. Niestety wiele przedsiębiorstw wykazuje się grzechem próżności, uznając za sukces samo posiadanie serwisu internetowego bez zapewnienia mu właściwej liczby użytkowników.

Brak konsekwencji, czyli jak utrzymać stałą relację z klientem

Do tego doskonale nadają się konkursy, loterie i programy konsumenckie. To właśnie one są motorem napędzającym skomputeryzowanych konsumentów do zapoznania się z ofertą marki. Regularny newsletter i inne formy komunikacji bezpośredniej mogą zbliżyć konsumenta do marki i budować jego lojalność, co znacząco obniża tzw. efekt switchingu, czyli chęć odejścia do konkurencji. Kardynalnym zaniedbaniem jest unikanie tej formy kontaktu, jeżeli model biznesowy firmy opiera się na produktach bądź usługach kupowanych wielokrotnie.

Krótkowzroczność, czyli jak pobudzić rekomendacje produktowe

Większość marek, aby zaistnieć w świecie społeczności, potrzebuje czegoś więcej niż oznajmienia światu faktu swojego istnienia. Tym czymś jest tzw. reason-to-talk, czyli wszystko to, co sprawia, że marka staje się magnetyczna i ciśnie się na usta konsumentów. Oczywiście, sama obecność w mediach społecznościowych (lub samo tylko posiadanie strony internetowej) z pewnością nie spowoduje trwałego wzrostu sprzedaży. Trzeba sprawić, aby procentowało to w postaci fali rekomendacji marki na forach i platformach społecznościowych – czyli tam, gdzie coraz częściej podejmowane są decyzje o wyborze firmy i produktu.

Nieobecność w wyszukiwarkach, czyli co należy wiedzieć o pozycjonowaniu marki w sieci

Warunkiem stałego (i prawie darmowego) wsparcia platformy marki w sieci jest przygotowanie jej z myślą o tym, by dać się odnaleźć w sieci (tzw. SEM – search engine marketing). Jako że rynek zdominowany jest przez Google, zadaniem agencji jest spełnienie szeregu warunków, które sprawiają, że wyszukiwarka ta „polubi” naszą platformę. Okazuje się, że nawet konstrukcja notek PR-owych dystrybuowanych w sieci może mieć wpływ na wyniki w Google! Warto wiedzieć, jakimi prawami rządzi się ta wyszukiwarka, by wykorzystać jej potencjał dla naszego biznesu.

Braku synergii, czyli jak skutecznie integrować działania

Marki pragnące na stałe zaistnieć w sieci potrzebują nie tyle stron internetowych, co platform długookresowego wsparcia. Okazuje się, że strony internetowe brandów w większości kategorii odnotowują rekordy popularności w okresie wsparcia kampanią internetową, ale po jej zakończeniu zainteresowanie użytkowników spada niemal do… zera. Jak przeciwdziałać temu zjawisku, wykorzystując potencjał zintegrowanej komunikacji marketingowej? Jednym z rozwiązań jest wytworzenie wspomnianego wcześniej pracującego na korzyść marki reason-to-talk .

Nieopamiętanie, czyli jak kontrolować koszty i kalkulować korzyści

Możliwości, jakie dają media interaktywne, są z roku na rok coraz większe. Istnieje m.in. szereg narzędzi, które można traktować zupełnie indywidualnie, jak niezależne kanały dotarcia, ale ich prawdziwy potencjał wynika ze zintegrowanego działania. W marketingowym kotle łatwo przez nieuwagę utopić bardzo duże budżety. Tymczasem sztuka polega na optymalizacji kosztów i takiej konstrukcji media-mixu, aby zmaksymalizować zwrot z inwestycji (ROI).

Źródło: www.wirtualnemedia.pl


Zanim stworzysz swoją stronę www

Chcesz mieć stronę, ale nie wiesz co na niej umieścić…

Na szczęście jest wiele elementów, które są wspólne dla różnych witryn.

Po pierwsze,

Kontakt

Zacznij od strony kontaktowej - może to być adres e-mail, telefon, ulica, miasto, mapka opisująca jak do Ciebie dojechać. Jeżeli lubisz zaskakiwać podaj np. szerokość i długość geograficzną. Jeżeli ktoś ma GPS może dotrzeć do Ciebie wykorzystując dane satelitarne.

O autorze/O firmie/O serwisie

Napisz kilka zdań o sobie - kim jesteś, co robisz, ile masz lat, czym się interesujesz. Możesz też dodać swoje zdjęcie. Firmy w tym miejscu opisują zwykle swoją historię, ofertę, dokonania. Możesz też napisać kilka zdań o serwisie - do kogo jest kierowany, co można w nim znaleźć.

Nowości/Informacje prasowe

Wydziel stronę, na której opisywać będziesz zmiany i zapowiedzi nowych tekstów. Firmy tworzą zwykle sekcję dla prasy, aby dziennikarze mogli pobierać najnowsze doniesienia. Pomyśl o Newsletterze. Jeżeli chcesz mieć kontakt z czytelnikami daj im możliwość pozostawienia adresów e-mail. Mając bazę mailingową, możesz wysyłać im co jakiś czas informacje o nowościach. Jednak uważaj! Nie udostępniaj jej innym, jeżeli czytelnicy nie wyrazili na to zgody. Chroń dane czytelników, bo jeżeli trafią w niepowołane ręce, nigdy więcej ludzie Ci nie zaufają.

Katalog stron WWW

Spis podobnych witryn poukładany tematycznie. Umieść też adresy swojej konkurencji - nie zaszkodzi. Gdy ktoś będzie chciał zgłębić temat wejdzie do innych serwisów. I to nic, że teraz ucieknie z Twojej strony, ale będzie do niej wracał, bo wie, że tylko u Ciebie znajdzie kompletny zestaw adresów internetowych.

Ankieta

Ważna rzecz - zadając pytania poznasz bliżej swoich odbiorców i lepiej dostosujesz serwis do ich wymogów. Jest wiele typów ankiet, więc też musisz przemyśleć, które będą Ci najbardziej odpowiadać.

Co jeszcze…

Oczywiście, każda strona ma swoje specyficzne działy. Jeżeli prowadzisz serwis o muzyce to pewnie przedstawisz sylwetki muzyków, wywiady, książki, nagrania w MP3, teksty piosenek. Gdy myślisz o serwisie turystycznym opiszesz trasy wycieczek, schroniska, hotele, podasz rozkłady jazdy pociągów, pogodę na najbliższe dni w różnych regionach. Jeżeli masz serwis finansowy, rozsądne jest podanie aktualnych kursów walut. W prywatnym serwisie możesz opisać swoje hobby, ulubione książki, pokazać własną twórczość, opisać drzewo genealogiczne rodziny.

Jednak zanim cokolwiek zrobisz, przemyśl jak to zrobisz!


Projektowanie dobrej strony

Zanim stworzysz swoją stronę www musisz wiedzieć czego chcesz i czego oczekujesz od swojej strony. Pamiętaj, pierwsze wrażenie jest bardzo ważne.

Wiele osób chce mieć stronę, jednak sama chęć nie wystarcza. Już po chwili rodzą się różne pytania. Jaki wygląd ma mieć strona? Co powinna zawierać? Jakich narzędzi użyć do jej stworzenia? Czy można na niej zarobić?

Warto usiąść i określić co chcemy na niej zamieścić oraz wypisać funkcje, które ma spełniać. Nie są to łatwe decyzje, ale trzeba je podjąć już na samym początku. Od nich bowiem zależy konstrukcja menu, wygląd strony głównej, ilość działów, nawigacja, liczba dokumentów i grafik, które będą nam potrzebne do zbudowania serwisu.

Postaraj się wczuj w rolę czytelnika, pomyśl co zrobi gdy wejdzie na Twoją witrynę, czego będzie szukał, co możesz mu zaoferować. Swoje przemyślenia przedstaw kilku osobom i zapytaj co sądzą o pomyśle. Z pewnością podpowiedzą Ci, co ich zdaniem należałoby dodać lub zmienić.

Pamiętaj, że serwis internetowy różni się od książki lub gazety. Nikt nie czyta długich tekstów, jeżeli nie musi lub nie chce. Treść musi być na tyle ciekawa, aby zatrzymać użytkownika na dłużej. Jeżeli witryna będzie interesująca i oryginalna, wiele osób będzie z niej korzystać, a przecież o to chodzi!

Pamiętaj, że pierwsze wrażenie można zrobić tylko raz.  W internecie są miliony stron. Jeżeli wejdę na jedną z nich i nie zrobi na mnie dobrego wrażenia, już na nią nie powrócę. Szkoda czasu. Więc bardzo ważne jest, aby strona była możliwie najlepiej dopracowana już podczas jej pierwszej prezentacji. Jak to osiągnąć? Jest kilka sposobów…

Teksty

Nie mogą być nudne, zbyt długie, rozlazłe i niestarannie napisane. Sprawdzaj błędy ortograficzne, czytaj je po kilka razy, zastanów się nad słownictwem. Jeżeli tekst jest dłuższy stosuj punkty, akapity lub rozdziały. Gdy powołujesz się na jakieś informacje zawsze umieszczaj ich źródło.

Grafika

Musi być odpowiednio dobrana do serwisu. Ważny jest dobór kolorów, kształtów, zestawienie grafik z innymi elementami strony. Pomyśl o zdjęciach - urozmaicają tekst i przyciągają oko. Możesz je robić samodzielnie, zlecić wykonanie fotografowi lub postarać się o nie z innych źródeł. Pamiętaj, że grafika ma ułatwiać, a nie utrudniać poruszanie się po stronie.

Nawigacja

To bardzo ważny element. Dzięki niej możesz bardzo wiele zyskać. Bezproblemowe poruszanie się po serwisie, wyszukiwanie informacji czy proste przechodzenie pomiędzy różnymi działami to jedne z najważniejszych cech dobrej witryny. Użytkownik zawsze wybierze serwis, który sprawia mu mniej kłopotów podczas wędrówki. Przygotuj mapę serwisu, jeżeli jest bardzo rozbudowany. Nikt nie będzie szukał przez godzinę informacji, z których korzysta na co dzień. Jeżeli to możliwe zbadaj preferencje użytkowników i to, z czego korzystają najczęściej, umieść na stronie głównej. Pamiętaj o umożliwieniu kontaktu z Tobą lub z osobą, która odpowiada za witrynę.

Prawa autorskie

Przestrzegaj je zawsze i za wszelką cenę, a jeżeli masz wątpliwości, pytaj o zgodę autorów. Pamiętaj, że wszystko co nie jest Twoje należy do kogoś innego. Jeżeli chcesz użyć czyjegoś tekstu, grafiki, zdjęcia lub oryginalnego pomysłu, musisz mieć jego zgodę i to najlepiej na piśmie. Jeżeli wykorzystasz czyjeś prace bez poszanowania praw autorskich grozi Ci nie tylko zepsucie opinii w środowisku, ale również odpowiedzialność karna, a wtedy straty finansowe mogą być bardzo dotkliwe i wielokrotnie przewyższać koszt zakupu wykorzystywanych materiałów. Zawsze pytaj o zgodę jeżeli chcesz coś przedrukować lub zamieścić na własnej stronie. Zwykle firmy lub osoby prywatne udzielają zgody bez problemu jeżeli nie prowadzisz serwisu komercyjnego. W Internecie jest też wiele materiałów bezpłatnych, z których można korzystać również do celów komercyjnych.

Aktualizacja

To prawdziwy magnes na czytelnika. Witryna nie może być martwa.  Im częściej będzie się pojawiać coś nowego, tym częściej ludzie będą wchodzić na stronę aby to zobaczyć. Jeżeli nie będziesz w stanie uzupełniać witryny codziennie, staraj się aby chociaż raz w tygodniu dodać choćby kilka słów.


Dobór kolorów na stronie internetowej

Projektując wygląd strony, warto zwrócić uwagę na dobór kolorów. Każda przeglądarka stron www pozwala uzyskać na ekranie jednocześnie 256 różnych kolorów, jednak tylko 216 z nich poprawnie wyświetlają wszystkie przeglądarki internetowe. Używając “bezpiecznego” zestawu barw masz pewność, że kolor zostanie pokazany tak samo w każdym systemie operacyjnym (paleta 256 kolorów w systemie Windows nie odpowiada tym samym kolorom systemowym w komputerze Macintosh). Jeżeli użyjesz większej ilości kolorów, mogą one zostać zamienione do podobnych kolorów z podstawowego zestawu barw, czyli wspomnianych, “bezpiecznych” 216 kolorów.

Dowolny kolor składa się z trzech podstawowych barw: czerwonej, zielonej i niebieskiej, czyli tzw. RGB (R - red, G - green, B - blue). Do dyspozycji mamy 256 odcieni każdego z tych kolorów i poprzez ich mieszanie otrzymujemy dowolny inny kolor. Kolor RGB zapisywany jest w postaci #RRGGBB, gdzie RR to zapisany szesnastkowo (heksadecymalnie) kolor czerwony (red), GG to kolor zielony (green), a BB to kolor niebieski (blue). Oznacza to, że każdy kolor może przyjmować wartości od 00 do FF. W stylach CSS pojawia się jeszcze zapis dziesiętny koloru RGB w postaci rgb(RR,GG,BB), gdzie każda składowa może przyjmować wartości od 0 do 255. Bezpieczne kolory operują wielokrotnością liczby 33 w systemie szesnastkowym (00, 33, 66, 99, CC, FF) i 51 w systemie dziesiętnym (0, 51, 102, 153, 204, 255).

Można też używać nazw kolorów. Obecnie dostępnych nazw jest 140, niektóre z nich to: white (kolor biały - #FFFFFF), black (kolor czarny - #000000), green, blue, fuchsia, yellow, lime, olive, purple, teal, silver, red, navy, maroon, gray, aqua. Należy jednak pamiętać, że nie w pełni odpowiadają one bezpiecznej palecie, np. zapis szesnastkowy koloru maroon to #800000. Oczywiście, nie ma takiego w tablicy bezpiecznych kolorów!

Można nie zwracać uwagi na różnicę jeśli umieszczamy tylko zielony napis lub zieloną tabelę. Wtedy nawet lepiej stosować nazwy, bo nie trzeba zastanawiać się, jak zapisać kolor zielony za pomocą #RRGGBB. Informacja ta zaczyna nabierać znaczenia wyłącznie przy łączeniu bitmapy (GIF, JPEG) z kolorami na stronie www wprowadzonymi np. takimi instrukcjami:

color: #00ff66; - ustala kolor czcionki za pomocą stylu,
background-color: #00ff66; - ustala kolor tła za pomocą stylu.

Obecnie nie zaleca się stosowania atrybutów HTML. Powinno się je zamieniać na style CSS. W stylach, w miejsce #RRGGBB można wpisać kolor w postaci szesnastkowej (np. #CCFFCC), nazwy angielskiej (np. maroon) lub wartości RGB - rgb(20,20,99). Oto odpowiedniki:

alink - a:active { color: #RRGGBB; }
bgcolor - background-color: #RRGGBB;
color - color: #RRGGBB;
link - a:link { color: #RRGGBB; }
text - color: #RRGGBB;
vlink - a:visited { color: #RRGGBB; }

Projektując wygląd strony można również skorzystać ze znajdujących się w internecie serwisów wspomagających dobieranie kolorów i projektujących bezpieczne zestawy barw dla tabel, linków, tekstu czy tła.