A full suite of services
A full suite of services
Consolidating a collection of brands
Merging an entire spectrum of products and services under one platform.
All services under one roof
The challenge behind OSG's corporate website was to unify a variety of brands and present their offerings in a logical way. To solve for this, a mega menu was used for navigation and the user experience was guided by suggested content on every page. Separately, the website also contained the following:
- CCPA compliance
- Cookie disclosure
- Drift Chatbot widget
- Google Analytics/Tag Manager
- Salesforce Pardot integration
Delivering timely content
Leveraging the WordPress CMS easily allowed for multiple collaborators and content editors.
A customized CMS theme
The OSG website uses a custom-built WordPress theme with a series of predesigned templates and modules. These modules can be combined to alter existing templates or to create new layouts entirely. This is useful for maintaining consistency and hierarchy while still allowing designers the ability to create custom landing pages and unique content.
Fostering connections
Because connectivity is the cornerstone of OSG's promise to its customers, there is ample opportunity throughout the corporate website to connect with the organization on a personal level. A prime example of this is promoting all of OSG's upcoming trade show appearances while giving users the ability to schedule in-person meetings at any of the events.
Establishing leads
Knowing the benefits of user data and website analytics, OSG's corporate website utilizes Pardot forms and form handlers throughout the entire site to leverage the capabilities of the Salesforce CRM. This provides the marketing and sales departments with the knowledge and tools they need to nurture leads and help drive conversions.
Incorporating responsive design
Building versatile layouts that look great on both mobile and desktop.
Custom styling
The CSS is customized to ensure that all images and design elements are properly positioned and scaled at every breakpoint.
Breakpoint-specific content
In some cases, it's necessary to create multiple instances of content that are only visible at certain breakpoints.
h1, h2, h3
Scalable typography
The h-tags and body copy are all styled to maintain the same font size ratios for different browser and screen sizes.
An updated client support portal
In order to extend OSG's new brand identity across all channels, the client support portal for OSG's proprietary billing and messaging platform, OSG InSight, was completely redesigned and updated. This included a new logo and the full development of a rebranded microsite.
From vision to reality, these are the tools that make it happen.
A collaborative effort
Due to the overwhelming scale of the OSG website, a team of copywriters, content creators, designers, and developers was required to consolidate the various products and services of multiple organizations into one unified online presence. To assist in this effort, the majority of the design work was created and approved using Figma. This allowed the designers to contribute to the design system and provide feedback in real time.
Learn more
