Project:

Web Development

scroll icon
Grotec brand logo

GroTec is an emerging leader in outfitting custom solutions for grow operations on any scale.

With climate change and commercial cannabis on the rise, GroTec recognized that they needed a website to convey their leadership in industrial agriculture when it comes to developing the standards and new technologies that will make these sustainable, highly efficient systems a reality.

Grotec homepage after web development
Grotec service offerings

Building for builders

GroTec's new website had to convey to their clientele the many services they offered as well as their values and commitment to developing premium, cost-effective and energy-efficient solutions.

Technology:

Apostrophe CMS

HTML/CSS/jQuery

Custom Module

Roles:

Frontend Development

Backend Development

DevOps

Grotec required a flexible design so that they could create new pages on their own. For this reason we chose Apostrophe CMS.

On Apostrophe, Data Driven Design built a custom module to allow the publication of blog posts to keep their community up to date. We built a page to show a listing of all articles, as well as a reusable template for the individual article page. Each of the articles can be tagged with relevant topics and layouts can accommodate both text and images easily.

Grotec blog article page
Grotec theories, practices and relationship cycle

A strong foundation from which to Gro

GroTec sought to use their website to highlight their incredible record of building efficient farming infrastructures as well as showcase their support of the newly-legal, highly-regulated industry of commercial cannabis production.

We developed a page to highlight the company's mission, values and history. Their "about" page features colorful grahics and a timeline to draw attention GroTec's years of experiences. As a company propelled by the desire to create ecologically responsible systems for agriculture, it was extremely important to explain to GroTec's customers what makes them exceptional.

Finishing touches

Across the new website, Data Driven Design added small animations to sections in order to grab a visitor's interest. Throughout the new pages, the GroTec logo on the hero subtly animates in from the bottom, adding a hint of sophistication when a user lands on the page. Parallaxing images on the home page, about page and others help highlight important blocks of information with slight movement in the background.

More noticeable animations were also included. In the "Why Us?" section on the home page a phone zooms in quickly as a user advances to the section, drawing the eye. On the about page the four timeline elements also animate in from left to right - or top to bottom on mobile devices. Their timing is precise, so that each cascades into place in order, helping to showcase their leadership in the unique field of industrial agriculture.

Gro Tec timeline animation
Get in touch.
Contact