Portfolio

    • Online: pracujwvolvo.pl
    • Rok realizacji: 2018
    • Dla: John Weston Group

    Pracuj w Volvo

    Strona internetowa przygotowana dla wrocławskiego oddziału Volvo na potrzeby prowadzonej kampanii rekrutacyjnej. Wdrożyłem przekazany mi layout strony. Oprócz bardzo ładnej szaty graficznej i estetycznego przedstawienia szczegółów każdej z ofert pracy w formie dynamicznych zakładek, najważniejszym elementem strony jest wygodny formularz wysyłania zgłoszeń.

    Projekt wykonany dla John Weston Group.

    • Online: ux.agh.edu.pl
    • Rok realizacji: 2017
    • Dla: John Weston Group

    User Experience & Product Design

    Wdrożyłem przygotowany layout strony internetowej dla studiów podyplomowych „User Experience & Product Design” na Akademii Górniczo-Hutniczej. Witryna w estetyczny i czytelny sposób prezentuje wszystkie potrzebne informacje o kursie, prowadzących i sposobie rekrutacji dzięki sprawdzonym mechanizmom zakładek, slidera i innych.

    Projekt wykonany dla John Weston Group.

    • Online: kontrole-biznesowe.pl
    • Rok realizacji: 2018
    • Dla: John Weston Group

    Kontrole Biznesowe

    Wdrożyłem projekt strony internetowej prezentującej szkolenie „System kontroli biznesowej w organizacji” odbywające się w całej Polsce. Oprócz formularza zgłoszeniowego, warto zwrócić uwagę na dynamiczną mapę, która pozwala zobaczyć w jakim mieście organizowane jest szkolenie na obszarze wybranego województwa.

    Projekt wykonany dla John Weston Group.

    • Online: magic-movers.com
    • Rok realizacji: 2017
    • Dla: John Weston Group

    Magic Movers

    Wdrożyłem przygotowany projekt witryny firmy Magic Movers zajmującej się przewozem antyków oraz dzieł sztuki po Europie. Dla ułatwienia sobie pracy wykorzystałem autorski framework Hawk. Oprócz prostych animacji, najciekawszym elementem strony jest bardzo rozbudowany formularz zamówień. Zawiera on szczegółowe dane o przesyłce i towarze oraz pozwala na dynamiczne dodawanie kolejnych przedmiotów (lub usuwanie niepotrzebnych). Zamówienia gromadzone są w zaprojektowanej na potrzeby aplikacji niewielkiej bazie danych, a także wysyłane drogą mailową do właściciela firmy.

    Projekt wykonany dla John Weston Group.

    • Online: atakpaniki.pl
    • Rok realizacji: 2017
    • Dla: John Weston Group

    Atak Paniki

    Strona internetowa promująca film „Atak Paniki” wyprodukowany przez Akson Studio. Moim zadaniem było wdrożenie zaprojektowanego layoutu. Wykorzystałem mechanizm FullPage oraz autorski framework Hawk. Napisałem w JS własny odtwarzacz filmów oparty o API HTML5, oraz stworzyłem w sekcji wejściowej efekt „Scratch” zgodnie z życzeniem projektanta. Na mapie w estetyczny sposób zaznaczono kina, o których informacje są pobierane z bazy danych.

    Projekt wykonany dla John Weston Group.

    • Online: hotelik-szczesne.pl
    • Rok realizacji: 2017

    Hotelik Szczęsne

    Strona internetowa wykonana dla niewielkiego, przytulnego hoteliku w Szczęsnych pod Olsztynem. Wdrożyłem layout zaprojektowany przez Tadeusza Ciechanowskiego. Do wykonania dynamicznych elementów (rozwijane menu, zobacz więcej, etc.) wykorzystałem autorski front-endowy framework Hawk, a strona została podpięta pod własny CMS Eagle.

    • Online: moirafurniture.com
    • Rok realizacji: 2016

    Moira Furniture

    Strona wykonana dla indonezyjskiej firmy meblowej Moira Furniture. Na życzenie klienta została oparta na systemie zarządzania treścią WordPress z użyciem gotowego szablonu, który dostosowałem do wymagań zleceniodawcy (stąd od strony nie jest perfekcyjny, mówiąc eufemistycznie). Napisałe także kilka własnych prostych widgetów wyświetlających wybrane kategorie w estetyczny sposób. Strona jest responsywna.

    • Online: patrycjahyrsz.com
    • Rok realizacji: 2016

    Portfolio fotograficzne Patrycji Hyrsz

    Strona wykonana dla fotograf Patrycji Hyrsz. Współpracuje lub współpracowała ona z takimi markami jak m. in. Puccini, CCC. Minimalistyczne portfolio zakodowane do HTML5 i CSS3 z drobnymi skryptami napisanymi w JS. Witryna jest responsywna, zgodnie z nowymi sieciowymi trendami.

    • Rok realizacji: 2015

    Trio „Dolce”

    Prosta witryna zaprojektowana dla – niestety nieistniejącego już – zielonogórskiego zespołu muzycznego „Dolce”, mająca być niejako ich internetową wizytówką. Samodzielnie zaprojektowany layout pociąłem i zakodowałem do HTML5 i CSS3. Napisałem też prosty, aczkolwiek spełniający swą rolę walidator formularza kontaktowego w JavaScript. Zaadoptowałem także gotowy odtwarzacz plików MP3.

    • Online: trydent.poznan.pl
    • Rok realizacji: 2013

    Poznańskie Środowisko Wiernych Tradycji Łacińskiej

    Strona wykonana dla poznańskiej grupy wiernych Kościoła Katolickiego, uczestniczących w liturgii według Nadzwyczajnej Formy Rytu Rzymskiego (tzw. Mszy Trydenckiej). Wykonałem layout i zakodowałem stronę do (X)HTML i CSS z dodatkiem paru własnych skryptów w PHP – są to formularz kontaktowy i funkcja ułatwiająca mi, poprzez swego rodzaju automatyzację (generowanie spisu treści etc.), tworzenie podstron z umieszczonymi na stronie książkami (encykliki, katechizmy).

    • Online: dag-krzystkowice.com
    • Rok realizacji: 2012

    Wirtualne Muzeum Dynamit AG w Krzystkowicach

    Współrealizowany z Miłoszem Grobelnym projekt wirtualnego muzeum niemieckiej fabryki chemicznej z czasów II Wojny Światowej Dynamit AG Fabrik Christianstadt, której pozostałości znajdują się w lesie przy Nowogrodzie Bobrzańskim. Ja zająłem się napisaniem samej strony i wprowadzaniem do niej materiałów. Zdjęcia na mapie specjalistycznej są mojego autorstwa. Witryna oparta na XHTML i CSS z własnymi skryptami PHP/MySQL i JavaScript, a także gotowymi rozwiązaniami w JS. Intro wykonane przez ekipę Firefly Film Studio. Strona cały czas jest rozwijana i aktualizowana.

