Witam serdecznie na moim portfolio!
Design, architektura, muzyka... trzy dziedziny sztuki, które w równym stopniu mnie pasjonują.
Przedstawiam Państwu swoje portfolio z wybranymi pracami, podzielonymi na kilka głównych kategorii.
Każda praca jest także specjalnie otagowana, aby wyszukiwanie i sortowanie projektów było jeszcze prostsze.
Serdecznie zapraszam do zapoznania się z moim artystycznym dorobkiem :-)
Więcej na mój temat można przeczytać na stronie o mnie
Adres: electroclash.pl
Problem: Prężnie rozwijający się portal zasługiwał nie tylko na odświeżenie szaty graficznej, ale także na kompletne przeorganizowanie olbrzymiej zawartości, która poprzednio ginęła w natłoku informacji. Zdecydowaliśmy się postawić CMS na najmodniejszym obecnie (oraz najlepszym i najwydajniejszym) darmowym systemie blogowym WordPress. Przeprojektowałem grafikę z darmowej skórki (Options Theme by J. Tadlock) w taki sposób, aby dopasowała się ona do wyjątkowego wizerunku Electroclash Polska. Poprzez instalację zespołu wtyczek i dodatków, udało się stworzyć portal, który w ostatecznym efekcie wygląda kompletnie inaczej niż pierwotna skórka. Warto zwrócić uwagę na mnogość elementów graficznych znajdujących się na stronach statycznych.
Obecnie portal prowadzony jest przez paru redaktorów, którzy uzupełniają go świeżymi informacjami przynajmniej kilka (!) razy w tygodniu. Od momentu odświeżenia portalu liczba odwiedzin wzrosła o 40% (z ok300 na ok500 unikalnych adresów IP dziennie).
Specyfikacja: CMS oparty na systemie WordPress, template na podstawie Options Theme by J. Tadlock
Współpraca: E. Klej (pomoc ogólna, wyszukiwanie pluginów, wtyczek, skórek, teksty, administracja i wiele innych); M. Kowalski (programming); M. Arcikiewicz (programming)
Adres tymczasowy: Paulina – portfolio
Problem: Prosta strona dla studentki z Wydziału Architektury. Głównym celem było zaprojektowanie grafiki, która nie odwracałaby uwagi od merytorycznej zawartości portfolio.
Specyfikacja: Strona w całości wykonana w technologii flash.
Adres: branzowo.pl (jeszcze w budowie)
Problem: Baz firm jest w polskim Internecie naprawdę dużo. Aby kolejna baza firm okazała się strzałem w dziesiątkę, skupiłem się na maksymalnej przejrzystości przeglądania i sortowania wyników wyszukiwania. Ponadto, nie ukrywając inspiracji z takich serwisów jak Google.com czy napisy.org, zaprojektowałem stronę główną bazując na ich pomyśle (tzn. okno wyszukiwarki jako najważniejszy i niemal jedyny element).
Specyfikacja: CMS, możliwość odpłatnej rejestracji użytkowników, dostęp do panelu użytkownika z edycją / dodaniem własnej firmy, wraz z logo, galerią i innymi informacjami, bogaty system wyszukiwania, wiele możliwości sortowania wyników, oraz innowacyjna funkcja „schowek” – możliwość „zapamiętania” przez stronę kilku niezależnych od siebie wyszukanych firm a następnie ich zbiorowy wydruk i inne możliwości.
Współpraca: J. Chodorowicz (programming)
Adres: pireus.org (jeszcze w budowie)
Problem: Strona małej wrocławskiej restauracji tak naprawdę poza menu i informacjami kontaktowymi nie potrzebuje niczego więcej. Zaprojektowałem prostą stronę, która płynną prostą grafiką i animacjami, spełnia swoje zadanie, czyli sprawia, iż internauta z przyjemnością zatrzyma się na niej przez dłuższą chwilę :-)
Specyfikacja: Strona w całości w technologii flash.
Adres: fotofox.pl
Problem: Na życzenie klienta, wymyśliłem postać, która stała się głównym bohaterem strony. Interfejs jest zabawą w wybieranie i odbijanie zdjęć (odbitki to główna specjalność firmy Fotofox). Ponadto na stronie jest kilka ukrytych efektów mających jeszcze bardziej bawić i uprzyjemnić korzystanie z niej :-)
Specyfikacja: Strona w całości wykonana w technologii flash.
Adres: dura-art.com
Problem: Wielość różnych produktów oferowanych przez Dura – Art niemalże wymusiła, aby dostęp do nich był bardzo prosty i bezpośredni. Podjąłem zatem decyzję, aby zamiast zagłębiać się w kolejne podmenu, wyłożyć wszystkie dostępne kategorie produktów bezpośrednio pod menu głównym – aby wraz z menu były dostępne z każdego miejsca strony. Dzięki takiej zagrywce strona zyskuje na czytelności i jest bardziej funkcjonalna.
Specyfikacja: Dynamicznie pobierane obrazki i opisy do nich z odpowiednich plików na serwerze, język polski i angielski (z możliwością dodania kolejnych języków).
Współpraca: E. Balewicz (programming)
Adres: daag.pl
Problem: Młoda firma specjalizująca się w tworzeniu biżuterii powinna posiadać stronę nie tylko lepszą od konkurencji, ale przede wszystkim przyciągającą uwagę. Ciemne kolory i szlachetne kształty dodają elegancji i powagi – co jest przecież wymogiem w takiej branży.
Specyfikacja: Strona w całości wykonana w technologii flash. Możliwość aktualizowania galerii zdjęć.
Adres: jazz.pl
Problem: Duża agencja koncertowa o wieloletnim doświadczeniu (i przede wszystkim bogatym archiwum!) potrzebowała porządnej strony internetowej, czytelnie prezentującej aktualne i przeszłe imprezy. Głównym problemem tej strony, było uporządkowanie archiwalnych koncertów (ponad 100 wydarzeń!) w taki sposób, aby przeglądanie historii Ery Jazzu było nie formalną wzmianką, ale powrotem emocji towarzyszących widzom podczas udziału w danym koncercie. Przekopywanie się przez sterty archiwalnych zdjęć i informacji dało bardzo satysfakcjonujący efekt – nie tylko dla internauty, ale także dla zleceniodawcy (doskonale uporządkowane archiwum firmy w jednym miejscu, w dodatku on-line :-) ). Strona jest regularnie przeze mnie aktualizowana, a od firmy przyjmuję stałe zlecenia na wykonanie materiałów promocyjnych.
Specyfikacja: bogaty CMS umożliwiający łatwą aktualizację kolejnych wydarzeń, zarządzanie archiwum, dodawanie / edycją zdjęć w galeriach.
Współpraca: E. Balewicz (programming)
Adres (tymczasowy): Lean Vision
Domena docelowa: leanvision.com
Problem: Poprzednia strona Lean Vision była tworzona na zasadzie “doklejania” kolejnych działów, informacji, ogłoszeń. Modernizacja tej strony była konieczna i to nie tylko ze względu na jej funkcjonalność. Zasadniczym problemem było logiczne uporządkowanie bardzo wielu informacji, które powinny się znaleźć w zasięgu ręki użytkownika. Zaprojektowałem stronę w taki sposób, aby uniknąć „powtórnego klikania”, tzn. po wejściu w dany dział, wyświetlają się dokładnie wszystkie informacje, które jego dotyczą (nie trzeba się wielokrotnie przeklikiwać, aby znaleźć interesujący nas element).
Specyfikacja: CMS umożliwiający łatwą, jednoczesną edycję bloków informacyjnych w języku polskim i angielskim, możliwość przesuwania bloków tekstowych metodą „drag and drop” (w CMSie), język polski i angielski.
Współpraca: E. Balewicz (programming)
Adres: komfortdialogu.com
Problem: Najszybciej wykonana strona – nagłe zlecenie, czas 3 dni… da się zrobić :-)
Specyfikacja: Język polski i angielski, strona oparta na bazie danych z możliwością dodania kolejnych działów oraz języków.
Współpraca: E. Balewicz (programming)
Adres: wlodarek.eu
Problem: Pacjentami weterynarzy są zwierzęta, ale za wizytę płacą ich opiekunowie. Tworząc bohatera mojej strony, celowo odwróciłem rolę. Tym razem weterynarz, czyli Pan Włodarek, jest kotem-lekarzem, do którego przychodzi człowiek-klient dowiedzieć się o oferowanych przez niego usługach. Zabawna animacja spełniła swoją rolę – zainteresowała właścicieli zwierzaków do wizyt w gabinecie pana Włodarka, a mi zapewniła kolejne zlecenia animacyjne, oraz nominację do konkursu wyróżnień prestiżowego portalu flashzone.pl. Warto dodać, iż poza animacją flash, strona posiada swój odpowiednik html (który celowo został zaprojektowany bardzo bardzo prosto – w kontraście dla wymyślnych animacji flashowych).
Specyfikacja: Strona podwójna, pierwsza część w całości wykonana w technologii flash, druga natomiast tylko w php.
Współpraca: E. Balewicz (php)
Adres: e-lips.eu (w budowie)
Problem: Aby w świecie stron internetowych wyglądać profesjonalnie, wymyśliłem wirtualne studio projektowe „E-lips Studio” jako sygnaturkę do realizowanych przeze mnie witryn. Ponadto potrzebowałem adresu e-mail z fachową domeną ;-) Strona od zawsze jest „w budowie” ponieważ z nadmiaru pracy, nigdy nie było czasu, aby zająć się poważnie jej rozbudową. W tym wypadku, kiedy stworzyłem już swoje portfolio, prawdopodobnie w przyszłości podlinkuję e-lips.eu właśnie tutaj.
Specyfikacja: Strona w całości wykonana w technologii flash.
Adres: piramida.wroclaw.pl
Problem: Moja pierwsza komercyjna strona internetowa wykonana na samym początku studiów :-) Po paru latach, kiedy nabrałem większego doświadczenia, z własnej woli zdecydowałem się ją kompletnie zmienić (ponieważ przez te wszystkie lata zmieniły się trendy projektowe a mój gust estetyczny również uległ zmianie). Nową stronę zaprojektowałem w taki sposób, aby niezależnie od rozdzielczości monitora, ukazywał się internaucie maksymalnie rozległy pustynny krajobraz. Im większy monitor, tym lepsze wrażenia z oglądania strony (warto poeksperymentować nawet z wielkością okna przeglądarki).
Specyfikacja: Strona w całości wykonana w technologii flash.
Adres: sept.com.pl
Problem: Po przejrzeniu stron konkurencji, stworzyłem stronę, która wygrywa czytelnością, funkcjonalnością i grafiką. Udało się stworzyć dość ciekawą animację na wstępie, oraz wprowadzić kilka delikatnych efektów wizualnych wewnątrz strony, nie burząc jej stonowanego i poważnego charakteru.
Specyfikacja: Strona w całości wykonana w technologii flash.
Archiwalny podgląd: Ossa 2005
Adres aktualny OSSA: ossa.org.pl
Problem: Tematem IX Ogólnopolskiego Spotkania Studentów Architektury OSSA 2005 Wrocław było hasło „Jak studiować architekturę?”. Temat projektowy to „rozbudowa Wydziału Architektury Politechniki Wrocławskiej”. Na stronie OSSA2005 umieściłem elementy adekwatne do tematu, czyli przede wszystkim charakterystyczny obrys budynku Wydziału Architektury (będący również elementem przewodnim na plakatach, ulotkach i innych materiałach promocyjnych), architektoniczny kubik i inne. Poza tym, byłem także jednym z głównych organizatorów tego spotkania.
Specyfikacja: Strona w całości wykonana w technologii flash.
Adres: mkonrad.com
Problem: W przypadku tej strony, zleceniodawczyni miała dość konkretną wizję własnego portfolio. Wspólnymi siłami, udało się stworzyć prostą i czytelną grafikę, oraz funkcjonalny i przejrzysty interfejs.
Specyfikacja: Dynamicznie pobierane obrazki i opisy do nich, tworzenie nowych działów (projektów) poprzez upload plików na serwer wedle schematu.
Współpraca: E. Balewicz (programming); M. Konrad (elementy grafiki)
Adres aktualny: arch.pwr.wroc.pl
Problem: Nowa strona Wydziału Architektury Politechniki Wrocławskiej miała być przede wszystkim bardziej czytelna, bardziej funkcjonalna i bardziej nowoczesna. Całość została już zaprojektowana, zatwierdzona, projekt nawet został już testowo zaprogramowany. Niestety, nie wiedzieć czemu, inicjatywa zmiany wydziałowej strony internetowej… padła :-( Prezentuję więc tylko projekt graficzny, gdyż pomimo upływu czasu, wydaje mi się on nadal warty uwagi.
Archiwalny podgląd: Gregal
Problem: Jedna z pierwszych wykonanych przeze mnie komercyjnych stron i jedyna, która nie doczekała się finalizacji. Po akceptacji projektu, zatwierdzeniu animacji i ostatecznym umieszczeniu na serwerze, kontakt z klientem się urwał. Od tamtego czasu nauczyłem się brać zaliczkę ;-)
Specyfikacja: Strona dwujęzyczna, w całości wykonana w technologii flash.
Współpraca: M. Wilgosiewicz (elementy grafiki); M. Witkowska (niektóre fotografie).
Adres: techrom.pl
Problem: Firma Techrom to duże przedsiębiorstwo specjalizujące się w zabezpieczeniach ognioodpornych konstrukcji stalowych. W branży nie potrzeba tej firmie reklamy. Umieszczam w swoim portfolio bardziej z racji sentymentu :-) gdyż było to jedno z pierwszych komercyjnych zleceń.
Specyfikacja: Strona w całości wykonana w technologii flash.
Współpraca: M. Wilgosiewicz (elementy grafiki)
|
|