Web app with region-specific content and trademark verification

Heirlume asked us to rebuild their website with modern technologies, including region-specific content, a custom trademark search, secure payments, and SEO optimization.

TIMELINE: SEPTEMBER 2020 - PRESENT
COUNTRY: CANADA

About

Our client wanted to implement modern technologies into the website. The website must have been localization-specific. Depending on where the visitor is coming from, the site should load Canadian or US data. This solution should meet all the law regulations.

Contact us to discuss your app idea and possibilities. We’ll advise you on the best solution and estimate the project. If you have any questions – we’ll provide you with answers.

An incon with an exclamation mark

Did you know?

We built Heirlume's custom trademark search tool to let users check, reserve, and buy trademark protections effortlessly!

Sarah Ruest
CTO, Heirlume

We’re very happy with the website. It’s faster and the code is professional. The website is properly set up so it can scale as we grow. It’s maintainable, and we can add to it easily. TeaCode.io did an excellent job designing it. Their team met our designs and functionality requirements. I was able to interact with them and get feedback from and to them in a responsive way.

Main Goal

The client wanted to gain organic traffic from Google search, so the website should be designed with all SEO best practices. It should be easily accessible on desktop and mobile devices and provide a great user experience.

Heirlume also needed a custom trademark checking system. It should allow one to check whether the trademark is already taken. If not, it should enable reserving and buying the trademark protection and logo and company name. It should be easy and intuitive.

Client's Needs

To meet all requirements, our client needed to redevelop the website to show potential clients what a professional and reliable company Heirlume is. The former website was made using webflow, so it wasn’t easily customizable and Google search friendly. The new website should load quickly and be SEO well-optimized (from technical and user experience points of view). It should be based on a CMS solution to allow easy content change.

Heirlume needed us to rewrite and redesign the entire trademark checking experience to meet the goals. It should have been customized and tightly integrated with the website, the Heirlume database and payment services.

Challenges

The main challenge was to create an app with highly customized web designs with many floating shapes. The main point was to make them look fine on web browsers on all kinds of mobile devices and in every possible resolution. That was quite a development challenge. We needed much testing on that point.

The second challenge was integrating a payment solution, the database and HubSpot. Our solution had to be secure, reliable and fast.

Our Solution

We have created a fast-working, SEO optimized website. The frontend was made from custom designs that look amazing on both desktop and mobile resolutions and work super fast thanks to using Gatsby.js technology.

We have implemented a trademark search that TeaCode.io developed. This solution needed a database connection and a custom search engine.

The checkout was connected with Stripe API to provide a secure and intuitive payment service.

We have integrated our solution with CMS to provide a user-friendly interface for content management.

Technical process

In the beginning, we provided a landing page, which was therefore expanded and equipped with new functionalities like payment and trademark search.

Before releasing, we conducted quality assurance testing at each stage to ensure that the final product would be rock-solid.