<!DOCTYPE html>
<html lang="en"><head>
	<!-- Global site tag (gtag.js) - Google Analytics -->
	<script>
		(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
		(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
		m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
		})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

		ga('create', 'UA-164063138-1', 'auto');
		ga('send', 'pageview');
	</script>

    <title>MNKN - UI/UX designer</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="Websites. Mobile Apps. Brand" />
    <meta name="author" content="MNKN">
    <meta charset="UTF-8" />
    <link rel="icon" type="image/ico" href="favicon.ico" />
    <link href="style.css" rel="stylesheet" />
    <link href="css/font-awesome.min.css" rel="stylesheet" />
    <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet">

</head>







<body class="hidden hidden-ball smooth-scroll drag-scroll">


	<main>
        <!-- Preloader -->
        <div class="preloader-wrap" data-firstline="Stay" data-secondline="Relaxed">
            <div class="outer">
                <div class="inner">
                    <div class="preloader-marquee-mask">
                        <div class="preloader-marquee-wrapper">
                            <div class="preloader-marquee" data-text="Loading Loading Loading Loading Loading Loading Loading Loading Loading">Loading Loading Loading Loading Loading Loading Loading Loading Loading</div>
                        </div>
                    </div>

                    <div class="preloader-marquee-wrapper stroked">
                        <div class="preloader-marquee" data-text="Loading Loading Loading Loading Loading Loading Loading Loading Loading">Loading Loading Loading Loading Loading Loading Loading Loading Loading</div>
                    </div>

                    <div class="percentage-wrapper"><div class="percentage" id="precent"></div></div>
                    <div class="trackbar">
                        <div class="loadbar"></div>
                    </div>
                </div>
            </div>
        </div>
        <!--/Preloader -->

        <div class="cd-index cd-main-content">

        <!-- Page Content -->
        <div id="page-content" class="light-content" data-bgcolor="#141414">

            <!-- Header -->
            <header class="fullscreen-menu">
                <div id="header-container">


                <!-- Logo -->
                <div id="logo" class="hide-ball disable-drag">
                    <a class="ajax-link" data-type="page-transition" href="index.html">
                        <img class="black-logo" src="images/logo_mnkn.png" alt="MNKN Logo">
                        <img class="white-logo" src="images/logo_mnkn-white.png" alt="MNKN Logo">
                    </a>
                </div>
                <!--/Logo -->


                <!-- Navigation -->
                <nav>
                	<div class="nav-height">
                        <div class="outer">
                            <div class="inner">
                                <ul data-breakpoint="10025" class="flexnav">
                                    <li class="link menu-timeline"><a class="active" href="index.html"><div class="before-span"><span data-hover="Co">Portfolio</span></div></a></li>
                                    <li class="link menu-timeline"><a class="ajax-link" data-type="page-transition" href="omne.html"><div class="before-span"><span data-hover="Kdo">O mně</span></div></a></li>
                                    <li class="link menu-timeline"><a class="ajax-link" data-type="page-transition" href="kontakt.html"><div class="before-span"><span data-hover="Kde">Kontakt</span></div></a></li>
																		<li class="menu-timeline buy-item"><a target="_blank" class="link " href="https://calendly.com/manekenthe"><div class="before-span"><span data-hover="Kdy">Meeting</span></div></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </nav>
                <!--/Navigation -->


                <!-- Menu Burger -->
                <div class="button-wrap right menu disable-drag">
                    <div class="icon-wrap parallax-wrap">
                        <div class="button-icon parallax-element">
                            <div id="burger-wrapper">
                                <div id="menu-burger">
                                    <span></span>
                                    <span></span>
                                    <span></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="button-text sticky right"><span data-hover="Menu">Menu</span></div>
                </div>
                <!--/Menu Burger -->

                </div>
            </header>
            <!--/Header -->

						<div id="show-filters" class="disable-drag" data-tooltip="Show Filters" data-placement="top">
                <div class="show-filters-wrap parallax-wrap">
                    <div class="open-filters parallax-element">
                        <i class="fa fa-sort"></i>
                    </div>
                </div>
            </div>

						<!-- Filters Overlay -->
            <div id="filters-overlay">
                <div id="close-filters"></div>
                <div class="outer">
                    <div class="inner">
                        <ul id="filters">
                            <li class="filters-timeline link"><a id="all" href="#" data-filter="*" class="active hide-ball">All</a></li>
                            <li class="filters-timeline link"><a href="#" data-filter=".photo" class="hide-ball">Photo</a></li>
                            <li class="filters-timeline link"><a href="#" data-filter=".branding" class="hide-ball">Branding</a></li>
                            <li class="filters-timeline link"><a href="#" data-filter=".design" class="hide-ball">Design</a></li>
                            <li class="filters-timeline link"><a href="#" data-filter=".video" class="hide-ball">Video</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- Filters Overlay -->

            <!-- Content Scroll -->
            <div id="content-scroll">


                <!-- Main -->
                <div id="main">

                    <!-- Hero Section -->
                    <div id="hero">
                        <div id="hero-styles">
                            <div id="hero-caption" class="parallax-onscroll">
                                <div class="inner">
																	<h3 class="hero"><span>Martin Filipovič</span></h3>
                                	<h1 class="hero-move-title title-backward"><span>UX · UI Designer</span></h1>

                                </div>
                            </div>
                        </div>
                    </div>
                    <!--/Hero Section -->

                    <!-- Main Content -->
                    <div id="main-content">
                        <!-- Main Page Content -->
                        <div id="main-page-content">
													<!-- Row -->
			 									 <div class="vc_row row_padding_bottom">

			 											 <div class="one_third">
			 													 <h4 class="has-mask" data-delay="0">Krátce o mně</h4>
			 											 </div>
			 											 <div class="inner">
			 													 <p class="has-animation" data-delay="400">UX / UI Designér na volné noze. <b>Více než 12 let pomáhám</b> klientům s designem webů, eshopů, webových / mobilních aplikací a brandu. Měl jsem možnost pracovat pro malé, střední i velké společnosti jako jsou Milka, Sephora, Pepsi, E.ON, LMC, Datacruit, Q-Designers atd.</p>
			 													 <p class="has-animation" data-delay="500">Zaměřuji se na navrhování a prototypování pomocí nástrojů jako jsou Sketch, Figma, Adobe Creative Suite, Framer, Invision nebo Principle.</p>
																 <p class="has-animation" data-delay="500">Vlastním <a class="link" target="_blank" href="https://www.instagram.com/uisupply/">@uisupply</a> s více než <b>36K Followery</b></p>


			 											 </div>

			 									 </div>
			 									 <!--/Row -->


                            <!-- Portfolio Wrap -->
                            <div id="itemsWrapperLinks" class="portfolio-wrap">
                                <!-- Portfolio Columns -->
                                <div id="itemsWrapper" class="portfolio scattered-grid">

                                    <div class="item branding design tall disable-drag" data-item="1">
                                    	<div class="item-parallax">
                                            <div class="item-appear">
                                                <div class="item-content">
                                                    <a class="item-wrap ajax-link-project" data-type="page-transition" href="project01.html"></a>
                                                    <div class="item-wrap-image"><img src="images/01hero_1.jpg" class="item-image grid__item-img" alt=""></div>
                                                    <img class="grid__item-img grid__item-img--large" src="images/01hero_1.jpg" />
                                                </div>
                                            </div>
                                            <div class="item-caption-wrapper">
                                                <div class="item-caption">
                                                    <h2 class="item-title">Concepts</h2>
                                                    <h4 class="item-cat">UX / UI, Motion Design</h4>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="item design photo wide disable-drag" data-item="2">
                                    	<div class="item-parallax enabled">
                                            <div class="item-appear">
                                                <div class="item-content">
                                                    <a class="item-wrap ajax-link-project" data-type="page-transition" href="project02.html"></a>
                                                    <div class="item-wrap-image"><img class="item-image grid__item-img" src="images/02hero_2.png" alt=""></div>
                                                    <img class="grid__item-img grid__item-img--large" src="images/02hero_2.png" />
                                                </div>
                                            </div>
                                            <div class="item-caption-wrapper">
                                                <div class="item-caption">
                                                    <h2 class="item-title">Art Investment Gallery</h2>
                                                    <h4 class="item-cat">UX / UI, Brand</h4>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="item design photo disable-drag" data-item="3">
                                    	<div class="item-parallax">
                                            <div class="item-appear">
                                                <div class="item-content">
                                                    <a class="item-wrap ajax-link-project" data-type="page-transition" href="project03.html"></a>
                                                    <div class="item-wrap-image"><img class="item-image grid__item-img" src="images/03hero_2.png" alt=""></div>
                                                    <img class="grid__item-img grid__item-img--large" src="images/03hero_2.png" />
                                                </div>
                                            </div>
                                            <div class="item-caption-wrapper">
                                                <div class="item-caption">
                                                    <h2 class="item-title">Seduo</h2>
                                                    <h4 class="item-cat">UI, Desktop, Mobile</h4>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="item video disable-drag" data-item="4">
                                    	<div class="item-parallax enabled">
                                            <div class="item-appear">
                                                <div class="item-content">
                                                    <a class="item-wrap ajax-link-project" data-type="page-transition" href="project04.html"></a>
                                                    <div class="item-wrap-image"><img class="item-image grid__item-img" src="images/04hero_1.png" alt=""></div>
                                                    	<img class="grid__item-img grid__item-img--large" src="images/04hero_1.png" />
                                                        </div>
                                                    </div>

                                            <div class="item-caption-wrapper">
                                                <div class="item-caption">
                                                    <h2 class="item-title">Dixons Carphone</h2>
                                                    <h4 class="item-cat">UX / UI, Art Direction, Vývoj</h4>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="item photo tall disable-drag" data-item="5">
                                    	<div class="item-parallax">
                                            <div class="item-appear">
                                                <div class="item-content">
                                                    <a class="item-wrap ajax-link-project" data-type="page-transition" href="project05.html"></a>
                                                    <div class="item-wrap-image"><img class="item-image grid__item-img" src="images/05hero_1.jpg" alt=""></div>
                                                    <img class="grid__item-img grid__item-img--large" src="images/05hero_1.jpg" />
                                                </div>
                                            </div>
                                            <div class="item-caption-wrapper">
                                                <div class="item-caption">
                                                    <h2 class="item-title">Sephora</h2>
                                                    <h4 class="item-cat">UX / UI, Art Direction, Vývoj</h4>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="item photo tall disable-drag" data-item="6">
                                    	<div class="item-parallax">
                                            <div class="item-appear">
                                                <div class="item-content">
                                                    <a class="item-wrap ajax-link-project" data-type="page-transition" href="project06.html"></a>
                                                    <div class="item-wrap-image"><img class="item-image grid__item-img" src="images/06hero_1.png" alt=""></div>
                                                    <img class="grid__item-img grid__item-img--large" src="images/06hero_1.png" />
                                                </div>
                                            </div>
                                            <div class="item-caption-wrapper">
                                                <div class="item-caption">
                                                    <h2 class="item-title">Práce za rohem</h2>
                                                    <h4 class="item-cat">UI, Desktop, Mobile, Brand</h4>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
																		<div class="item branding design tall disable-drag" data-item="1">
                                    	<div class="item-parallax">
                                            <div class="item-appear">
                                                <div class="item-content">
                                                    <a class="item-wrap ajax-link-project" data-type="page-transition" href="project07.html"></a>
                                                    <div class="item-wrap-image"><img src="images/11hero.png" class="item-image grid__item-img" alt=""></div>
                                                    <img class="grid__item-img grid__item-img--large" src="images/11hero.png" />
                                                </div>
                                            </div>
                                            <div class="item-caption-wrapper">
                                                <div class="item-caption">
                                                    <h2 class="item-title">Q-Designers</h2>
                                                    <h4 class="item-cat">UX / UI, Brand</h4>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="item design photo wide disable-drag" data-item="2">
                                    	<div class="item-parallax enabled">
                                            <div class="item-appear">
                                                <div class="item-content">
                                                    <a class="item-wrap ajax-link-project" data-type="page-transition" href="project08.html"></a>
                                                    <div class="item-wrap-image"><img class="item-image grid__item-img" src="images/10hero.png" alt=""></div>
                                                    <img class="grid__item-img grid__item-img--large" src="images/10hero.png" />
                                                </div>
                                            </div>
                                            <div class="item-caption-wrapper">
                                                <div class="item-caption">
                                                    <h2 class="item-title">Provident Financial</h2>
                                                    <h4 class="item-cat">UX / UI, Art Direction, Vývoj</h4>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
																		<div class="item design photo disable-drag" data-item="3">
                                    	<div class="item-parallax">
                                            <div class="item-appear">
                                                <div class="item-content">
                                                    <a class="item-wrap ajax-link-project" data-type="page-transition" href="project09.html"></a>
                                                    <div class="item-wrap-image"><img class="item-image grid__item-img" src="images/09hero.png" alt=""></div>
                                                    <img class="grid__item-img grid__item-img--large" src="images/09hero.png" />
                                                </div>
                                            </div>
                                            <div class="item-caption-wrapper">
                                                <div class="item-caption">
                                                    <h2 class="item-title">Wheeltug</h2>
                                                    <h4 class="item-cat">UX / UI, Vývoj</h4>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
																		<div class="item video disable-drag" data-item="4">
																			<div class="item-parallax enabled">
																						<div class="item-appear">
																								<div class="item-content">
																										<a class="item-wrap ajax-link-project" data-type="page-transition" href="project10.html"></a>
																										<div class="item-wrap-image"><img class="item-image grid__item-img" src="images/12hero.png" alt=""></div>
																											<img class="grid__item-img grid__item-img--large" src="images/12hero.png" />
																												</div>
																										</div>

																						<div class="item-caption-wrapper">
																								<div class="item-caption">
																										<h2 class="item-title">Crypkit</h2>
																										<h4 class="item-cat">UX / UI, Brand </h4>
																								</div>
																						</div>
																				</div>
																		</div>

																		<div class="item photo tall disable-drag" data-item="5">
																			<div class="item-parallax">
																						<div class="item-appear">
																								<div class="item-content">
																										<a class="item-wrap ajax-link-project" data-type="page-transition" href="project11.html"></a>
																										<div class="item-wrap-image"><img class="item-image grid__item-img" src="images/13hero_1.png" alt=""></div>
																										<img class="grid__item-img grid__item-img--large" src="images/13hero_1.png" />
																								</div>
																						</div>
																						<div class="item-caption-wrapper">
																								<div class="item-caption">
																										<h2 class="item-title">Josef "Jose" Kadlec</h2>
																										<h4 class="item-cat">UX / UI, Art Direction, Vývoj </h4>
																								</div>
																						</div>
																				</div>
																		</div>

                                </div>
                                <!--/Portfolio -->
                            </div>
                            <!--/Portfolio Wrap -->


                        </div>
                        <!--/Main Page Content -->





												<!-- Project Navigation -->
                        <div id="page-nav">
                            <div class="next-page-wrap">
                                <div class="next-page-title">
                                    <div class="inner">
                                        <div class="page-title-wrapper has-animation">
                                        	<a class="page-title next-ajax-link-page disable-drag" data-type="page-transition" data-firstline="Next" data-secondline="Page" href="kontakt.html">
                                            	<h1 class="hero-move-title title-reverse-backward"><span>Pojďme do toho</span></h1>
                                    			<h1 class="hero-move-title title-reverse-forward"><span>společně</span></h1>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--/Project Navigation -->

                    </div>
                    <!--/Main Content -->

                </div>
                <!--/Main -->

                <!-- Footer -->
                <footer class="hidden">
                    <div id="footer-container">

                        <div id="backtotop" class="button-wrap left disable-drag">
                            <div class="icon-wrap parallax-wrap">
                                <div class="button-icon parallax-element">
                                    <i class="fa fa-angle-up"></i>
                                </div>
                            </div>
                            <div class="button-text sticky left"><span data-hover="Nahoru">Nahoru</span></div>
                        </div>

                        <div class="footer-middle">
                            <div class="copyright">2021 © <a class="link" target="_blank" href="https://www.maneken.cz/">MNKN</a>. Všechna práva vyhrazena.</div>
                        </div>

                        <div class="socials-wrap disable-drag">
                            <div class="socials-icon"><i class="fa fa-share-alt" aria-hidden="true"></i></div>
                            <div class="socials-text">Socialní sítě</div>
                            <ul class="socials">
                                <li><span class="parallax-wrap"><a class="parallax-element" href="https://twitter.com/manekenthe" target="_blank">Tw</a></span></li>
                                <li><span class="parallax-wrap"><a class="parallax-element" href="https://www.facebook.com/mnkn.design" target="_blank">Fb</a></span></li>
                                <li><span class="parallax-wrap"><a class="parallax-element" href="https://www.instagram.com/uix.martin/">In</a></span></li>
																<li><span class="parallax-wrap"><a class="parallax-element" href="https://www.linkedin.com/in/manekenthe/" target="_blank">LI</a></span></li>
																<li><span class="parallax-wrap"><a class="parallax-element" href="https://dribbble.com/Maneken" target="_blank">Db</a></span></li>
                            </ul>
                        </div>

                    </div>
                </footer>
                <!--/Footer -->


        	</div>
            <!--/Content Scroll -->


            <div id="app"></div>


		</div>
        <!--/Page Content -->

		</div>
	</main>




    <div class="cd-cover-layer"></div>
    <div id="magic-cursor">
        <div id="ball">
        	<div id="ball-drag"></div>
        	<div id="ball-loader"></div>
        </div>
    </div>
    <div id="clone-image"></div>
    <div id="rotate-device"></div>



    <script src="js/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.5/ScrollMagic.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.5/plugins/animation.gsap.min.js" ></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.2/utils/Draggable.min.js" ></script>
    <script src='https://cdnjs.cloudflare.com/ajax/libs/three.js/r83/three.js'></script>
	<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery.imagesloaded/4.1.4/imagesloaded.pkgd.js'></script>
	<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDPoZe-qIbXgMTU8to18n9Gv8di7NtP06M"></script>
	<script src="js/plugins.js"></script>
    <script src="js/scripts.js"></script>



</body>

</html>
