Portfolio

    • Online: termomag.pl
    • Rok realizacji: 2018
    • Realizacja własna

    Termomag.pl

    Witryna stworzona dla nowogrodzkiej firmy “Mag” Robert Magiełda specjalizującej się w dekarstwie, termomodernizacji budynków i wykańczaniu wnętrz.

    Wykonałem od podstaw projekt graficzny strony i dokonałem jego wdrożenia. W prosty i czytelny sposób przedstawione zostały porównania stanu budynków przed i po pracach wykonanych przez firmę. Logo dostarczone przez właściciela firmy. Część ikon wykonała Anastasia Gradova.

    • 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ń.

    Wdrożenie wykonane na zlecenie 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.

    Wdrożenie wykonane na zlecenie 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.

    Wdrożenie wykonane na zlecenie 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 autorską bibliotekę 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.

    Wdrożenie wykonane na zlecenie 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.

    Wdrożenie wykonane na zlecenie John Weston Group.

    • Online: moirafurniture.com
    • Rok realizacji: 2016
    • Realizacja własna

    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 kod strony nie jest perfekcyjny, mówiąc eufemistycznie). Napisałem także kilka własnych prostych widgetów wyświetlających wybrane kategorie w estetyczny sposób. Strona jest responsywna.

    • Rok realizacji: 2015
    • Realizacja własna

    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: dag-krzystkowice.pl
    • Rok realizacji: 2012
    • Realizacja własna

    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.

Artykuły

  • Jak tworzyć strony internetowe dobrze

    Dbanie o wysoką jakość kodu jest zalecane i szanowane już od dawna. Jednak dotyczy to w głównej mierze języków programowania. Kod HTML (i CSS) jak dotąd traktowane były – poza wąskim gronem zapaleńców – na ogół na zasadzie: „nieważne jak, byle działało”, a przynajmniej ja odnosiłem zawsze takie wrażenie. Jednak kod strony internetowej również można napisać solidnie, tak aby był łatwy w utrzymaniu i modyfikowaniu, albo całkowicie marnie.

    Czytaj dalej ››

Pracuję nad

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

    Hawk Library

    Można powiedzieć, że Hawk Library powstała 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 Library 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 Library 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 (w szczególności pisaniem stron i aplikacji internetowych), a ostatnio coraz częściej kieruję swe siły ku architekturze oprogramowania.

Tworzeniem stron internetowych zajmuję się 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. Myślę, że opanowałem również bardzo dobrze PHP i MySQL, co pozwala mi napisać w pełni funkcjonalną aplikację internetową, zwykle opartą o Symfony. 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. Znam także C++ i Javę, jednak nie miałem okazji użyć ich w projektach komercyjnych.

Prywatnie mam jeszcze sporo innych zajęć. Interesuję się historią, ekonomią i polityką. Oprócz tego, wolny czas lubię spędzić w towarzystwie książki – preferuję zwłaszcza beletrystykę historyczną. W moim życiu nie może też zabraknąć dobrej muzyki (zwykle jest to rock, heavy/power metal, folk, okazjonalnie klasyczna czy „indie pop”). Uwielbiam spacery – a najlepiej górskie wędrówki – i jazdę na rowerze, a ponadto grywam w siatkówkę, tenisa (głównie stołowego, ale lubię rownież grę na korcie) i badmintona. Zdarza mi się wolne chwile spędzić również na strzelnicy lub przy stole bilardowym.

Zdjęcie autora

Kontakt