{"id":694,"date":"2021-05-06T07:06:00","date_gmt":"2021-05-06T12:06:00","guid":{"rendered":"https:\/\/owdtnew.wpengine.com\/?page_id=694"},"modified":"2026-01-05T07:11:59","modified_gmt":"2026-01-05T13:11:59","slug":"texas-oiltech-laboratories","status":"publish","type":"page","link":"https:\/\/owdt.com\/portfolio\/texas-oiltech-laboratories\/","title":{"rendered":"Texas Oiltech Laboratories"},"content":{"rendered":"

[vc_row el_class=”port_hero fix_mobile_1″ css=”.vc_custom_1767618716777{background-image: url(https:\/\/owdt.com\/wp-content\/uploads\/background-texas-oiltech.webp?id=26967) !important;}”][vc_column][vc_column_text el_class=”port_heading”]<\/p>\n

Texas Oiltech Laboratories<\/h1>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row el_class=”port_content”][vc_column][vc_column_text el_class=”port_first_col”]<\/p>\n

The Story<\/h2>\n

For over 30 years, Texas OilTech Laboratories (TOL) has been recognized as a world-class, independent laboratory for petroleum, petrochemical products, as well as oil and gas upstream services. Their comprehensive, customized in-house and on-site testing products are reliable and accurate with quick turnaround times for test results. TOL has a global reach, with laboratories in North America, South America, the Middle East, and Europe. Their petrochemical chemists are innovative problem solvers, highly skilled in the use of state-of-the-art instrumentation and procedures.[\/vc_column_text][vc_column_text el_class=”port_third_col”]<\/p>\n

Services Utilized<\/h2>\n

Stakeholder Research<\/a><\/p>\n

Usability Testing<\/a><\/p>\n

Information Architecture Design<\/a><\/p>\n

UI & UX Strategy<\/a><\/p>\n

CMS Development<\/a><\/p>\n

Web Design<\/a><\/p>\n

Hosting<\/a><\/p>\n

Security<\/a><\/p>\n

SEO services<\/a>[\/vc_column_text][vc_column_text el_class=”port_second_col”]<\/p>\n

Client Goals<\/h2>\n

Prepare Brand for Expansion<\/p>\n

Create a New Impactful Look<\/p>\n

Transmit Brand\u2019s Essence<\/p>\n

Revitalize the Navigation<\/p>\n

Create a User-Friendly Experience[\/vc_column_text][vc_column_text el_class=”port_actions”]<\/p>\n

VISIT WEBSITE<\/a> AWARDS<\/a><\/div>\n
COMMISSION A BUILD<\/a><\/div>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row el_class=”port_gallery_images”][vc_column el_class=”port_content”][vc_single_image image=”21429″ img_size=”full” alignment=”center” el_class=”port_image_left”][vc_single_image image=”21659″ img_size=”full” alignment=”center” el_class=”port_image_right no_margin”][vc_column_text el_class=”port_col_left”]<\/p>\n

The challenge<\/h2>\n

TOL\u2019s previous website was disorganized, visually flat and missing most of the information on their over 700 different testing products. Also, their previous site\u2019s navigation was confusing and frustrating for potential customers who frequently lost patience and would then log off to access one of their competitors\u2019 websites.[\/vc_column_text][vc_column_text el_class=”port_col_right”]<\/p>\n

Impeccable design<\/h2>\n

Our design process integrates proven principles of art as with mathematics-based concepts of ideal proportionality and scientific findings on human perception. This results in a design that is intuitive and easy to absorb at a glance. In addition, after gaining feedback from the client about their preferences, we tailor an organization\u2019s website to the aesthetic preferences of their particular audience. At the same time, we incorporate the requisite functionality and sophistication to appeal to higher-level decision makers. We knew that TOL professionals had engineering and other applied technology backgrounds, most of whom prefer a darker color palette, simple design elements as with textbook font styles that are consistent with what they see on work documents. After selecting the right fonts (Arvo & Open Sans), we then established optimal, ideally proportional distances between the lines and letters to maximize ease of reading.[\/vc_column_text][vc_single_image image=”21662″ img_size=”full” alignment=”center” el_class=”port_image”][vc_single_image image=”21660″ img_size=”full” alignment=”center” el_class=”port_image_left”][vc_single_image image=”21377″ img_size=”full” alignment=”center” el_class=”port_image_right no_margin”][vc_column_text el_class=”port_col_left”]<\/p>\n

Used typefaces<\/h2>\n

Arvo is a slab-serif typeface suited for both screen and print and designed to increase legibility.Open Sans was designed with an upright stress, open forms and a neutral, yet friendly appearance. It was optimized for print, web, and mobile interfaces, and has excellent legibility characteristics in its letterforms. If you visit the site<\/a>, you\u2019ll see how we brought these themes together in an innovative way with several curvilinear elements and a sliding, right side red menu that contrasts beautifully with the primary brown\/honey background. By applying these and other scientific principles of perception, we created an interactive design that immediately engages the viewer, encouraging them to explore the site at depth.[\/vc_column_text][vc_column_text el_class=”port_col_right”]<\/p>\n

Seamless organization and navigation<\/h2>\n

We interviewed TOL stakeholders and employees in focus groups to understand what they wanted on their website and how best to arrange that information. The new website had to make complete sense to them and their customers.Our solution was to create a Homepage with three gateway links with a pop-out upper right side menu that supplements and reinforces those links. In other words, the site funnels viewers to exactly where they want to go. For example, they gain immediate access to all test product descriptions (alphabetically arranged) deeper within the site.[\/vc_column_text][vc_single_image image=”21658″ img_size=”full” alignment=”center” el_class=”port_image no_margin”][vc_column_text el_class=”port_col_left”]<\/p>\n

Functionality across all devices<\/h2>\n

Our research showed that over 50% of TOL customers used mobile devices in accessing their website. So, the mobile device website version had to look just as visually crisp and functional as it does on large screens. Behind all our work is high-level, complex programming that makes the user experience pleasurable and effortless. We worked hard to create a mobile device website version for TOL that achieved those objectives.[\/vc_column_text][vc_single_image image=”21376″ img_size=”full” alignment=”center” el_class=”port_image”][\/vc_column][\/vc_row][vc_row el_class=”ak_maxwidth”][vc_column el_class=”port_content_center”][vc_column_text]<\/p>\n

Explore More from OWDT<\/h2>\n

Each project we undertake is a study in precision \u2014 where design, technology, and storytelling converge. Discover more of our work and see how we help institutions, brands, and innovators shape digital experiences that endure.[\/vc_column_text][vc_column_text el_class=”port_actions”]<\/p>\n

PORTFOLIO<\/a><\/div>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row el_class=”slideFormPopup”][vc_column el_class=”port_content_center inner_slideFormPopup”][vc_column_text el_class=”popup_form step_two form_one”]<\/p>\n

\n

Have Us Contact You<\/p>\n

\n

<\/p>\n

CLOSE PANEL<\/h6>\n<\/div>\n<\/div>\n