CINXE.COM
How we made working 100% remotely work for us
<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="csrf-token" content="ZgnPj5WJ50asRiBFnNLDC4o0sxx5xplCCfiRcfJ0"> <title>How we made working 100% remotely work for us</title> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Article", "name": "How we made working 100% remotely work for us", "description": "How did we manage the transition and what made it successful for us?", "image": "https://updivision.com/storage/uploads/posts/28eb279bc02da87f66e7b89835a3eff3.jpg" } </script> <meta name="description" content="How did we manage the transition and what made it successful for us?"> <meta itemprop="name" content="How we made working 100% remotely work for us"> <meta itemprop="description" content="How did we manage the transition and what made it successful for us?"> <meta itemprop="image" content="https://updivision.com/storage/uploads/posts/28eb279bc02da87f66e7b89835a3eff3.jpg"> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@updivision"> <meta name="twitter:url" content="https://updivision.com/blog/post/how-we-made-working-100-remotely-work-for-us"> <meta name="twitter:title" content="How we made working 100% remotely work for us"> <meta name="twitter:description" content="How did we manage the transition and what made it successful for us?"> <meta name="twitter:creator" content="@updivision"> <meta name="twitter:image" content="https://updivision.com/storage/uploads/posts/28eb279bc02da87f66e7b89835a3eff3.jpg"> <meta name="keywords" content="company culture, remote work, working remotely, distributed teams, remote teams"> <meta property="og:url" content="https://updivision.com/blog/post/how-we-made-working-100-remotely-work-for-us"/> <meta property="og:title" content="How we made working 100% remotely work for us"/> <meta property="og:description" content="How did we manage the transition and what made it successful for us?"/> <meta property="fb:app_id" content="144048456292977"/> <meta property="og:type" content="article"/> <meta property="og:image" content="https://updivision.com/storage/uploads/posts/28eb279bc02da87f66e7b89835a3eff3.jpg"/> <link href="https://updivision.com/vendor/backpack/ckeditor/plugins/codesnippet/lib/highlight/styles/zenburn.css" rel="stylesheet"> <link rel="icon" type="image/png" href="https://updivision.com/images/favicon.png"> <!-- Google Tag Manager --> <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-TJKP38K'); </script> <!-- End Google Tag Manager --> <!-- cookiebot --> <script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="084bbab7-9760-4daf-8234-4835422058f7" data-blockingmode="auto" data-consentmode="disabled" type="text/javascript"></script> <!-- Facebook Pixel Code --> <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window,document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '1969596456486032'); fbq('track', 'PageView'); </script> <noscript> <img height="1" width="1" src="https://www.facebook.com/tr?id=1969596456486032&ev=PageView &noscript=1"/> </noscript> <!-- End Facebook Pixel Code --> <!-- Laravel MIX css--> <link rel="stylesheet" type="text/css" href="https://updivision.com/css/jquery.bxslider.min.css"> <link rel="stylesheet" type="text/css" href="/css/app.css?id=2f0fc6a0a6f6021649e20d8b2a535898"> <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/> </head> <body data-spy="scroll" data-target="#myScrollspy" data-offset="15" class="lang-en" > <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TJKP38K" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div class="container-fluid video-background" style=" background-image: url(https://updivision.com/storage/uploads/posts/192d152b99c06c4883401f58e13520d2.jpg); background-size: auto 100%; " > <div class="top-section"> <nav class="navbar navbar-default my-navbar"> <div class="container top-container"> <div class="navbar-header"> <button type="button" id="main-menu" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-top-navbar" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar icon-bar-1"></span> <span class="icon-bar icon-bar-2"></span> <span class="icon-bar icon-bar-3"></span> </button> <a class="navbar-brand" href="https://updivision.com" title="UPDIVISION"> <img src="https://updivision.com/images/homepage/logo-white.svg" title="UPDIVISION" alt="UPDIVISION"> </a> </div> <div class="collapse navbar-collapse" id="bs-top-navbar"> <ul class="nav navbar-nav navbar-right"> <li class="dropdown first-row-item hide-on-mobile mb-3"> <a href="#" class="dropdown-toggle knowledge" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><img src="/images/homepage/animations/bookmark.svg" class="menu-icon" title="Blog" alt="Blog">Knowledge</a> <ul class="dropdown-menu dropdown-menu-left knowledge_dropdown"> <li><a class="knowledge_item" href="https://updivision.com/blog" title="Blog"> <!-- <div class="lottie" data-animation-path="images/homepage/animations/bookmark.json" data-anim-loop="true" data-name="icon"></div> --> Blog </a> </li> <li><a class="knowledge_item" href="https://updivision.com/resources" title="Resources"> Resources</a> </li> <li><a class="subscribe-toggle-site knowledge_item" href="#" title="Newsletter"> Newsletter</a> </li> <li> <a class="knowledge_item" href="https://updivision.com/guest-posts" title="Write for us">Write for us</a> </li> </ul> </li> <li class="dropdown first-row-item hide-on-mobile careers"> <a href="https://updivision.com/careers" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" title="Careers"> <img src="/images/homepage/animations/star.svg" class="menu-icon" title="Careers" alt="Careers"> Careers </a> <ul class="dropdown-menu dropdown-menu-left careers_dropdown"> <li><a class="knowledge_item" href="https://updivision.com/careers?variable=tech" title="Technical"> Technical</a> </li> <li> <a class="knowledge_item" href="https://updivision.com/careers?variable=non-tech" title="Non-technical">Non-technical</a> </li> </ul> </li> <li class="dropdown first-row-item hide-on-mobile mb-3 free_stuff"> <a href="#" class="dropdown-toggle knowledge" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><img src="/images/homepage/animations/heart_1.svg" class="menu-icon" title="Blog" alt="Blog">Free stuff</a> <ul class="dropdown-menu dropdown-menu-left"> <li><a href="https://updivision.com/product-roadmap" title="Free product roadmap"> Free product roadmap </a> </li> <li><a href="https://updivision.com/free-ui-ux-app-assessment" title="Free UI/UX assessment"> Free UI/UX assessment</a> </li> <li> <a href="https://updivision.com/build-team" title="Get software talent CVs"> Get software talent CVs</a> </li> </ul> </li> <li class="desktop_break"><br /></li> <li class="show-on-mobile"><a href="https://updivision.com" title="UPDIVISION">Home</a></li> <li id="what_we_do" class="dropdown"> <a href="#" id="what_we_do_link" role="button" aria-haspopup="true" aria-expanded="false">What we do<img class="down-arrow" src="https://updivision.com/images/homepage/down-arrow.svg" alt=""></a> <ul id="parent_menu" class="dropdown-menu dropdown-menu-left"> <li id="services" class="dropdown-submenu"> <a href="#" class="dropdown-toggle on_mobile" id="services_link" tabindex="-1">Services</a> <a href="https://updivision.com/services" class="dropdown-toggle on_desktop" tabindex="-1">Services</a> <ul id="submenu" class="dropdown-menu"> <li class="dropdown-item"><a href="https://updivision.com/services" tabindex="-1" title="Get your software built">Get your software built</a></li> <li class="dropdown-item"><a href="https://updivision.com/services-devs" tabindex="-1" title="Get devs & teams">Get devs & teams</a></li> <li class="dropdown-item"><a href="https://updivision.com/services-ux" tabindex="-1" title="Get UI/UX">Get UI/UX</a></li> </ul> </li> <li><a href="https://updivision.com/products" title="Products">Products</a></li> <li><a href="https://updivision.com/technology" title="Technologies">Technologies</a> </li> <li><a href="https://updivision.com/opensource" title="Open Source">Open Source</a> </li> <li><a href="https://updivision.com/industries" title="Industries">Industries</a> </li> </ul> </li> <li class="dropdown second-row-item"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Portfolio<img class="down-arrow" src="https://updivision.com/images/homepage/down-arrow.svg" alt=""></a> <ul class="dropdown-menu dropdown-menu-left"> <li><a href="https://updivision.com/portfolio" title="Projects">Projects</a> </li> <li><a class="more-padding" href="https://updivision.com/testimonials" title="Testimonials">Testimonials</a></li> </ul> </li> <li class="dropdown second-row-item"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">About<img class="down-arrow" src="https://updivision.com/images/homepage/down-arrow.svg" alt=""></a> <ul class="dropdown-menu dropdown-menu-left"> <li><a href="https://updivision.com/ourstory" title="Story">Story</a> </li> <li><a href="https://updivision.com/team" title="Team">Team</a></li> <li><a href="https://updivision.com/values" title="Values">Values</a> </li> <li><a href="/press-kit" title="Press Kit">Press Kit</a></li> <li><a href="https://updivision.com/faq" title="FAQ">FAQ</a></li> <li class="nav-item-to-show"><a href="https://updivision.com/contact" title="Contact">Contact</a></li> </ul> </li> <li class="second-row-item"><a href="https://updivision.com/contact" title="Contact">Contact</a></li> <li class="dropdown show-on-mobile"> <a class="dropdown-toggle knowledge" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" title="Blog">Knowledge</a> <ul class="dropdown-menu dropdown-menu-left knowledge_dropdown"> <li><a href="https://updivision.com/blog" title="Blog"> <!-- <div class="lottie" data-animation-path="images/homepage/animations/bookmark.json" data-anim-loop="true" data-name="icon"></div> --> Blog </a> </li> <li><a href="https://updivision.com/resources" title="Resources"> Resources</a> </li> <li><a class="subscribe-toggle-site" href="#" title="Newsletter"> Newsletter</a> </li> <li><a href="https://updivision.com/guest-posts" title="Write for us"> Write for us</a> </li> </ul> </li> <li class="show-on-mobile"><a class="subscribe-toggle-site" href="#" title="Newsletter">Newsletter</a></li> <li class="dropdown first-row-item show-on-mobile"> <a href="https://updivision.com/careers" class="dropdown-toggle item_padding" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" title="Careers"> Careers </a> <ul class="dropdown-menu dropdown-menu-left careers_dropdown"> <li><a class="knowledge_item" href="https://updivision.com/careers?variable=tech" title="Technical"> Technical</a> </li> <li> <a class="knowledge_item" href="https://updivision.com/careers?variable=non-tech" title="Non-technical">Non-technical</a> </li> </ul> </li> <li class="dropdown show-on-mobile"> <a class="dropdown-toggle knowledge" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" title="Blog">Free stuff</a> <ul class="dropdown-menu dropdown-menu-left knowledge_dropdown"> <li><a href="https://updivision.com/product-roadmap" title="Free product roadmap"> Free product roadmap </a> </li> <li><a href="https://updivision.com/free-ui-ux-app-assessment" title="Free UI/UX assessment"> Free UI/UX assessment</a> </li> <li> <a href="https://updivision.com/build-team" title="Get software talent CVs"> Get software talent CVs</a> </li> </ul> </li> </ul> </div> </div> </nav> <div class="container top-container"> <div class="intro post"> <div class="col-md-8 intro-text"> <h1>How we made working 100% remotely work for us</h1> </div> </div> </div> </div> </div> <div class="container move-up"> <div class="subscribe-pop-up site" id="subscribe-pop-up"> <div class="close-pop"><i class="fa fa-close"></i></div> <div class="content"> <iframe id="JotFormIFrame-223491411808353" class="JotFormIFrame" title="Monthly Newsletter" allowtransparency="true" allowfullscreen="true" allow="geolocation; microphone; camera" src="https://form.jotform.com/223491411808353?condition=modal" frameborder="0" style=" min-width: 100%; border:none;" scrolling="no" > </iframe> </div> </div> <div class="post-section"> <div class="subscribe-pop-up blog" id="subscribe-pop-up"> <div class="close-pop"><i class="fa fa-close"></i></div> <div class="content"> <iframe id="JotFormIFrame-223493576685370" class="JotFormIFrame" title="Blog Newsletter" allowtransparency="true" allowfullscreen="true" allow="geolocation; microphone; camera" src="https://form.jotform.com/223493576685370" frameborder="0" style=" min-width: 100%; border:none;" scrolling="no" > </iframe> </div> </div> <div class="top-info"> <a href="https://updivision.com" title="Updivision - Blog"> BACK </a> <p class="info-blog">February 25th, 2022, posted in <span class="tag">for_founders, our_people</span><br> by Saiona </p> <a class="subscribe subscribe-toggle" href="#" title="Updivision - Subscribe">Subscribe</a> </div> <div class="top-info buttons"> <a href="https://updivision.com/blog" title="Updivision - Blog">Back to blog</a> <a class="subscribe subscribe-toggle" href="#" title="Updivision - Subscribe">Subscribe</a> </div> <div class="main-section"> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 18px; font-family: Arial; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Many companies, UPDIVISION included, transitioned to fully remote teams in 2020 because of the pandemic. Even for industries like software development, where working from home is common, this still came with some changes. So, how did we manage the transition and what made it successful for us? </span></p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"> </p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 18px; font-family: Arial; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">So successful in fact, that we continue working remotely in 2022 and we plan on moving forward in a similar manner. All in all, working remotely contributed to our growth as a team and as a company.</span></p> <p><span style="font-size: 18px;"><strong id="docs-internal-guid-bcf43c07-7fff-fc75-611f-6d14477eff1b" style="font-weight: normal;"><br /><br /></strong></span></p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 30px; font-family: Arial; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; color: #2dc26b;">Transitioning to long-term remote work. Our story</span></p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"> </p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 18px; font-family: Arial; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">As a company building custom web and mobile apps for clients from all over the world, remote work has always been, in a way, a part of our daily life. Working with clients from various countries and in different time zones made us acutely aware of how important good communication habits are. As our company grew, we also established a few sales teams in the U.S., Australia, Belgium and, most recently, Germany. This helped us gain more insight into managing remote teams and what this entails in the long run. </span></p> <p><span style="font-size: 18px;"><strong style="font-weight: normal;"> </strong></span></p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 18px; font-family: Arial; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Last but not least, an important part of our services consists in scaling development teams. Companies come to us to increase their existing manpower with additional developers, testers, designers, or project managers. Being part of various technical teams throughout the years, each with their own background and dynamic, has taught us a lot about flexibility and adaptability, two key ingredients in distributed teams. </span></p> <p><span style="font-size: 18px;"><strong style="font-weight: normal;"> </strong></span></p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 18px; font-family: Arial; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Therefore, although we transitioned to a fully remote team fairly recently, there certainly were a few important stepping stones along the way. These provided us with some core best practices. Ultimately, these best practices allowed us to not only make the transition smoother, but to also grow in this new environment.</span></p> <p><span style="font-size: 18px;"><strong style="font-weight: normal;"> </strong></span></p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 18px; font-family: Arial; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">These best practices consist in transparency, communication, security and accountability. </span></p> <p><span style="font-size: 18px;"><strong style="font-weight: normal;"> </strong></span></p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 18px; font-family: Arial; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; color: #2dc26b;">Transparency</span></p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 18px; font-family: Arial; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Being transparent about tasks, responsibilities, delays or blockers is important in any team, but it becomes crucial once everyone is working from home. More on the tools we use to keep things transparent in the following sections. </span></p> <p><span style="font-size: 18px;"><strong style="font-weight: normal;"> </strong></span></p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 18px; font-family: Arial; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; color: #2dc26b;">Communication </span></p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 18px; font-family: Arial; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">From regular all-team meetings to one-on-ones, keeping everyone in the loop is a must. This makes people feel heard and reminds them that they are part of a team. We hold weekly all-team meetings where we talk about what we accomplished the previous week and we thank colleagues who helped us out. Once every three months we have one-on-one meetings with team managers. You can read more on our processes in the next sections. </span></p> <p> </p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 18px; font-family: Arial; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; color: #2dc26b;">Security</span></p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 18px; font-family: Arial; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Security is particularly important when accessing data from home. From implementing two-factor authentication to <a href="https://cybernews.com/best-password-managers/" target="_blank" rel="noopener">using a password manager</a>, there are ways to manage security issues when working remotely. We`ve included security training as part of our transition towards a fully remote work environment. </span></p> <p> </p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 18px; font-family: Arial; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; color: #2dc26b;">Accountability </span></p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 18px; font-family: Arial; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Accountability is as much a matter of company culture (setting clear expectations, creating a work from home policy etc.), as of individual traits. Hiring people who take responsibility for their work and performance is key for a successful remote team. Not everyone can work in a fully remote environment, that's why it's important to tailor your recruitment strategy to finding the right people, as we`ll see next. </span></p> <p><span style="font-size: 18px;"><strong style="font-weight: normal;"><br /><br /></strong></span></p> <p> </p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 30px; font-family: Arial; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; color: #2dc26b;">The three ingredients for a successful remote team</span></p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"> </p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 18px; font-family: Arial; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">In making the transition to a fully remote team, we`ve found there are three important ingredients which can make or break any remote work setup. These are the people, the tools and the processes.</span></p> <p><span style="font-size: 18px;"><strong style="font-weight: normal;"> </strong></span></p> <p><span style="font-size: 18px;"><strong style="font-weight: normal;"><img style="display: block; margin-left: auto; margin-right: auto;" src="https://i.imgur.com/LkG3XRC.png" alt="" width="400" height="375.76" /></strong></span></p> <p> </p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 24px; font-family: Arial; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; color: #2dc26b;">1.) The people</span></p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 18px; font-family: Arial; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Obviously, the people. You can't have a remote team without the team. But what makes someone fit for remote work? And how can you model your recruitment strategy to attract the right fit? </span></p> <p><span style="font-size: 18px;"><strong style="font-weight: normal;"> </strong></span></p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 18px; font-family: Arial; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">By the time we started working 100% remotely, most of our colleagues already had at least some experience with distributed teams: attending remote dailies with clients and working part-time or full-time as part of client in-house teams. This helped a lot when we started hiring for our own fully remote positions and enabled us to see some common patterns. </span></p> <p><span style="font-size: 18px;"><strong style="font-weight: normal;"> </strong></span></p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 18px; font-family: Arial; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; color: #2dc26b;">In our experience, great remote employees tend to have these things in common: </span></p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"> </p> <ul> <li dir="ltr" style="line-height: 1.38;" role="presentation"><span style="font-size: 18px;"><span style="font-family: Arial; background-color: transparent; font-weight: 400; font-style: italic; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">they are self-reliant and proactive</span><span style="font-family: Arial; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">: they don`t wait for things to be handed to them and are able to think outside of a task list, if needed.</span></span></li> </ul> <p> </p> <ul> <li dir="ltr" style="line-height: 1.38;" role="presentation"><span style="font-size: 18px;"><span style="font-family: Arial; background-color: transparent; font-weight: 400; font-style: italic; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">they have an innate sense of what's important or urgent</span><span style="font-family: Arial; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> - sometimes, when working remotely, especially in a fast-paced environment like a start-up, priorities can be unclear. In this case, you`ll want someone who can focus on what's important and ignore anything less impactful.</span></span></li> </ul> <p> </p> <ul> <li dir="ltr" style="line-height: 1.38;" role="presentation"><span style="font-size: 18px;"><em>they have a contracting, freelance or start-up background</em><span style="font-family: Arial; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><em>: </em>while it`s not mandatory, we found this to be true time and time again. People with a contracting or freelance background are more adapted to long-term remote work. In fact, more than half of our team members come from such backgrounds.</span></span></li> </ul> <p> </p> <ul> <li dir="ltr" style="line-height: 1.38;" role="presentation"><span style="font-size: 18px;"><em>they are good at writing:</em> <span style="font-family: Arial; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">working in a remote team means a lot of writing, be it emails, team chat or private messages. It's important to convey your message clearly, while also keeping it friendly. In fact, we`ve found writing skills to be so important that we've created a framework called </span><a style="text-decoration: none;" href="https://github.com/the-whole-fruit/manifesto/blob/master/goodies/one_more_framework.md" target="_blank" rel="noopener"><span style="font-family: Arial; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">ONE=MOR</span></a><span style="font-family: Arial; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> part of the </span><a style="text-decoration: none;" href="https://writingfordevs.com/" target="_blank" rel="noopener"><span style="font-family: Arial; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">The Whole Fruit Manifesto</span></a></span><span style="font-family: Arial; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><span style="font-size: 18px;">. This is designed to help software developers communicate better in writing and make them aware how writing can help them in their career.</span> </span></li> </ul> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"> </p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"> </p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 18px; font-family: Arial; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; color: #2dc26b;">So how do you attract such people?</span></p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"> </p> <ul> <li dir="ltr" style="line-height: 1.38;" role="presentation"><span style="font-size: 18px;"><a style="text-decoration: none;" href="/careers" target="_blank" rel="noopener"><span style="font-family: Arial; background-color: transparent; font-weight: 400; font-style: italic; font-variant: normal; text-decoration: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">write a good remote job post</span></a><span style="font-family: Arial; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">: this might sound like a no-brainer, but make it clear from the start that it is a remote position. Specify if it's fully remote or not. Avoid generic openings and try to tailor it as much as possible to the position at hand. Include company benefits that a remote employee would appreciate and maybe even mention how onboarding will be done. This will reassure candidates that, if they do get hired, they will be fully supported in adjusting to their new workplace, even while working remotely. </span></span></li> </ul> <p> </p> <p><img style="display: block; margin-left: auto; margin-right: auto;" src="https://i.imgur.com/Gmc6AhV.png" alt="" /></p> <p> </p> <ul> <li dir="ltr" style="line-height: 1.38;" role="presentation"><span style="font-size: 18px;"><span style="font-family: Arial; background-color: transparent; font-weight: 400; font-style: italic; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ask behavioral interview questions</span><span style="font-family: Arial; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">: let's say you've noticed that a common trait among good remote employees is proactivity. During the interview, ask the candidate to describe a situation when they exhibited this trait. For example: “We can sometimes recognize a small problem and fix it before it becomes a major problem. Give an example of how you acted to prevent a larger problem from occurring.”</span></span></li> </ul> <p> </p> <ul> <li dir="ltr" style="line-height: 1.38;" role="presentation"><span style="font-size: 18px;"><em>look in the right places</em><span style="font-family: Arial; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><em>:</em> simply posting ads on remote job boards runs the risk of attracting people who are only interested in working from home. They might not care about the position and not even be qualified for it. That's why, when hiring for remote positions, it's important to diversify your channels. Recommendations and word of mouth are best, but you can also engage potential candidates through your social media and even your company blog. </span></span></li> </ul> <p> </p> <p> </p> <p> </p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 24px; font-family: Arial; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; color: #2dc26b;">2.) The tools</span></p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 18px; font-family: Arial; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Tools are vital in keeping everyone on the same pages and allowing them to collaborate in a remote team. We use an ecosystem of tools to make remote work easy for everyone involved. Here are the ones we rely on most in our daily work. </span></p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"> </p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"> </p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 18px; color: #2dc26b;"><span style="font-family: Arial; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Communication</span><span style="font-family: Arial; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> </span></span></p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 18px; font-family: Arial; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">We use Discord as our virtual office. This is where we talk about ongoing projects, reach out for help or advice and decompress after a long day. We usually have separate chats for each project, where we post all project-related information, from client communication and documents to related files and links. We also have dedicated channels like #cookiejar where we share useful dev resources and articles on technology or #autobaza where we react to memes and post funny stuff.</span></p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"> </p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 18px; font-family: Arial; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">For video conferencing and team met-ups, we use Google Meet. We`ve tried a few solutions, such as Skype or Zoom, but we settled on Meet since it integrates with the entire G-suite. </span></p> <p> </p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 18px; font-family: Arial; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; color: #2dc26b;">Project management</span></p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 18px; font-family: Arial; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Keeping track of tasks in a transparent way is a must when working remotely and ClickUp allows us to do just that. You can easily reorder tasks in your Kanban board, include additional status columns and even add an estimate for each task. Team members can add comments for each task, assign tasks, share documents and receive notifications for any changes. </span></p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"> </p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 18px; font-family: Arial; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">For project time-tracking we use Toggl, where each team member can add the time they spent working on a specific project. Toggl makes it easy to switch between tasks and edit time if necessary. </span></p> <p> </p> <p><img src="https://i.imgur.com/TqkkAWd.png" alt="" /></p> <p style="text-align: center;"><span style="font-size: 13px;">Source: https://clickup.com/features</span></p> <p> </p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 18px; font-family: Arial; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; color: #2dc26b;">Password management</span></p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 18px;">Data security is important when working from home, especially when accessing client data. </span><span style="font-size: 18px; font-family: Arial; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Keeper Password Manager and Digital Vault allows us to securely share passwords among team members. For example, you can share a login without making the password visible, revoke sharing or even make the recipient an owner of the item. </span></p> <p> </p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 18px; font-family: Arial; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; color: #2dc26b;">Cloud storage</span></p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 18px; font-family: Arial; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">When working remotely, you need a way to offer team members and collaborators access to important documents and files. Some of these are too large or too sensitive to be sent via email. That's why we use Google Drive as our file storage platform. Most of our clients also use Google Drive, so this makes collaborating with them in real-time a lot easier. </span></p> <p> </p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 18px; font-family: Arial; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; color: #2dc26b;">Development</span></p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 18px; font-family: Arial; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">GitHub houses all our code, pull requests and open issues. All work is done via the cloud platform, so as we make changes to our projects locally, we keep them up-to-date in our remote repositories as well. </span></p> <p><span style="font-size: 18px;"><strong style="font-weight: normal;"><br /><br /><br /></strong></span></p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 24px; font-family: Arial; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; color: #2dc26b;">3.) The processes</span></p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 18px; font-family: Arial; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">The third key element in making working remotely work for you is the processes you put in place. Processes don`t have to be something rigid or abstract, you can think of them as a framework for how you work or as the structure which sustains your daily work. </span></p> <p> </p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 18px; font-family: Arial; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; color: #2dc26b;">Dailies</span></p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 18px; font-family: Arial; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">We work in Agile teams, so dailies are an important part of our workflow. We use dailies as an opportunity to get together on a regular basis and coordinate our activities. To organize our tasks we use a priority matrix template. Each task can be either: important and urgent, important and not urgent, not important and urgent and not important and not urgent. This is also called the Eisenhower Matrix Template. </span><span style="font-size: 18px;"><strong style="font-weight: normal;"><br /></strong></span></p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"> </p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"> </p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 18px; font-family: Arial; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; color: #2dc26b;">Weekly all-team meetings</span></p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 18px; font-family: Arial; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Every Friday, we have an all-team meeting where we discuss what we achieved during the week and thank team members who helped us with anything from code review to good advice. Sometimes, we also share fun stuff we plan to do during the weekend or movie recommendations. Occasionally, these meetings end up with everyone playing Mario Kart :) Weekly all-team meetings are a way to keep everyone in the loop on projects, while also enjoying a bit of peer recognition. </span></p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"> </p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"> </p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 18px; font-family: Arial; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; color: #2dc26b;">One-on-ones</span></p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 18px; font-family: Arial; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Every three months, we hold one-on-one meetings with team managers. For us, one-on-ones are more than just about getting feedback from your supervisor. We think they're also a great learning opportunity and a way to help everyone see things more clearly. That's why our one-on-ones follow the “stop, start, keep” format. Each person discusses bad work habits they would like to stop engaging in, things they would like to start doing at their job and things which have turned out great and they would like to keep doing. </span></p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"> </p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"> </p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 18px; font-family: Arial; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; color: #2dc26b;">Monthly developer meetings</span></p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 18px; font-family: Arial; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">We believe in a culture of accountability and learning. Everyone is accountable for their work and everyone learns something from everyone else. Developer meetings are for us a great way to exchange hard-earned lessons, share technical challenges we've overcome, latest news and industry insights. We usually prepare a list of topics in advance in a shared document all developers can contribute to. Each person decides what they would like to talk about. Sometimes we also host workshops, where a developer presents a new technology they`ve been getting familiar with. </span></p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 18px; font-family: Arial; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> </span></p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"> </p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 18px; font-family: Arial; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; color: #2dc26b;">Frameworks</span></p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 18px; font-family: Arial; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">The best way to master something is to put it into a system. Once you are able to explain how something works in a systematic way, it means you are walking on solid ground. To this end, we`ve created several frameworks to guide us in our daily work and to give clients a good understanding of what we do and how we do it. These frameworks concern writing, UI/UX design and building an MVP. </span></p> <p><span style="font-size: 18px;"><strong style="font-weight: normal;"> </strong></span></p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 18px;"><a style="text-decoration: none;" href="https://github.com/the-whole-fruit/manifesto/blob/master/goodies/one_more_framework.md" target="_blank" rel="noopener"><span style="font-family: Arial; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">ONE=MOR Framework</span></a><span style="font-family: Arial; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> - a set of guidelines for writing effectively designed to help developers communicate better.</span></span></p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"> </p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"> </p> <p><span style="font-size: 18px;"><strong style="font-weight: normal;"><img src="https://i.imgur.com/zAKgWRl.png" alt="" /><br /></strong></span></p> <p> </p> <p> </p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 18px;"><a style="text-decoration: none;" href="/blog/post/introducing-ufos-the-undeniable-proof-that-good-ux-is-out-here" target="_blank" rel="noopener"><span style="font-family: Arial; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">UFO Framework</span></a><span style="font-family: Arial; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> - a UI/UX framework explaining how the UI/UX process works, what to expect and how to build great apps. The kind your users deserve. </span></span></p> <p><span style="font-size: 18px;"><strong style="font-weight: normal;"> </strong></span></p> <p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 18px;"><a style="text-decoration: none;" href="/blog/post/mind-the-dev-gap-how-we-can-help-you-go-from-idea-to-app-in-5-steps" target="_blank" rel="noopener"><span style="font-family: Arial; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;">MVP Framework</span></a><span style="font-family: Arial; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> - the framework details the five steps of building an MVP: first impression evaluation, product discovery, technical solution and MVP estimates, MVP project planning, coding the MVP and continuous development.</span></span></p> <p> </p> <p><br /><br /><span style="font-size: 18px;"><span style="font-family: Arial; background-color: transparent; font-variant-numeric: normal; font-variant-east-asian: normal; vertical-align: baseline; white-space: pre-wrap;">Looking for a strong remote team that has experience working across technologies, time zones and countries? <a href="/contact" target="_blank" rel="noopener">Contact us</a>. </span></span></p> <p> </p> <p><a href="/build-team" target="_blank" rel="noopener"><span style="font-size: 18px;"><span style="font-family: Arial; background-color: transparent; font-variant-numeric: normal; font-variant-east-asian: normal; vertical-align: baseline; white-space: pre-wrap;"><img src="https://i.imgur.com/sNUPgCy.png" alt="Get software talent CVs for free banner" width="800" height="262" /></span></span></a></p> <p><br></p> <p><a class="subscribe-toggle" href="#">If you liked this article subscribe and get an email when we publish new, juicy stuff. We hate spammers, so we don鈥檛 spam.</a></p> </div> <div class="authors-section"> <div class="about-author"> About the author </div> <div class="media"> <div class="media-left"> <a href="https://updivision.com/blog/user/16"> <img class="media-object" src="https://updivision.com/storage//uploads/blog-users/aee240235289944f9d40a09ecab7cf8e.jpg" alt="..."> </a> </div> <div class="media-body"> <h4 class="media-heading">Saiona</h4> I play with Figma and words. UI designer by day, copywriter by background. I enjoy creating worlds in which people feel connected. Either as user experiences or as poetry and short stories. I am forever fascinated by human creativity.<br><br><a href="https://updivision.com/blog/user/16">See more articles by Saiona <i class="fa fa-angle-right"></i></a> </div> </div> </div> <div id="disqus_thread"></div> <script> (function () { var d = document, s = d.createElement('script'); s.src = 'https://updivision.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); })(); </script> <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript> <div class="more-posts"> <h2>Read more fresh blog articles</h2> <div class="row"> <div class="col-md-1 no-padding no-margin"></div> <div class="col-md-5"> <img src="https://updivision.com/storage/uploads/posts/20c1fcd3ba11627b6ac8d9a71c5553d9.jpg" title="How to build very complex software" alt="How to build very complex software"> <div class="text"> <p class="info-blog">November 13th, 2024, posted in <span class="tag">for_founders</span><br> by Adelina </p> <h3 class="class-h1 truncate-only-desktop">How to build very complex software</h3> <div class="up-btn blog-btn left"> <a class="btn btn-default " href="https://updivision.com/blog/post/how-to-build-very-complex-software" title="How to build very complex software" role="button">Read more</a> </div> </div> </div> <div class="col-md-5"> <img src="https://updivision.com/storage/uploads/posts/10e4ccf193de5da36cd4052f9c544d5d.jpg" title="We鈥檝e partnered up with PubNub to build complex real-time software" alt="We鈥檝e partnered up with PubNub to build complex real-time software"> <div class="text"> <p class="info-blog">November 4th, 2024, posted in <span class="tag">for_founders, news</span><br> by Adelina </p> <h3 class="class-h1 truncate-only-desktop">We鈥檝e partnered up with PubNub to build complex real-time software</h3> <div class="up-btn blog-btn left"> <a class="btn btn-default " href="https://updivision.com/blog/post/we-ve-partnered-up-with-pubnub-to-build-complex-real-time-software" title="We鈥檝e partnered up with PubNub to build complex real-time software" role="button">Read more</a> </div> </div> </div> </div> </div> </div> <div class="subscribe-popUp-footer site"> <div class="close-pop"><i class="fa fa-close"></i></div> <div class="content"> <h2 class="sub-message site"></h2> <div class="sub-error footer"></div> </div> </div> <div id="footer" class="footer"> <div class="bg-black"> <div class="first_section"> <div class="row footer-row"> <div class="col-md-12 links-sections"> <div class="row"> <div class="col-xs-12 col-sm-3 col-md-2 info-section"> <div class="left-footer"> <div> <div> <img class="btm-logo" src="https://updivision.com/images/homepage/logo-white.svg" alt="Updivision - logo"><br> </div> <div> <p class="left-footer_title">Follow us on:</p> <ul class="left-footer_list"> <li> <a href="https://www.linkedin.com/company/updivision" title="UPDIVISION LinkedIn" target="_blank"><img src="https://updivision.com/images/footer/linkedin.svg" title="linkedin" alt="linkedin"></a><br> </li> <li> <a href="https://www.facebook.com/updivision/" title="UPDIVISION Facebook" target="_blank"><img src="https://updivision.com/images/footer/facebook.svg" title="facebook" alt="facebook"></a><br> </li> <li> <a href="https://dribbble.com/updivision" title="UPDIVISION Dribbble" target="_blank"><img src="https://updivision.com/images/footer/optimized/dribbble.svg" title="twitter" alt="twitter"></a><br> </li> </ul> </div> <div class="email_us"> <p class="left-footer_title">Email us at:</p> <a href="/cdn-cgi/l/email-protection#f79891919e9492b78287939e819e849e9899d994989a" target="_top"><span class="__cf_email__" data-cfemail="69060f0f000a0c291c190d001f001a000607470a0604">[email protected]</span></a><br> </div> </div> </div> </div> <div class="col-xs-12 col-sm-9 col-md-5 menu-links"> <div class="row"> <div class="col-xs-4 col-sm-4 col-md-4"> <div class="content_center"> <h2>About</h2> <ul> <li><a href="https://updivision.com/ourstory" title="Updivision - Story">Story</a></li> <li><a href="https://updivision.com/team" title="Updivision - Team">Team</a></li> <li><a href="https://updivision.com/values" title="Updivision - Values">Values</a></li> <li><a href="https://updivision.com/portfolio" title="Updivision - Portfolio">Portfolio</a></li> <li><a href="https://updivision.com/testimonials" title="Updivision - Testimonials">Testimonials</a></li> <li><a href="https://updivision.com/careers" title="Updivision - Careers">Careers</a></li> </ul> </div> </div> <div class="col-xs-4 col-sm-4 col-md-4"> <div class="content_center"> <h2 class="title_no-wrap">What we do</h2> <ul> <li><a href="https://updivision.com/services" title="Services">Services</a></li> <li><a href="https://updivision.com/products" title="Products">Products</a></li> <li><a href="https://updivision.com/technology" title="Technologies">Technologies</a></li> <li><a href="https://updivision.com/opensource" title="Open Source">Open Source</a></li> <li><a href="https://updivision.com/industries" title="Industries">Industries</a></li> </ul> </div> </div> <div class="col-xs-4 col-sm-4 col-md-4"> <div class="content_center"> <h2>Knowledge</h2> <ul> <li><a href="https://updivision.com/blog" title="Updivision - Blog">Blog</a></li> <li><a href="https://updivision.com/resources" title="Updivision - Resources">Resources</a></li> <li><a href="https://updivision.com/faq" title="Updivision - FAQ">FAQ</a></li> <li><a href="https://updivision.com/press-kit" title="Press Kit">Press Kit</a></li> <li><a href="https://updivision.com/privacy-policy" title="Privacy Policy">Privacy Policy</a></li> <li><a href="https://updivision.com/cookie-policy" title="Cookie Policy">Cookie Policy</a></li> </ul> </div> </div> </div> </div> <div class="col-xs-12 col-md-5 newsletter"> <div class="row newsletter_content d-flex"> <div class="col-xs-12 col-sm-12 col-md-11 newsletter_content d-flex"> <div class="subscribe_footer" id="subscribe-footer"> <iframe id="JotFormIFrame-223491411808353" class="JotFormIFrame" title="Monthly Newsletter" allowtransparency="true" allowfullscreen="true" allow="geolocation; microphone; camera" src="https://form.jotform.com/223491411808353?condition=footer" frameborder="0" style=" width: 100%; border:none; min-height:200px;" scrolling="no" > </iframe> </div> </div> </div> </div> </div> </div> <div class="col-xs-12"> <div class="section-images d-flex"> <div> <div class="laravel-certified-company footer_badge"><a target="_blank" href="https://updivision.com/blog/post/updivision-is-now-iso-certified-quality-management-and-information-security-management"><img src="https://updivision.com/images/footer/ISO_9001.svg" alt="backpack"></a></div> </div> <div> <div class="laravel-certified-company footer_badge"><a target="_blank" href="https://updivision.com/blog/post/updivision-is-now-iso-certified-quality-management-and-information-security-management"><img src="https://updivision.com/images/footer/ISO_27001.svg" alt="backpack"></a></div> </div> <div> <div class="laravel-certified-company footer_badge"><a target="_blank" href="https://backpackforlaravel.com/?ref=updivision"><img src="https://updivision.com/images/footer/backpack.svg" alt="backpack"></a></div> </div> <div> <div class="laravel-certified-company footer_badge"><a target="_blank" href="https://www.creative-tim.com/"><img src="https://updivision.com/images/footer/creative_tim.svg" alt="creative_tim"></a></div> </div> <div> <div class="laravel-certified-company footer_badge"><a target="_blank" href="https://themesberg.com/"><img src="https://updivision.com/images/footer/Themesberg_badge.svg" alt="Themesberg_badge"></a></div> </div> <div> <div class="good-firms footer_badge"><a target="_blank" href="https://www.amplifyre.com/company/updivision"><img id="app-development" src="https://updivision.com/images/footer/amplifyre.svg" alt="Amplifyre"></a></div> </div> <div> <div class="laravel-certified-company footer_badge"><a href="#"><img src="https://updivision.com/images/footer/laravel-certified-company.svg" alt="Laravel Certified Company"></a></div> </div> <div class="footer_badge_2"> <div class="clutch-widget widget" data-url="https://widget.clutch.co" data-widget-type="1" data-height="50" data-clutchcompany-id="340270"></div> </div> </div> </div> </div> </div> <div class="copyright"> <p>Copyright © UPDIVISION 2010-2024. All rights reserved.</p> <br/><br/> </div> </div> </div> </div> <!-- Laravel MIX js--> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="/js/app.js?id=feb290a5e86c40e987a6bc64bcce676e"></script> <script src="/js/script.js?id=5f751ef8013c16ca2eca8a0ec87d2317"></script> <!-- CLUTCH WIDGET SCRIPT --> <script type="text/javascript" src="https://widget.clutch.co/static/js/widget.js"></script> <script src="https://updivision.com/vendor/backpack/ckeditor/plugins/codesnippet/lib/highlight/highlight.pack.js"></script> <script>hljs.initHighlightingOnLoad();</script> <script>var sessionReload = 0;</script> <script src="https://updivision.com/js/post.js"></script> <script src="https://updivision.com/js/subscribe.js"></script> <script src="https://updivision.com/js/post-page.js"></script> <!-- You've gotten this far checking our source code? Now you HAVE to hire us :-) Send an email to andrei@updivision.com --> <script src="https://updivision.com/js/subscribe-site.js"></script> <script type="text/javascript"> var ifr = document.getElementById("JotFormIFrame-223493576685370"); if (ifr) { var src = ifr.src; var iframeParams = []; if (window.location.href && window.location.href.indexOf("?") > -1) { iframeParams = iframeParams.concat(window.location.href.substr(window.location.href.indexOf("?") + 1).split('&')); } if (src && src.indexOf("?") > -1) { iframeParams = iframeParams.concat(src.substr(src.indexOf("?") + 1).split("&")); src = src.substr(0, src.indexOf("?")) } iframeParams.push("isIframeEmbed=1"); ifr.src = src + "?" + iframeParams.join('&'); } window.handleIFrameMessage = function(e) { if (typeof e.data === 'object') { return; } var args = e.data.split(":"); if (args.length > 2) { iframe = document.getElementById("JotFormIFrame-" + args[(args.length - 1)]); } else { iframe = document.getElementById("JotFormIFrame"); } if (!iframe) { return; } switch (args[0]) { case "scrollIntoView": iframe.scrollIntoView(); break; case "setHeight": iframe.style.height = args[1] + "px"; break; case "collapseErrorPage": if (iframe.clientHeight > window.innerHeight) { iframe.style.height = window.innerHeight + "px"; } break; case "reloadPage": window.location.reload(); break; case "loadScript": if( !window.isPermitted(e.origin, ['jotform.com', 'jotform.pro']) ) { break; } var src = args[1]; if (args.length > 3) { src = args[1] + ':' + args[2]; } var script = document.createElement('script'); script.src = src; script.type = 'text/javascript'; document.body.appendChild(script); break; case "exitFullscreen": if (window.document.exitFullscreen) window.document.exitFullscreen(); else if (window.document.mozCancelFullScreen) window.document.mozCancelFullScreen(); else if (window.document.mozCancelFullscreen) window.document.mozCancelFullScreen(); else if (window.document.webkitExitFullscreen) window.document.webkitExitFullscreen(); else if (window.document.msExitFullscreen) window.document.msExitFullscreen(); break; } var isJotForm = (e.origin.indexOf("jotform") > -1) ? true : false; if(isJotForm && "contentWindow" in iframe && "postMessage" in iframe.contentWindow) { var urls = {"docurl":encodeURIComponent(document.URL),"referrer":encodeURIComponent(document.referrer)}; iframe.contentWindow.postMessage(JSON.stringify({"type":"urls","value":urls}), "*"); } }; window.isPermitted = function(originUrl, whitelisted_domains) { var url = document.createElement('a'); url.href = originUrl; var hostname = url.hostname; var result = false; if( typeof hostname !== 'undefined' ) { whitelisted_domains.forEach(function(element) { if( hostname.slice((-1 * element.length - 1)) === '.'.concat(element) || hostname === element ) { result = true; } }); return result; } }; if (window.addEventListener) { window.addEventListener("message", handleIFrameMessage, false); } else if (window.attachEvent) { window.attachEvent("onmessage", handleIFrameMessage); } </script> <script type="text/javascript"> var ifr = document.getElementById("JotFormIFrame-223491411808353"); if (ifr) { var src = ifr.src; var iframeParams = []; if (window.location.href && window.location.href.indexOf("?") > -1) { iframeParams = iframeParams.concat(window.location.href.substr(window.location.href.indexOf("?") + 1).split('&')); } if (src && src.indexOf("?") > -1) { iframeParams = iframeParams.concat(src.substr(src.indexOf("?") + 1).split("&")); src = src.substr(0, src.indexOf("?")) } iframeParams.push("isIframeEmbed=1"); ifr.src = src + "?" + iframeParams.join('&'); } window.handleIFrameMessage = function(e) { if (typeof e.data === 'object') { return; } var args = e.data.split(":"); if (args.length > 2) { iframe = document.getElementById("JotFormIFrame-" + args[(args.length - 1)]); } else { iframe = document.getElementById("JotFormIFrame"); } if (!iframe) { return; } switch (args[0]) { case "scrollIntoView": iframe.scrollIntoView(); break; case "setHeight": iframe.style.height = args[1] + "px"; break; case "collapseErrorPage": if (iframe.clientHeight > window.innerHeight) { iframe.style.height = window.innerHeight + "px"; } break; case "reloadPage": window.location.reload(); break; case "loadScript": if( !window.isPermitted(e.origin, ['jotform.com', 'jotform.pro']) ) { break; } var src = args[1]; if (args.length > 3) { src = args[1] + ':' + args[2]; } var script = document.createElement('script'); script.src = src; script.type = 'text/javascript'; document.body.appendChild(script); break; case "exitFullscreen": if (window.document.exitFullscreen) window.document.exitFullscreen(); else if (window.document.mozCancelFullScreen) window.document.mozCancelFullScreen(); else if (window.document.mozCancelFullscreen) window.document.mozCancelFullScreen(); else if (window.document.webkitExitFullscreen) window.document.webkitExitFullscreen(); else if (window.document.msExitFullscreen) window.document.msExitFullscreen(); break; } var isJotForm = (e.origin.indexOf("jotform") > -1) ? true : false; if(isJotForm && "contentWindow" in iframe && "postMessage" in iframe.contentWindow) { var urls = {"docurl":encodeURIComponent(document.URL),"referrer":encodeURIComponent(document.referrer)}; iframe.contentWindow.postMessage(JSON.stringify({"type":"urls","value":urls}), "*"); $('.sub-message.site').hide(); } }; window.isPermitted = function(originUrl, whitelisted_domains) { var url = document.createElement('a'); url.href = originUrl; var hostname = url.hostname; var result = false; if( typeof hostname !== 'undefined' ) { whitelisted_domains.forEach(function(element) { if( hostname.slice((-1 * element.length - 1)) === '.'.concat(element) || hostname === element ) { result = true; } }); return result; } }; if (window.addEventListener) { window.addEventListener("message", handleIFrameMessage, false); } else if (window.attachEvent) { window.attachEvent("onmessage", handleIFrameMessage); } </script> <script type="text/javascript"> var ifr = document.getElementById("JotFormIFrame-223491411808353"); if (ifr) { var src = ifr.src; var iframeParams = []; if (window.location.href && window.location.href.indexOf("?") > -1) { iframeParams = iframeParams.concat(window.location.href.substr(window.location.href.indexOf("?") + 1).split('&')); } if (src && src.indexOf("?") > -1) { iframeParams = iframeParams.concat(src.substr(src.indexOf("?") + 1).split("&")); src = src.substr(0, src.indexOf("?")) } iframeParams.push("isIframeEmbed=1"); ifr.src = src + "?" + iframeParams.join('&'); } window.handleIFrameMessage = function(e) { if (typeof e.data === 'object') { return; } var args = e.data.split(":"); if (args.length > 2) { iframe = document.getElementById("JotFormIFrame-" + args[(args.length - 1)]); } else { iframe = document.getElementById("JotFormIFrame"); } if (!iframe) { return; } switch (args[0]) { case "scrollIntoView": iframe.scrollIntoView(); break; case "setHeight": iframe.style.height = args[1] + "px"; break; case "collapseErrorPage": if (iframe.clientHeight > window.innerHeight) { iframe.style.height = window.innerHeight + "px"; } break; case "reloadPage": window.location.reload(); break; case "loadScript": if( !window.isPermitted(e.origin, ['jotform.com', 'jotform.pro']) ) { break; } var src = args[1]; if (args.length > 3) { src = args[1] + ':' + args[2]; } var script = document.createElement('script'); script.src = src; script.type = 'text/javascript'; document.body.appendChild(script); break; case "exitFullscreen": if (window.document.exitFullscreen) window.document.exitFullscreen(); else if (window.document.mozCancelFullScreen) window.document.mozCancelFullScreen(); else if (window.document.mozCancelFullscreen) window.document.mozCancelFullScreen(); else if (window.document.webkitExitFullscreen) window.document.webkitExitFullscreen(); else if (window.document.msExitFullscreen) window.document.msExitFullscreen(); break; } var isJotForm = (e.origin.indexOf("jotform") > -1) ? true : false; if(isJotForm && "contentWindow" in iframe && "postMessage" in iframe.contentWindow) { var urls = {"docurl":encodeURIComponent(document.URL),"referrer":encodeURIComponent(document.referrer)}; iframe.contentWindow.postMessage(JSON.stringify({"type":"urls","value":urls}), "*"); } }; window.isPermitted = function(originUrl, whitelisted_domains) { var url = document.createElement('a'); url.href = originUrl; var hostname = url.hostname; var result = false; if( typeof hostname !== 'undefined' ) { whitelisted_domains.forEach(function(element) { if( hostname.slice((-1 * element.length - 1)) === '.'.concat(element) || hostname === element ) { result = true; } }); return result; } }; if (window.addEventListener) { window.addEventListener("message", handleIFrameMessage, false); } else if (window.attachEvent) { window.attachEvent("onmessage", handleIFrameMessage); } </script> </body> </html>