Portfolio

    • Online: termomag.pl
    • Rok realizacji: 2018

    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.

    • 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 dostarczony przez klienta. Do wykonania dynamicznych elementów (rozwijane menu, zobacz więcej, etc.) wykorzystałem autorską front-endową bibliotekę 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 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

    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

    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.

Oferta

  • Tworzenie stron internetowych Tworzenie stron internetowych

    Strony internetowe

    Strona internetowa (tzw. landing page) w czytelny sposób przedstawia działalność firmy, organizacji lub osoby prywatnej, np. ofertę, cel działania, wykonane prace, historię, dane teleadresowe czy mapę dojazdu do siedziby. Realizacja obejmuje stworzenie projektu graficznego, jego wdrożenie i podpięcie pod autorski system zarządzania treścią EagleSystem lub WordPress na życzenie klienta. Taka informacyjna strona obsługuje komunikację jednostronną z użytkownikiem – innymi słowy prezentuje mu informacje i pozwala na przyjęcie jakichś odeń, np. wiadomości z formularza kontaktowego, albo zgłoszenia adresu e-mail do subskrypcji newslettera.

  • Tworzenie aplikacji internetowych Tworzenie aplikacji internetowych

    Aplikacje internetowe

    System internetowy obsługujący pełną interakcję z użytkownikiem i pozwalający przetwarzać różnego rodzaju dane, np. zamówienia, zgłoszenia, w celu optymalizacji pracy – przeprowadzania obliczeń, przygotowywania podsumowań/zestawień i analizy danych. Współpraca obejmuje zaprojektowanie i wdrożenie aplikacji internetowej realizującej potrzeby biznesowe klienta.

  • Tworzenie mailingów i podpisów/stopek do maila Tworzenie mailingów i podpisów/stopek do maila

    Mailing i podpis do poczty elektronicznej

    Dobrze technicznie i graficznie przygotowany mejling może zachęcić większą liczbę subskrybentów newslettera do rozważenia proponowanej oferty. Natomiast indywidualny estetyczny podpis (stopka) do mejla z logotypem firmy i najważniejszymi informacjami uczyni komunikację z kontrahentami bardziej profesjonalną i wyróżniającą się na tle konkurencji.

  • Integracje z zewnętrznymi usługami Integracje z zewnętrznymi usługami

    Integracja z zewnętrznymi usługami

    Zarządzanie firmą wiąże się z korzystaniem z wielu różnych aplikacji i platform. Wiele z nich pozwala na zautomatyzowaną komunikację poprzez API. Wykorzystanie tych możliwości pozwala na sprawną obsługę wielu różnych źródeł danych w jednym systemie poprzez połączenie aplikacji lub strony internetowej z systemem księgowości (np. WFirma), płatności (PayU, Przelewy24), newslettera (Freshmail, GetResponse), organizacji spotkań internetowych (Zoom), a nawet zarządzania logistyką firmy (GSMTasks).

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. Ukończyłem studia na Politechnice Wrocławskiej i obecnie 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ą (w szczególności starożytnością, średniowieczem i nowożytnością), 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, przy szachownicy lub stole bilardowym.

Prowadzę dwie małe strony na popularnym portalu społecznościowym: Piórem po kartce, gdzie staram się opisywać poprawną polszczyznę w sposób logiczny i łatwy w odbiorze, a także Płacę gotówką, bo fizyczny pieniądz to wolność, którego nazwa mówi sama za siebie.

Zdjęcie autora

Kontakt