Pracuję nad

    • GitHub: /Rotmistrz/Eagle-CMS
    • Początek projektu: 2017

    EagleCMS

    „Developerski” CMS, którego głównym założeniem jest bardzo duża elastyczność i możliwość dostosowania do dedykowanej, nieszablonowej strony, gdzie każdy element jest zupełnie inny i charakteryzuje się inną strukturą. Elementy wyświetlane na stronie podzielone są na typy, z których każdy ma swoją własną strukturę treści i szablon. Każdy element może należeć do jakiejś kategorii i być później wg niej wyświetlany, może być potomkiem jakiegoś elementu (niekoniecznie swojego typu), posiada własną galerię zdjęć (która także może być wyświetlana w dowolny sposób, wszystko zależy od osoby, która wdraża stronę). Jest także lekki mechanizm podstron, pozwalający na wyświetlanie odpowiednich treści na danej podstronie, która ma także swój własny szablon. Istnieje także jeszcze inny typ treści – dane zdefiniowane. Krótkie, najlepiej jednolinijkowe, dane, które mogą być wyświetlane w dowolonym miejscu strony za pomocą odwołania do unikalnego kodu. Bardzo przydatne rozwiązanie przy wszelkiego rodzaju numerach telefonu, adresach, i tak dalej. CMS wspiera wielojęzyczność.

    Projekt jest ciągle rozwijany w wolnych chwilach. W przyszłości planuję wprowadzić m.in. system newsów i nieco bardziej przyjazny interfejs obsługi wielu podstron. W obecnej fazie skupiam się głównie na samych funkcjonalnościach, stąd obecny layout może się wydawać trochę przestarzały, jakby z poprzedniego dziesięciolecia. Jednak nic bardziej mylnego!

    Napisany obiektowo w PHP z użyciem baz MySQL i dynamiki JS. W moim odczuciu bardzo fajne, lekkie rozwiązanie dla małych i średnich stron internetowych, które nie są oparte na jakimś jednym utartym schemacie.

    • GitHub: /Rotmistrz/Hawk-Framework
    • Początek projektu: 2017

    Hawk Framework

    Można powiedzieć, że Hawk Framework powstał w sposób naturalny w czasie mojej pracy zawodowej. Tworząc bardziej lub mniej rozbudowane strony internetowe – a w przeważającej części strony dla firm – prezentujące różne treści w atrakcyjny sposób, musiałem na bieżąco implementować system „zakładek”, wysuwanego menu, treści pojawiające się na warstwie, możliwość ukrywania dłuższego tekstu i pokazywania go dopiero na życzenie użytkownika, system kategorii, dynamiczne ikony i tak dalej.

    Kopiowanie użytych wcześniej mechanizmów, używanie ich w dalszych projektach i stopniowe ulepszanie często sprawiało, że w kodzie robił się swego rodzaju bałagan, a ja bałaganu w kodzie bardzo nie lubię. Postanowiłem więc po godzinach zebrać pomysły na wszystkie potrzebne moduły i elementy, których używam do tworzenia witryn internetowych, i napisać je ładnie i elegancko, uogólniając pewne algorytmy, tworząc zarazem możliwość wstrzykiwania indywidualnych dla danego projektu zachowań i ustawiania pewnych elementów bez ingerencji w bazowy kod. Tworząc wszystkie rozwiązania od początku, mogłem spojrzeć na każdy z modułów świeżym okiem, dzięki czemu, w mojej ocenie, wszystkie te algorytmy stały się jeszcze lepsze.

    Hawk Framework zawiera przede wszystkim najbardziej potrzebne, jak wynika z mojego doświadczenia, moduły używane na różnego rodzaju niewielkich dedykowanych stronach internetowych, tj:

    • wysuwane menu (3 opcje pojawiania się)
    • listy rozwijane (dropdowns)
    • treści prezentowane na warstwach
    • mechanizm „zobacz więcej”
    • zakładki
    • rozwijane listy detali
    • kategoryzowanie elementów

    Ponadto Hawk Framework zawiera wstępny szablon strony internetowej i zestaw przykładowych stylów dla najpotrzebniejszych elementów (sekcje, przyciski, formularze), a także zastaw najczęsciej używanych wielkości czcionek i RWD przypisane do zmiennych SASS oraz zestaw najpotrzebniejszych mixin SASS. Oprócz tego znajdziemy tu zestaw najczęściej używanych ikon/symboli, stworzonych za pomocą kodu HTML/CSS, co pozwala na elegancke animowanie tychże oraz szybką zmianę ich wyglądu, rozmiaru, w zależności od potrzeb.

    Myślę, że śmiało można nazwać Hawk'a front-endowym frameworkiem, lekkim i bardzo ogólnym, który pomaga stworzyć efektowną stronę www szybko, jednak nie tworzy jej samodzielnie. Zaprojektowałem go dla ułatwienia pracy sobie, ale lubię oprogramowanie Open Source, stąd zamieściłem jego kod w repozytorium na GitHubie na licencji MIT. Jeśli ktoś będzie chciał go użyć, będzie mi bardzo miło, jeśli w miejscu załączania plików JS i CSS znajdzie się jakaś wzmianka o mnie i link do mojego portfolio, albo chociaż link do GitHuba. Projekt jest wciąż rozwijany, jednak już od jakiegoś czasu z powodzeniem używam go w projektach komercyjnych.

