Building the online presence from scratch and effectively communicating a brand-new product on the market

A mobile and laptop view of a railway infrastructure company hompage

29%

Faster sales process with the new website in place

70%

REDUCED THE NO. OF QUESTIONS CAUSED BY MISUNDERSTANDINGS

44%

more meetings thanks to the enhanced LinkedIn and website presence

The challenge

UBIfranstructure, a newly founded UK company, had just developed an innovative product: a modern method of construction called UBI Shell and UBI Space. However, they had no online presence or marketing strategy, which needed to be addressed. As one of the first products of its kind, it was crucial to effectively explain what UBI Shell and UBI Space were, how they worked, and their benefits. Our goal was to establish strong branding, communicate the product efficiently, develop comprehensive marketing strategies, implement self-sustaining systems in the background, and ensure the website was more efficient, scalable, and consistently updated with fresh content.

Positioning UBInfrastructure in the Market with the Right Branding

In the beginning, we needed to establish a clear branding strategy for UBInfrastructure, particularly because UBI panels represented a groundbreaking innovation in modern construction. Our goal was to ensure that anyone encountering UBInfrastructure would instantly recognize it as a symbol of modernity and innovation, distinguishing it from traditional construction businesses. To achieve this, we chose a minimalist design with white as the primary color, enhanced by blue accents to evoke a sense of innovation and reliability. Since UBInfrastructure revolves around panels, we incorporated this concept into the design, from the website background to the logo.

Another crucial consideration was the eco-friendliness of UBInfrastructure constructions—a significant topic in the UK and a key competitive advantage. We needed to communicate this effectively to everyone visiting the website. To do so, we added various design elements and icons throughout the site that symbolize eco-friendly features. These, combined with the innovative feel created by the blue accents, ensure that UBInfrastructure presents itself as an innovative and data-driven construction business with environmentally conscious solutions.

Our approach to several activities

Since we were building UBInfrastructure’s online presence from the ground up, we undertook a range of activities to support the business. For each task, we developed multiple concepts to ensure we were on the right track. While we didn’t always hit the mark on the first try, this iterative process is a natural part of achieving the best results. In the end, the outcomes speak for themselves, with everything delivered on time.

Logo and brand

For UBInfrastructure, the unique panels are at the core of the brand, which is why the company wanted to incorporate them into the logo. We developed several minimalist variations featuring panels, and after multiple adjustments, we finalized the UBI logo, which is now showcased in the image gallery.

The logo visually represents panels standing upright on both sides, offering a 3D perspective as if you are looking into a UBInfrastructure construction, with panels forming the structure on either side.

This simple logo design is not only memorable but also versatile. We created different color and theme variations, including full logos and icon versions, ensuring UBInfrastructure has the flexibility to use the logo in various contexts as needed.

SEction concepts

For the section concepts, we explored a wide range of design variations, experimenting with different elements and placements to capture the right emotion and feel that would complement the overall website design.
 
Our goal was not just to create sections and design elements that aligned with the brand, but also to ensure that, from a UX perspective, the content was conveyed effectively and efficiently.

Web design

Using the section concepts, we developed a variety of designs with numerous options. These concepts spanned a wide range as we experimented with different approaches. Some designs adhered to the minimalist style, while others explored different color schemes, accents, font styles, and even incorporated diverse images and graphics. This experimentation resulted in some interesting and unconventional designs.

In the end, we chose to stick with the original minimalist design with blue accents. However, the process of exploring these various designs was invaluable in guiding us toward the right direction.

Animated video production

Despite having a strong foundation with an ideal customer journey and concise copy, the main message needed quicker delivery. To address this, we produced a 45-second video that visually demonstrated how UBI panels solve key problems, showing their use in both existing and new constructions. We invested in colorful, detailed graphics to immediately capture viewers’ attention.

The video was strategically placed on the homepage, just below the hero section, to engage visitors right away. It was also repurposed for social media and presentations to maximize its impact.

Supporting marketing assets

Since UBInfrastructure didn’t have any marketing assets, we stepped in to create custom designs and templates tailored to their brand. These assets covered a wide range, from presentations and quote templates to LinkedIn banners, custom infographics for LinkedIn posts, and more.

Some assets were developed in tandem with the website launch, while others were created over time based on UBInfrastructure’s evolving needs.

Launching marketing initiatives on social media to get more business opportunities

After the launch of the website, the next stage for UBInfrastructure was to kick off its marketing efforts and leverage the online space to generate more business opportunities. However, they were unsure how to approach this. We began by identifying the ideal target audience, which included large railway and construction companies in the UK. We then determined where these companies were most active online and how to capture their attention. It quickly became clear that LinkedIn would be the key platform, where we could drive more business opportunities by regularly posting relevant content and growing the follower base to attract more inbound opportunities. LinkedIn would also allow us to reach out to our ideal target audience, generating more outbound business opportunities. So we developed the following strategy:

Adjusting LinkedIn profiles

First, we optimized all personal and company LinkedIn accounts. This involved creating a custom banner with a strong CTA, rewriting the “About Us” section, adding relevant website links, and more.

Custom graphics design

