Case Study - Elevating a Vinyl Installation Firm's Digital Presence with Custom Web Development

Project Overview: Revamping Big Guppy Media's Online Presence

Big Guppy Media needed to revamp their digital presence to better reflect their extensive industry experience and creative services. Our team took on the challenge by developing a high-performance, modern website using TypeScript and Tailwind CSS within a Next.js framework. The new website was designed to create a visually engaging and seamless user experience while showcasing Big Guppy’s wide range of services, expertise, and creative capabilities.

The Problem They Faced

The website that Big Guppy Media had was outdated and barely functional. It failed to accurately represent the nature of their work or the caliber of clients they had served. Compared to competitors' sites, it didn't clearly communicate the company's level of expertise. This meant they were missing out on potential business and failing to convert website visitors into customers. To address this, they needed a new website that effectively displayed their past work, high-profile clients, and professional credentials.

The Solution: Building a New, Engaging Online Presence

To help fix Big Guppy Media's online presence, we designed and built a completely new website. Using a thoughtful mix of attractive visuals, practical layouts, and strategic content, the design captured the business's unique brand identity. It highlighted the work they've done with prestigious companies and their status as a 3M Preferred Graphics Installer. As a result, the new website established a distinct digital presence, giving visitors a clear understanding of what the company offers.

Step 1: Establishing the Visual Identity

Having been in business for over 15 years, the new design had to align with Big Guppy Media's already established brand identity. We used a variation of their original colour palette, choosing a matte green to represent the company’s professional and fresh aesthetic.

For the typography, we chose Paralucent as the primary typeface due to its clean and modern style. This not only complements the sleek new color palette but also enhances the readability and overall user experience of the website.

After reviewing the design, their team gave us the green light to proceed.

Step 2: Creating a Tailored Content Strategy

Before we built the website, we had to ensure it accurately represented Big Guppy Media. In short, we needed to understand the specific services and messaging they wanted to communicate, as well as any unique credentials that distinguished them from competitors. This would help us design a website layout with content that was both impactful and engagement-driven.

By collaborating with their team, we developed a personalized content strategy. This gave us the necessary information to make sure the content resonated with their target audience.

Step 3: Developing a High-Performance Custom Website

To make Big Guppy Media's new website stand out, we developed it using modern web frameworks, specifically TypeScript, Tailwind CSS, and Next.js. This not only gave us the creative flexibility to build a design that matched Big Guppy Media's unique branding but also optimized its performance. As a result, the website is both visually appealing and lightning-fast. This creates a smooth user experience and improves technical SEO.

Making a Memorable Impression

We wanted to go a step above the basics and build their site with our own creative touch. Our goal was to make the website memorable, so we created a custom video and integrated it into the hero section of the homepage. This provides visitors with a unique digital experience that showcases the type of services Big Guppy Media offers from the moment they land on the site.

Enhancing User Navigation

To ensure optimization across all devices, we designed the website to be fully responsive. This provides a smooth user experience, whether accessed via smartphone, tablet, or desktop. In addition to making it easy to navigate, we aimed to maximize engagement and conversions.

To achieve this, we strategically placed CTAs throughout the site, directing visitors to the contact form. We also included a contact form at the bottom of every page to make it simple and convenient for users to reach out.

Building Social Proof and Credibility

It was important to capture the professionalism and distinguished credentials of Big Guppy Media. As a 3M Preferred Graphics Installer, their portfolio boasts collaborations with major Toronto-based entities like Bell, Toronto FC, Nintendo, MLSE, and Google. This prestigious client list needed to be reflected in the website’s design to highlight Big Guppy Media’s industry prominence and reliability.

To build up their social proof and credibility, we added logo clouds in key places throughout the website. These not only showcase the business's high-profile clientele but also differentiate them from competitors, helping them stand out in a crowded marketplace.

Showcasing Industry Expertise

In order to truly give customers an idea of Big Guppy Media's expertise, we designed a custom portfolio section on their website. This allows them to showcase their capabilities and past projects in an organized and accessible format. To simplify the process for users, we added filtering options that help them find and view examples of the specific services they are interested in.

Step 4: Simplifying Content Management with HyperSpeed CMS

To manage the content across the website, we implemented HyperSpeed, a proprietary CMS developed by our team here at Modall Media. This powerful platform allows Big Guppy Media to easily manage and update their content, from adding new services to showcasing projects in their portfolio. HyperSpeed’s flexibility and customization options ensure the website stays dynamic, robust, and simple to update.

Client Testimonial

The Results: Transforming a Digital Presence with Custom Web Development

The launch of Big Guppy Media's new website transformed their online presence. Thanks to our web development efforts, customers can now easily navigate the site, learn about their high-profile projects, and explore the services they offer. The modern design accurately reflects the company’s creative capabilities and industry expertise, helping their business stand out among competitors.