We create digital projects | Coopers Digital Production

Coopers Take-Out

In a hurry? Get your website up and running in a few weeks. Suits perfectly small companies and short deadlines. From basic institutional websites to e-commerces, Coopers Take-Out fulfills your needs.

Learn more

Coopers Tailor Made

Get the experts working for you, from Design to the Front and Back-End, using top technologies. All responsive, done especially to fit your needs. Big companies have chosen Tailor's Made service line to create a unique experience.

Learn more

Outsourcing

Project Managers will love this. Outsource every or just one step to get your job done before the deadline. The best option for Advertising/Digital Agencies.

Learn more

We believe in cooperation

Our goal is to create and provide solutions that fit perfectly in our customers' needs, be it a local shop or a corporation:

Design

UX & UI

User Experience and User Interface design through target audience and customer's research to properLY structure project data.

Developers

Back-End Development

Content management systems, integrations, and infrastructure for digital projects.

Tracking

Analytics & Heatmaps

Data research to understand user behavior and ways to improve performance and conversion.

Specialized in Front-End Development and WordPress

We develop digital projects following the best practices and the latest technologies, whether it's a website, e-commerce, or mobile applications.

Learn more

HTML5 icon — HTML5

Certified by W3C on HTML5, Mobile Web, and Responsive Web Design.

React

We develop single-page applications for both web and mobile.

WordPress

One of the best content management systems, WordPress is used by 30% of all websites. We build high-performance solutions such as custom themes or Headless CMS.

html
javascript

  <!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
    },
  }

Market leaders choose Coopers

Advertising agencies, startups and companies from around the globe trust in our quality and commitment.

Coopers Tailor Made

Tell us if you need an App, Website, E-commerce, System or even just some Front-End work, and let the experts suggest what fits best.

Outsourcing

Project Managers will love this. Outsource every or just one step to get your job done before the deadline. The best option for Advertising/Digital Agencies.

Coopers Take-Out

Coopers Tailor Made

Outsourcing

We believe in cooperation

Design

UX & UI

Developers

Back-End Development

Tracking

Analytics & Heatmaps

Specialized in Front-End Development and WordPress

HTML5

React

WordPress

Market leaders choose Coopers

Coopers Tailor Made

Outsourcing