Portfolio - tworzenie stron internetowych
Poniżej znajdują się wybrane strony internetowe jakie miałem przyjemność wykonać w ciągu minionych lat. Większość z nich wykonana została przy użyciu języka html i kaskadowych arkuszów stylów css. Niektóre wzbogacone zostały o elementy javascript, czy flash. Jeszcze inne w całośći zrobione są we flashu.
Wykonując projekty graficzne dokładam wszelkich starań, by były one wyjątkowe, indywidualne i oryginalne. Przy ich późniejszej realizacji (kodowaniu) szczególną uwagę zwracam na poprawność kodu i jego zgodność z przyjętymi standardami.
W ten sposób powstają strony z jednej strony spełniające estetyczne oczekiwania klienta i oglądających je internautów, z drugiej strony funkcjonalne, szybkie i przyjazne silnikom wyszukiwarek internetowych, co ma kluczowe znaczenie przy pozycjonowaniu.
Do cześci stron, zależnie od indywidualnych potrzeb zaprojektowane zostały również panele edycyjne, pozwalające klientom na samodzielną edycję treści. Są to spersonalizowane systemy CMS nie bazujące na gotowych rozwiązaniach.
Malusin
jest stacjonarnym sklepem z artykułami dla dzieci położonym na warszawskich Kabatach. Celem projektu jest modernizacja dotychczasowego sklepu internetowego firmy, zarówno pod względem technicznym jak i wizualnym. Na potrzeby klienta przygotowany został projekt graficzny, nawiązujący stonowaną, przyjemną dla użytkownika kolorystyką do branży dziecięcej. Od zera zaprojektowane zostało również dotychczasowe logo. Layout i funkcjonalność budowanego obecnie sklepu kompletnie odbiegają od popularnych w polskim internecie schematów, a to między innymi za sprawą nowoczesnej platformy Magento, dającej administratorowi pełną kontrolę nad zawarością sklepu. Pełne wdrożenie już wkrótce.
Herba Thea
to warszawska herbaciarnia w stylu klubowo-domowym z galerią, gdzie artyści pokazują i sprzedają swoje dzieła. Oprócz nowoczesnego projektu graficznego strony nawiązującego kolorystyką zarówno do branży lokalu jak i poprzedniej odsłony jego internetowej wizytówki, w ramach prac nad identyfikacją wizualną firmy wykonany został szereg plakatów reklamowych, wizytówki oraz menu utrzymane w tej samej, spójnej koncepcji graficznej, opatrzone zaprojektowanym na potrzeby klienta logo. Strona obecnie jest wciąż w realizacji, co wiąże się również z pracami nad panelem edycyjnym. Szczególnie duży nacisk położony został na aktualność serwisu, co przekłada się na rozbudowany dział z bieżącymi wydarzeniami, gdzie oprócz wszelkich imprez cyklicznych, warsztatów, czy kursów, znaleźć można rozmaite koncerty i inne eventy.
Gadżety Reklamowe
Gadzetyreklamowe.com to najstarszy serwis o rynku gadżetów reklamowych w Polsce. Prace nad nową wersją serwisu objęły zaprojektowanie nowoczesnego, przejrzystego layoutu wpisującego się w najnowsze trendy webdesignu, jego realizację przy użyciu niestandardowych technik skryptowych widocznych na przykład w animowanym nagłówku (jQuery) oraz budowę panelu edycyjnego, (CMS) pozwalającego na kompleksowe zarządzanie całością treści na stronie (również ich kolejnością) oraz podział firm na kategorie w ramach rozbudowanego katalogu wzbogaconego o dodatkowe tagi dotyczące konkretnych produktów.
Alpha Vision
jest istniejącą na rynku eventowym od 2004r firmą specjalizującą się w wynajmie rozwiązań audiowizualnych i kompleksowej obsłudze technicznej imprez. Nowa odsłona firmowego serwisu nawiązuje kolorystycznie do poprzedniej wersji strony, jednocześnie wytyczając nowy kierunek w wizualnej identyfikacji marki. Na uwagę zasługuje szerokie zastosowanie grafik w formacie png, co pozwala na uzyskanie efktu półprzezroczystości niektórych elementów (również w starszych wersjach przeglądarek jak ie6). Na zamówienie został również wykonany panel edycyjny, dzięki któremu przy użyciu intuicyjnego interfejsu można zarówno edytować już istniejące w serwisie teksty jak i dodawać nowe. Dodatkowym elementem panelu CMS jest przystosowany do indywidualnych potrzeb klienta moduł galerii korzystający z tagów opisujących poszczególne zdjęcia.
Honda Matraszek
to firma z ponad pięćdziesięcioletnią tradycją działająca jako autoryzowana stacja dealerska Honda Poland. Nowa strona firmy zgodnie z wytycznymi klienta miała być efektowną, nowoczesną wizytówką firmy, prezentującą jednocześnie podstawową ofertę dostępnych samochodów Honda. Zbudowana została w całości w technologii flash połączonej z innowacyjnym javascriptem, dzięki czemu zachowując wizualną efektowność (ruchoma karuzela z samochodami) charakterystyczną dla stron 'flashowych' jest w pełni indeksowalna przez silniki internetowych wyszukiwarek. Kolejnym nietypowym, a niezwykle pożytecznym rozwiązaniem jest możliwość skalowania i przewijania strony, co jakkolwiek brzmi może nieco banalnie jest raczej niespotykane przy tego typu (budowanych we flashu) projektach. Warto dodać, że wszystkie treści wczytywane są z zewnętrznych plików, co znacznie ułatwia ich edycję, a część podstron zarządzana jest istniejącym już wcześniej panelem edycyjnym.
Aromaterapia
W ramach projektu opatrzonego mianem 'Aromaterapia' wykonane zostały dwie oddzielne strony internetowe różniące się zarówno wykonaniem jak i tematyką. Pierwsza to aromaterapia.pl, do której wykonałem projekt graficzny layoutu, jednak nie uczestniczyłem w realizacji. Druga natomiast to oparty o ten sam projekt sklep internetowy do sprzedaży kwartalników aromaterapeutycznych w wersji elektronicznej w formacie pdf (literatura.aromaterapia.pl), zbudowany przy użyciu systemu osCommerce. Przejrzysty, czytelny design ze swoją delikatną paletą kolorystyczną dobrze oddaje charakter zagadnień poruszanych w obydwu serwisach. Realizacja projektu sklepu obfituje pliki w formacie png pozwalające na uzyskanie efektu półprzezroczystości (dzięki specjalnym skryptom również w starszych przeglądarkach).
Rudemaker
to jedyny w Polsce portal zajmujący się tylko i wyłącznie tematami związanymi z muzyką ska, reggae, rocksteady i soul. Layout kolorystycznie nawiązuje do prekursora serwisu, nieistniejącego już soundcrazy.pl. W ramach uatrakcyjnienia wizualnego nagłówek strony został wzbogacony o zbudowany we flashu animowany moduł wyświetlający aktualności. Oczywiście przy tak rozbudowanym serwisie całość treści jest edytowalna poprzez zaawansowany panel CMS przystosowany do indywidualnych potrzeb. Użytkownicy Rudemaker.pl mają do dyspozycji formularze pozwalające im zarówno na dodawanie własnych artykułów (przed publikacją musza zostać zaakceptowane przez któregoś z administratorów) jak i hurtowy upload zdjęć. Integralną częścią serwisu jest forum oparte o system phpbb3 gromadzące obecnie prawie 1,5 tysiąca użytkowników
Konferencje
Konferencje.com.pl zgodnie z informacją na stronie to 'serwis - wyszukiwarka obiektów pozwalająca w krótkim czasie sortować i odnaleźć właściwy dla szukającego obiekt'. W praktyce jest to obszeny katalog firm skupiający się na obiektach konferencyjnych połączony z olbrzymią bazą danych i wyposażony w narzędzia do jej szczegółowego przeszukiwania. Graficzny projekt portalu jest przykładem eleganckiego, biznesowego designu, skupiającego się raczej na treści niż wizualnych 'wodotryskach'. Kluczową częścią strony jest wyszukiwarka, posiadająca oprócz standardowego podziału obiektów na kategorie czy województwa, wbudowany inteligentny system podpowiedzi przy przeszukiwaniu miast. Trzeba podkreślić, że w odróżnieniu od wielu serwisów tego typu, tutaj link do wyników wyszukiwania bez problemu można zapisać i przesłać dalej (podobnie jak np w google). Lista wyników też raczej nie należy do typowych. Zależnie od potrzeb można ją posortować przy użyciu umieszczonych na górze checkboxów, eliminując w ten sposób obiekty z nie interesującego nas województwa lub typu. W określeniu położenia wybranych miejsc pomoże duża czytelna mapa, którą w każdej firmy można pokazać lub schować.
GoDan
jest jedną z największych firm sprzedających wszelkiego rodzaju dekoracje imprezowe, w tym balony, rozwijane gwizdki, czapeczki, serpentyny itd. Integralną częścią nowej strony GoDan jest sklep internetowy połączony z katalogiem zawierającym kilka tysięcy produktów. W ramach tego projektu udało się osiągnąć niełatwy kompromis pomiędzy potrzebą uzyskania zupełnie nowej szaty graficznej, a zachowaniem dotychczasowej struktury bazy danych sklepu. Przy realizacji projektu zastosowano dużo innowacyjnych technik, nie często spotykanych przy budowie tego typu serwisów. Na szczególną uwagę przy zasługuje tu jedno z nietypowych rozwiązań w kodzie strony. Mowa tu o półprzezroczystych plikach png, które dzięki zastosowaniu technologii grafiki wektorowej Microsoft VML są kompatybilne również z odchodzą powoli w niepamięć przeglądarką ie6.
Pollena Aroma
to Lider Polskiego Biznesu, największa polska firma produkująca substancje zapachowe, aromaty, zapachy, esencje i emulsje spożywcze. Prezentowany tutaj projekt graficzny niestety wciąż nie doczekał się realizacji, jednak uznałem go za na tyle ciekawy, że wart umieszczenia tutaj. Niebieskie odcienie layoutu nawiązują do obecnie istniejącej wersji strony, logo również pozostało w prawie niezmienionej formie, jednak jest zupełnie inaczej wkomponowane w swoje otoczenie. Projekt przez zastosowanie efektu odbicia, delikatnych cieni, elementów dających złudzenie przestrzenności świetnie wpisuje się w graficzne założenia koncepcji designu web 2.0. Na zlecenie klienta wykonanych zostało kilka wersji różniących się głównie zdobieniami roślinnymi i głównym zdjęciem.
Wczasy odchudzające
to serwis turystyczny prezentujący oferty wybranych ośrodków, w górach, nad morzem i nad jeziorami, skupiających się na temacie odchudzania. Hasło 'połącz urop z walką z nadwagą' dobrze oddaje charakter umieszczanych tu prezentacji. Powstała ponad dwa lata temu strona niedawno przeszła lekki lifting polegający poza drobnymi graficznymi zmianami na zmianie szerokości i przystosowaniu jej do min. rozdzielczości 1024x768. Czytelny, przejrzysty layout ujęty w zaokrąglone ramki zdaje się być bardzo pozytywnie odbierany przez klientów. Również charakterystyczny flashowy nagłówek z ciekawym efektem przejścia między wczytywanymi z zewnątrz zdjęciami tworzy dobry wizerunek serwisu.