O mnie

Nazywam się Filip Jędrzej Markiewicz. Urodziłem się wiosną roku 1996. Obecnie studiuję i pracuję we Wrocławiu. Pasjonuję się programowaniem, a w szczególności pisaniem stron i aplikacji internetowych. Zajmuję się tym już dość długo, bo od około 2009 roku. Odważę się powiedzieć, że HTML5 i CSS3 znam biegle i potrafię dobrze pociąć i zakodować każdy layout, a także tchnąć w niego życie za pomocą JavaScript'u (zazwyczaj ułatwiając sobie pracę biblioteką jQuery), który znam w dobrym stopniu. Myślę, że opanowałem również bardzo dobrze PHP i MySQL, co pozwala mi napisać w pełni funkcjonalną aplikację internetową. Aby wykonana przeze mnie strona internetowa była przyjazna w prowadzeniu dla klienta, podpinam ją pod system zarządzania treścią (autorski EagleCMS lub WordPress). Jeśli zachodzi taka konieczność, potrafię także wykonać estetyczny layout.

Cały czas się uczę i dokładam starań, aby mój kod był coraz lepszy. Ponieważ jest to nie tylko moja praca, ale także pasja, jestem pełen zapału i przykładam dużą uwagę do nawet najmniejszych szczegółów podczas realizacji każdego projektu, w czym pomaga mi mój – niekoniecznie pomocny w innych dziedzinach życia – perfekcjonizm. Znam także C++ i Javę, trochę Scalę i OCamla, jednak najwięcej satysfakcji i radości sprawia mi tworzenie i programowanie stron internetowych.

Zdjęcie autora

Kontakt