Coopers Take-Out

Está com pressa? Tenha seu website rodando em apenas algumas semanas. Perfeito para pequenas empresas ou prazos reduzidos, seja um simples site institucional até e-commerce, o Coopers Take-Out atende suas necessidades.

Saiba mais

Coopers Tailor Made

Trabalhe com os experts, desde o Design até Front e Back-End, usando as mais avançadas tecnologias. Todos os projetos são Responsive, feitos especialmente para atender suas necessidades. Grandes empresas já escolheram a linha de serviços Tailor Made para criar experiências únicas.

Saiba mais

Outsourcing

Gerentes de Projeto vão adorar esta solução. Terceirize tudo ou somente uma etapa para ter seu projeto entregue antes do prazo. Melhor opção para Agências Digitais e Publicidade.

Saiba mais

Acreditamos na cooperação

Nossa missão é criar e trazer soluções que atendam perfeitamente às necessidades de nossos clientes, seja uma pequena loja ou uma grande empresa:

Design

UX & UI

User Experience e User Interface design através de pesquisa com usuários e público-alvo para estruturar as informações de forma adequada, além de planejar as interações com a interface.
Developers

Back-End Development

Sistemas para gestão de conteúdo, integrações e infraestrutura para projetos digitais.
Tracking

Analytics & Heatmaps

Coleta de dados para compreender o comportamento do usuário e maneiras de melhorar a performance e conversão dos projetos.

Especialistas em Front-End Development e WordPress

Desenvolvemos projetos digitais seguindo as melhores práticas e mais recentes tecnologias, seja um website, e-commerce ou aplicativo mobile.

Saiba mais
HTML5 icon
HTML5

Cerificados pela W3C em HTML5, Mobile Web e Responsive Web Design.

React icon
React

Desenvolvemos aplicações de página única tanto para web quanto para mobile.

WordPress icon
WordPress

Um dos melhores e mais populares sistemas para gestão de conteúdo, o WordPress é usado por cerca de 30% de todos os websites. Construímos soluções de alta performance como temas personalizados ou Headless CMS.

  <!doctype html>
  <html class="no-js" lang="en">
    <head>
      <meta charset="utf-8" />
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>We create digital projects</title>
      <meta name="description" content="We are Coopers, a digital production company which crafts projects with special care and attention to detail.">
      <link rel="stylesheet" href="assets/css/app.css">
  
      <script type="application/ld+json">
        {
          "@context": "http://schema.org",
          "@type": "Organization",
          "name": "Coopers Digital Production",
          "url": "https://coopers.digital",
          "logo": "assets/img/coopers-brand.svg",
          "address":
          {
            "@type": "PostalAddress",
            "streetAddress": "Av. República Argentina, 452",
            "addressLocality": "Curitiba",
            "postalCode": "80240-210",
            "addressRegion": "PR",
            "addressCountry": "BR",
            "telephone": "+554141020106"
          }
        }
      </script>
    </head>
    <body>
      <div class="content">
        <header>
          <h1 class="large">We create <span>digital projects</span></h1>
          <p class="lead">With special care and attention to detail from the user experience and interface design to development.</p>
          <div class="button-group">
            <a href="contact.html" class="button" title="Get in touch with us">Contact us</a>
            <a href="works.html" class="button secondary" title="Learn more about what we do">Our projects</a>
          </div>
        </header>
        <section class="services-preview grid-container">
          <div class="grid-x grid-margin-x small-up-1 medium-up-2 large-up-3">
            <div class="cell card">
              <h3>Coopers Take-out</h3>
              <p>In a hurry? Get your website up and running in few weeks. Suits perfect for small companies and short deadlines. From basic institutional websites to e-commerces, Coopers Take-Out fulfills your needs.</p>
              <a href="service-take-out.html" class="more" title="Learn more about how fast and accessible we develop websites">Learn more</a>
            </div>
            <div class="cell card">
              <h3>Coopers Tailor Made</h3>
              <p>Get the experts working for you, from Design to the Front and Back-End, using top technologies. All responsive, done specially to fit your needs. Big companies have chosen Tailor's Made service line to creat an unique experience.</p>
              <a href="service-tailor-made.html" class="more" title="Learn more about how we create projects from scratch">Learn more</a>
            </div>
            <div class="cell card">
              <h3>Outsourcing</h3>
              <p>Project Managers will love this. Outsource every or just one step to get your job done before the deadline. Best option for Advertising/Digital Agencies.</p>
              <a href="service-outsourcing.html" class="more" title="Learn more how we can help you deliver quality projects to your customers">Learn more</a>
            </div>
          </div>
        </section>
      </div>
      <footer>
        <div class="grid-x align-justify copyright">
          <div class="shrink cell"> 2018, Coopers, Inc. All Rights Reserved.</div>
          <div class="shrink cell">[email protected]</div>
        </div>
      </footer>
    </body>
  </html>
            
  import PageHeader from './components/shared/PageHeader.vue'
  
  import { isLoggedIn, isAllowedPage, getCurrentUser } from '@/api/auth'
  import helpers from '@/assets/js/helpers'
  
  import { sortBy, isEmpty } from 'lodash';
  
  export default {
    name: 'app',
    data () {
      return {
        headerLayout: 'big',
        loading: true
      }
    },
    watch: {
      currentUser(val) {
        if(!_.isEmpty(val)) {
          this.loading = false;
        }
      },
    },
    computed: {
      isLoading() {
        return this.$store.getters.isLoading;
      },
      currentUser() {
        return this.$store.getters.user;
      },
      countries() {
        return _.sortBy(this.$store.getters.countries, 'Name');
      },
      isEmptyCurrentUser() {
        return _.isEmpty(this.currentUser);
      },
      isAdmin() {
        return this.$store.getters.isAdmin;
      },
    },
    created() {
      this.$store.dispatch('getAllLanguages');
      this.$store.dispatch('getAllCountries');
    },
    methods: {
      isBadBrowser() {
        return helpers.isBadBrowser();
      },
      isLoggedIn() {
        return isLoggedIn();
      },
    },
    mounted() {
      $(this.$el).foundation()
  
      // returns current user, in case refresh the page
      if(this.isLoggedIn()) {
        getCurrentUser().then(user => {
          this.$store.dispatch('updateUserLoggedIn', user)
          if(this.$route.meta.rules && !isAllowedPage(this.$route.meta.rules)) {
            console.log('User not allowed to enter this page from App')
            this.$store.dispatch('updateUserLoggedIn', {})
            this.$router.push({ name: '404' })
            this.$store.dispatch('logout')
          }
          this.$i18n.locale = user.Language.toLowerCase();
          this.loading = false;
        }).catch(error => {
          this.$store.dispatch('updateUserLoggedIn', {})
          this.$store.dispatch('logout')
          this.$router.push({ name: 'login' })
          this.loading = false;
        });
      } else {
        this.loading = false;
      }
  
      let userLang = helpers.store.get('renaultUserLang');
      if(userLang) {
        this.$i18n.locale = userLang;
      }
    },
    components: {
      'page-header': PageHeader
    },
  }
            

Líderes de mercado escolhem a Coopers

Agências de publicidade, startups e empresas de todo o mundo confiam em nossa qualidade e comprometimento.