For the marketing initiative, we needed custom graphics and infographics for LinkedIn banners, posts, articles, case studies, the website, and more. We created dozens of visual assets for UBInfrastructure every month.

Regular content posting

To attract more organic traffic, we started writing 12 posts monthly. Each post included a custom graphic to help visualize the topic, such as images of the product, infographics with supporting statistics, and more.

Writing website articles

We began writing 2-3 long-form articles monthly on complex topics like industry news and case studies, which were too detailed for LinkedIn posts. These articles were shareable, making it easy for UBInfrastructure to distribute case studies to prospects and repurpose content on their LinkedIn page.

Reaching out to the ideal target audience

Since UBInfrastructure initially lacked a large audience, we developed an outreach strategy to connect with their target market, sending 100 connection requests weekly and inviting 250 followers monthly. This approach successfully generated new relevant meetings.

Bi-weekly reporting and strategy evaluation

Every two weeks, we hold a meeting with UBInfrastructure to report results, evaluate strategies, and brainstorm new ideas. This allows us to test new strategies and optimize existing ones.

Process

Every stage of the process was carefully planned upfront, allowing us to launch the entire website in just five weeks, including time for client feedback and revisions. Between each stage, we discussed progress with the UBInfrastructure team, ensuring optimal output. The trickiest part was efficiently communicating the product and its benefits, but everything went well in the end, and we launched the website within the deadline.

Understanding the business, thinking about customer journey and how to present the business and the unique UBInfrastructure products.

We prepared the website’s backend and site theme, including various website design concept samples in Figma.

Once UBInfrastructure chose a design concept, we designed the rest of the pages and coded the new website on our staging domain before going live. Simultaneously, in this stage, we worked on producing the explainer video that would be used on the homepage.

After the launch, we finalized and optimized all UBInfrastructure social media profiles, including LinkedIn and Instagram. This involved changing banners, updating profile pictures, adding relevant descriptions and links, and scheduling an announcement post about the new website.

After UBInfrastructure’s online launch, we established a strong LinkedIn presence and generated valuable business opportunities. We achieved this by writing 12 monthly posts, creating 2-3 website articles, developing content plans, designing custom graphics, and crafting LinkedIn strategies. We also held bi-weekly consultations to ensure alignment and track progress. After 6 months, UBInfrastructure took over the management of these efforts, continuing to build on the foundation we helped create.

We've taken the online presence to new heights, opening the door to a wide array of new opportunities

The goal of the project was to develop UBInfrastructure’s online presence and efficiently communicate its products. We achieved this by creating relevant wireframes, customer journeys, and an animated video, complemented by custom graphics and images. This strategy resulted in a dynamic and engaging website that effectively showcased the UBI panels, driving significant user engagement.

Post-launch, we optimized UBInfrastructure’s social media profiles on LinkedIn and Instagram, updating banners, profile pictures, and descriptions, and scheduling an announcement post for the new website. We also created a 37-second video placed on the homepage, which quickly introduced viewers to the product’s benefits. This visual content helped in attracting and retaining visitors, translating into increased business inquiries.

For the first six months after UBInfrastructure’s official launch, we established a strong LinkedIn presence and generated valuable business opportunities. We achieved this by writing 12 monthly posts, creating 2-3 website articles, developing content plans, designing custom graphics, and crafting LinkedIn strategies. We also held bi-weekly consultations to ensure alignment and track progress.

We at UB Infrastructure had half of an idea of what we wanted but Outgrow took our seed of half an idea and grew it into a vision and an identity. I would strongly recommend to anyone to seek the services of Outgrow and can’t thank them enough for what they have done for us.
Always there for support and advice, they were BRILLIANT.
Ross Chipperfield the managing director of UBI

Ross Chipperfield

Managing Director

Start your own project today – we'll show you how to reach your goals

 Every project requires a tailored solution to deliver the best results. Let us help you find the most pragmatic solution to your needs. Let’s outgrow the competition together.

More case studies

Redefining the Digital Presence of a Healthcare Clinic

From Insight to Execution: 40% More Efficient Campaigns

Achieving explosive organic growth for a transformer business

Vibras a SaaS business

Showcasing unique value through video to enhance engagement

Online kickstart and marketing sprint for coaching business

Laptop and phone view of a Canadian-based charity website

Online transformation of a non-profit organization

Animation showing a man and a lady searching on their laptops

Generating consistent leads using a high-converting sales funnel

How a single video can introduce an entirely new concept in VR

Laptop and mobile view of a website desined by Outgrow for a Salesforce company - Auventa

How we efficiently conveyed 10+ offerings on a new website

Globalduck case study

A sneak peek into the creative process behind our corporate web

Homepage of Gradient-a recruiting website, showing on a laptop and phone which was designed by Outgrow

How we developed a website 6x more interactive for recruiting

Homepage of UBI showing on a laptop and phone which was designed by Outgrow

Building an online presence for a revolutionary startup

Homepage of Lynxvideos showing on a laptop and phone which was designed by Outgrow

Rebranding to position a video agency as a premium provider

Stay In Touch

Be the first to know about new arrivals and promotions