<!--
                                                                                         ...,,,,,,,,...                                                                                             
                                                                             .,..                                      ..,,.                                                                            
                                                                    ...                                                          ....                                                                   
                                                             .,.                                                                        .,.                                                             
                                                        ..                                                                                    ..                                                        
                                                   ..                                                                                              .,                                                   
                                               ..                                                                                                       ,                                               
                                           ..                                                                                                              .,                                           
                                        ,                                                                                                                      ..                                       
                                     ,                                                                                                                            ..                                    
                                  ,                                                                                                                                  ..                                 
                               .                                                                                                                                        ,                               
                             .                                                                                                                                             ,                            
                          .                                                                       ,%@@@@@@@@@@@@&*                                                           .                          
                        .                                                                 /@@@@@@@@@@@@@@@@@@@@@@@@@&@#                                                        ..                       
                      ,                                                              #@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@                                                        ..                     
                    ,                                                            /@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@                                                        .                    
                  ,                                                           (@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@                                                         .                  
                ..                                                          @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ ,                                                        ,                
               .                                                          @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#    @#                                                       ..              
             .                                                          &@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&.         *@.                                                       .             
            .                                                         ,@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@,                @%                                                       .            
           .                                                         #@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@(                      %@                                                        .          
          .                                                         %@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%                       /&@@@@@                                                        .         
        .                                                          &@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@.                        @@       /@@@                                                      .        
       .                                                          *@@@@@@@@@@@@@@@@@@@@@@@@@@@*                           ,@(@        #& @,                                                     ,       
      .                                                           @@@@@@@@@@@@@@@@@@@@@@@(                            &@@@@/ .@@@%    .@%/@                                                      .      
      .                                                          ,@@@@@@@@@@@@@@@@@@@@@@@                .#@@@@(.  &@     #@           .@@@                                                       ,     
     .                                                           &@@@@@@@@@@@@@@@@@@@@@@@             %@/        (@#       (@          .@&                                                         .    
    ,                                                            @@@@@@@@@@@@@@@@@@@@@@@&           .@*@.          /@         @@@@%&@@@  @                                                          .   
   .                                                             &@@@@@@@@@@@@@@@@@@@@@@(           @( *@. .#@@@@&  @(                   &#                                                         .   
   .                                                           &@@(,.   .(@@@@@@@@@@@@@@*     .#&@@@@&           .@,@/                   (@                                                          ,  
  .                                                         @@                 #@@@@@@@@@@%,         &&            @%                    *@                                                          .  
  .                                                       @@                     @@@@@@@               %@#     .%@(                      *@                                                           , 
 .                                                       @&                       @@@@@@                                                 /@                                                           . 
 ,                                                      /@                        /@@@@@                                                 %&                                                            .
 .                                                      #@                                                                               @                                                             .
                                                         @                                                                              &%                                                             ,
.                                                        ,@.                                                                           (@                                                              .
,                                                          &@                                                                         #@                                                               .
,                                                            (@&.                                                                    &@                                                                .
,                                                                ,#@@@@@@%.                                                        (@,                                                                 .
.                                                                      #@                                                        %@.                                                                   .
                                                                       @.                      ,,                             /@&                                                                      ,
 .                                                                    %&                         (@(                      ,@@(                                                                         .
 ,                                                          .@    %@@@*                            ,@@@@.           /@@@@.                                                                             .
 .                                                           &%         /@@@/                         ,&@@@@@@@@@@@@                                                                                  , 
  .                                                          #&               *@@@#                        ,&@@@@@@%                                                                                  . 
  .                                                        #@(                      .%@@@#.                       @,                                                                                 .  
   .                                                     (@                                 ,#@@@@&#/*.                                                                                              .  
   .                                                     (@                                                         ..%@@#                                                                          ,   
    ,                                                ..,,,@@                                 @@@@*                        (@/                                                                      .    
     ,                            ./#&@@@@@%(*,.                                             @@@@(                          @@                                                                     .    
      .                 (@@@@@(                                                                                             #@                                                                    .     
       .       *%@@@#,                                                                                                  %@#                                                                      ,      
        /@@@#,                                                                                                         &&                                                                       ,       
         .                                                                                                              /@@@@%.                                                                ,        
          .                                                                                                                     *&@@%,                                                        .         
           ,                                                                                                                           #@@&                                                 .           
            .                                                                                                                               /@@#                                           .            
              .                                    .@@@@%                                                                                       .%@&.                                     .             
               .                                    &@@@.                                                                                            @@%                                .               
                 .                                                                                                                                      /@@.                           .                
                   .                                                                                                                                       *@&                       .                  
                    ..                                                                                                                                        (@#                  .                    
                      ..                                                                                                                                         @@.             ,                      
                        ..                                                                                                                                         &@.         .                        
                           ,                                                                                                                                         #@.     ,                          
                             .                                                                                                                                         %@..                             
                                .                                                                                                                                       ,                               
                                  ..                                                                                                                                 .                                  
                                     ..                                                                                                                           ,                                     
                                         ,                                                                      &@@@@/                                        ..                                        
                                            ..                                                                   (@@*                                      ..                                           
                                                ,.                                                                                                     ..                                               
                                                    ..                                                                                            ..                                                    
                                                         ..                                                                                  ..                                                         
                                                               ..                                                                      .,.                                                              
                                                                     ...                                                        ...                                                                     
                                                                               .,,..                                 .,,.                                                                               

-->
<!DOCTYPE html>
<html lang="en">
<head>

    <title>André Mira >> Product Designer | Design Systems | Automotive UX</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta charset="UTF-8" />
    <meta name="title" content="André Mira >> Product Designer | Design Systems | Design Ops | Auto UX">
    <meta name="description" content="Hey! I'm André Mira, Product Designer, based in Portugal, currently working remote to DXspark. Focused in Design Systems, Design Ops and Automotive UX. Petrolhead, and a proud 90's sports cars owner.">
    <meta name="keywords" content="Personal Site, Portfolio, Product Designer, User Interface Designer, User Experience Designer, UX, UI">
    <meta name="robots" content="noindex, follow">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="language" content="English">
    <meta name="revisit-after" content="30 days">
    <meta name="author" content="André Mira - @acmpt // Portugal">

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://andremira.pt">
    <meta property="og:title" content="André Mira >> Product Designer | Design Systems | Design Ops | Auto UX">
    <meta property="og:description" content="Hey! I'm André Mira, Product Designer, focused in Design Systems, Design Ops and Automotive UX. Petrolhead, and a proud 90's sports cars owner.">
    <meta property="og:image" content="images/andremirapt.jpg">

    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image">
    <meta property="twitter:url" content="https://andremira.pt">
    <meta property="twitter:title" content="André Mira >> Product Designer | Design Systems | Design Ops | Auto UX">
    <meta property="twitter:description" content="Hey! I'm André Mira, Product Designer, focused in Design Systems, Design Ops and Automotive UX. Petrolhead, and a proud 90's sports cars owner.">
    <meta property="twitter:image" content="images/andremirapt.jpg">

    <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">
    <link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;500;600;700&display=swap" rel="stylesheet"> 
</head>
<body class="hidden hidden-ball smooth-scroll" data-primary-color="#f33a3a">
	<main>		
        <div class="preloader-wrap" data-firstline="It's" data-secondline="fast!">
            <div class="outer">
                <div class="inner">                    
                    <div class="trackbar">
                    	<div class="preloader-intro">Hey👋</div>
                        <div class="loadbar"></div>
                    </div>
                    <div class="percentage-intro">Preparing some stuff for you</div>
                    <div class="percentage-wrapper"><div class="percentage" id="precent"></div></div>                     
                </div>
            </div>
        </div>
        <div class="cd-index cd-main-content">
        <div id="page-content" class="light-content" data-bgcolor="#141414">
            <div id="content-scroll">
                <div id="main">
                    <div id="hero">
                        <div id="hero-styles">
                            <div id="hero-caption" class="parallax-onscroll text-align-center1">
                                <div class="inner">
                                	<h1 class="hero-title"><span>I'm André Mira</span> <span>Product Designer</span></h1>
                                    <h5 class="hero-subtitle"><span>Focused in Design Systems | Design Ops | Automotive UX</span></h5>                                                                
                                </div>
                            </div>                                     
                        </div>
                        <div id="hero-footer">
                            <div class="hero-footer-center" style="opacity: 1; transform: translate3d(0px, 0px, 0px);">
                                <div class="button-wrap left disable-drag scroll-down">
                                    <div class="icon-wrap parallax-wrap">
                                        <div class="button-icon parallax-element">
                                            <i class="fa fa-angle-down"></i>
                                        </div>
                                    </div>
                                    <div class="button-text sticky left"><span data-hover="Scroll or drag to navigate">Scroll or drag to navigate</span></div> 
                                </div>
                            </div>
                        </div>
                    </div>                      
                    <div id="main-content">     
                        <div class="vc_row white-section change-header-color row_padding_bottom">
                            <hr><hr><hr><hr>                                                  
                            <div class="one_half">
                                <h2 style="color:white;">Short Bio</h2>                                
                            </div>
                            <hr><hr>
                            <p class="text-align-left">👶Born in 1990. In love with technology since the 2000. 🖥️ > 🎮 > 💻 > 📱</p>
                            <p class="text-align-left">🚗 Petrolhead & proud 90's sports cars owner.</p>
                            <p class="text-align-left">Currently Lead Product Designer at <a href="https://www.linkedin.com/company/dxspark/mycompany/" target="_blank">DXspark</a> and evangelist of top notch digital experiences. </p>
                            <p class="text-align-left">Now&nbsp;in&nbsp;love with Automotive UX and the future of technology in the car industry.</p>
                        </div>
                        <div class="vc_row white-section change-header-color row_padding_bottom">
                            <hr><hr><hr><hr>                                                  
                            <div class="one_half">
                                <h2 style="color:white;">Companies I've Worked With</h2>                                
                            </div>
                            <hr><hr>
                            <div class="vc_row">
                                <!-- Clients Table --> 
                                <ul class="clients-table has-animation animated" data-delay="10" style="opacity: 1; transform: translate3d(0px, 0px, 0px);">                        
                                    <a href="https://www.linkedin.com/company/faurecia-aptoide-automotive/" target="_blank"><li class="link has-animation animated" data-delay="150" style="opacity: 1; transform: translate3d(0px, 0px, 0px);"><img src="images/companies/FaureciaAptoide.png" alt="Faurecia Aptoide"></li></a>
                                    <a href="https://www.linkedin.com/company/dpdgroup/" target="_blank"><li class="link has-animation animated" data-delay="200" style="opacity: 1; transform: translate3d(0px, 0px, 0px);"><img src="images/companies/DPD.png" alt="DPD"></li></a>
                                    <a href="https://www.linkedin.com/company/carris/" target="_blank"><li class="link has-animation animated" data-delay="250" style="opacity: 1; transform: translate3d(0px, 0px, 0px);"><img src="images/companies/Carris.png" alt="Carris"></li></a>
                                    <a href="https://www.linkedin.com/company/banco-bai/" target="_blank"><li class="link has-animation animated" data-delay="300" style="opacity: 1; transform: translate3d(0px, 0px, 0px);"><img src="images/companies/BancoBAI-Angola.png" alt="Banco BAI - Angola"></li></a>
                                    <a href="https://www.linkedin.com/company/credito-agricola-seguros/" target="_blank"><li class="link has-animation animated" data-delay="150" style="opacity: 1; transform: translate3d(0px, 0px, 0px);"><img src="images/companies/CASeguros.png" alt="CA Seguros"></li></a>
                                    <a href="https://www.linkedin.com/company/epal/" target="_blank"><li class="link has-animation animated" data-delay="200" style="opacity: 1; transform: translate3d(0px, 0px, 0px);"><img src="images/companies/EPAL.png" alt="EPAL"></li></a>
                                    <a href="https://www.ine.pt/" target="_blank"><li class="link has-animation animated" data-delay="250" style="opacity: 1; transform: translate3d(0px, 0px, 0px);"><img src="images/companies/INE.png" alt="Instituto Nacional de Estatística"></li></a>
                                    <a href="https://www.linkedin.com/company/football-ism" target="_blank"><li class="link has-animation animated" data-delay="300" style="opacity: 1; transform: translate3d(0px, 0px, 0px);"><img src="images/companies/ISM.png" alt="Football ISM"></li></a>                        
                                </ul>
                                <!--/Clients Table -->                                
                            </div>
                        </div>
                        <div class="vc_row white-section change-header-color row_padding_bottom">
                            <hr><hr><hr><hr>                                                  
                            <div class="one_half">
                                <h2 style="color:white;">Awards & Recognitions</h2>                                
                            </div>
                            <hr><hr>   
                            <div class="one_half">
                                <p class="has-animation">Umbraco Award for <a href="https://umbraco.com/blog/umbraco-awards-2021/#:~:text=Best%20Certified%20Partner%20Solution" target="_blank">Best Certified Partner Solution 2021</a></p>
                                <hr class="white-line has-animation">
                                <p class="has-animation">Umbraco Award for <a href="https://umbraco.com/blog/umbraco-awards-2021/#:~:text=Best%20Public%20Sector%20Solution" target="_blank">Best Public Sector Solution 2021</a></p>
                                <hr class="white-line has-animation">                            
                            </div>
                        </div>
                        <div class="vc_row white-section change-header-color row_padding_bottom">
                            <hr><hr><hr><hr>                                                  
                            <div class="one_half">
                                <h2 style="color:white;">Articles</h2>                                
                            </div>
                            <hr><hr>   
                            <div class="one_half">
                                <p class="has-animation"><a href="https://acmpt.medium.com/o-amigo-secreto-e-invis%C3%ADvel-dos-produtos-digitais-6c66d774105a" target="_blank">O amigo secreto (e invisível) dos produtos digitais // PT-PT</a></p>                     
                            </div>
                        </div>      
                        <div class="vc_row white-section change-header-color row_padding_bottom">
                            <hr><hr><hr><hr>                                                  
                            <div class="one_half">
                                <h2 style="color:white;">Skill Stack</h2>                                
                            </div>
                            <hr><hr>   
                            <div class="one_half">
                                <p class="has-animation">Figma ❤️</p>
                                <hr class="white-line has-animation">
                                <p class="has-animation">Miro</p>
                                <hr class="white-line has-animation">
                                <p class="has-animation">Notion</p>
                                <hr class="white-line has-animation">
                                <p class="has-animation">Storybook</p>
                                <hr class="white-line has-animation">                                
                            </div>
                            <div class="one_half last">
                                <p class="has-animation">Design Systems</p>
                                <hr class="white-line has-animation">
                                <p class="has-animation">Scrum & Agile</p>
                                <hr class="white-line has-animation">
                                <p class="has-animation">HTML</p>
                                <hr class="white-line has-animation">
                                <p class="has-animation">CSS</p>
                                <hr class="white-line has-animation">
                            </div>
                        </div>
                        <div id="page-nav">
                            <div class="next-page-wrap">
                                <div class="next-page-title">
                                    <div class="inner">                                        
                                        <div class="page-title-wrapper has-animation text-align-center">
                                            	<div class="next-hero-title"><span>Connect with me on</span></div>
                                    			<div class="next-hero-subtitle"><span><a href="https://www.linkedin.com/in/acmpt/" target="_blank"> LinkedIn </a>|<a href="https://twitter.com/acmiraa" target="_blank"> Twitter </a>|<a href="https://github.com/acmpt" target="_blank"> GitHub </a>|<a href="https://dribbble.com/acmpt" target="_blank"> Dribbble </a>|<a href="https://www.figma.com/@acmpt" target="_blank"> Figma Community </a>|<a href="https://app.uxcel.com/ux/T6JADX84YG03?utm_source=share-profile" target="_blank"> UXcel </a></span></div>
                                        </div>
                                    </div>                   
                                </div>
                            </div>
                        </div>             
                    </div>
                </div>
        	</div>
            <div id="app"></div>
		</div>    
		</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=AIzaSyCpK1sWi3J3EbUOkF_K4-UHzi285HyFX5M&sensor=false"></script>
	<script src="js/clapatwebgl.js"></script>
	<script src="js/plugins.js"></script>
    <script src="js/scripts.js"></script>
</body>
</html>