Filip Kubík – Graphic designer & Front end developer

Hi, my name is Filip Kubík, which in slang means cubic meter.

I'm experienced front-end developer and founder with graphic design overlap.

I have 12 years of commercial experiece with web development.

Currently based in Czechia, worked in international teams in UK and Neatherlands

My most recent experiences are complex react applications.

My portfolio is going through a massive update, please come back later

Alright, here is my email.

Thanks for stopping by!

Satellites

There are more than 204,000 objects, mostly rocket bodies, debris, and satellites in orbit around planet Earth. At Just, we’ve taken all this public data and turned it into a beautiful interactive infographic. Giving you a sense of what is out there.

Take yourself on a space ride through this beautiful mess:
https://satellites.wearejust.com/

The 3D visualisation shows 10,000 of 204,214 objects.
The satellites data comes from Space-Track.org.

Data visualisation using THREE.js, predictions made using JsPredict.

Credits
Agency: Just
Concept: Filip Kubík
Coding: Filip Kubík & Emre Koç
Design: Merijn Straathof
Music: Max Cooper

eetos app

This project is my masters thesis on Faculty of Art and Design on the Jan Evangelista Purkyne’s University in Ústí nad Labem . Its going to be an app for electronic evidence of income. This is the new law in Czech republic, that every income has to be send to ministry of finance and then printed to a receipt. It should prevent tax avoidance BUT It is also very dangerous because it can ruin small businesses, who can’t afford expansive solutions that are available for now.

I consider that as dystopian, also I don’t agree with the law. All I can do however, is mitigate the impact. So our solution offers web based app for every device that can be connected to bluetooth printer, its also going to be free for small businesses.

The user will be able to turn on the „plotter“ mode to print facts about the minister of finance, like when he joined communist party etc. It could also print last tweets of the business and so on.

I have designed visual identity and web based app for this project.

The system is officially called EET, that’s why I decided to style the ee letters to a shape of a receipt. Etos (Ethos) in ancient greek means character, which I think our minister is lacking 🙂 I have drawn whole logotype so its font is unique.

You can see product page and working DEMO

The screens should be reminiscence of the real world receipts and are based on Luke Wroblowski’s UX researches. I have coded the front end of the app, using HTML, CSS, jQuery and Bootstrap. App is also using AJAX to make the experience smooth. The main goal was to create smooth experience with transitions between each steps, while focusing on meaningful animations based on real world experience.

You can see product page and working DEMO

V4 Trust

I have designed a logotype for the Czech Presidency of Visegrad Four. A public competition concept.

It’s based on the Czech national tree — the Linden. It also contains references to the number 4 (4 countries of the Visegrad Group.)

Mavla

Mavla.cz is new e-shop with olfactory fences and repellents.

The conception of the logotype is based on an idea of bordering with olfactory fence. The bordering is not physical, in fact we can go through, but for an animal it is more of a psycological barrier. That’s why the border is discontinuous. I’m working with that even more on other materials such as business cards, the borders cannot be seen at first but they can be felt by touch. This effect is done with spot varnishing. Like the olfactory fence the border cannot be seen but it can be smelled (touched as a metaphor), so the contact is not visual.

Unfortunately the shop owner got sick and quit his business, so I can’t link his the website that I have designed.

HumanityX

HumanityX is my first project for a client from Netherlands. I have developed a responsive WordPress theme designed by Marathon. (Do I have to introduce these awesome folks?)

Live version here

Technology: HTML, CSS, jQuery, bootstrap (LESS) and a tiny bit of php (except WordPress itself)

Hacking User Interfaces

Sometimes I just have fun with code.

Hacking User Interfaces is a playground for me which at some point will grow up to a website with cheeky UI hacks.

Like this:
Honest Budget Builder That won’t let you select cheap, fast and good at the same time.

Video Quality Selector A bit too exact. You can send that to a client for free right away!

Terms and Conditions acceptor Real time soul mirror when accepting Terms and Conditions (Webcam needs to be allowed)

Yep, you got me, last two links are codePens, so you can check my other experiments. But BEWARE they are highly experimental and therefore sometimes not optimised.

Eisha

I have built a responsive wordpress theme for e-shop Eisha Store, designed by Nam Do Hoai. Although from our site everything worked well the client stopped paying for the domain. So I am hosting it here.

Technology: HTML , CSS, jQuery, Bootstrap (LESS) and a tiny bit of PHP ( + WordPress and Woocommerce)