{"id":337,"date":"2021-05-05T04:41:32","date_gmt":"2021-05-05T09:41:32","guid":{"rendered":"https:\/\/owdtnew.wpengine.com\/?page_id=337"},"modified":"2026-01-05T06:42:10","modified_gmt":"2026-01-05T12:42:10","slug":"smith","status":"publish","type":"page","link":"https:\/\/owdt.com\/portfolio\/smith\/","title":{"rendered":"Smith"},"content":{"rendered":"

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

Smith<\/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

Founded in 1984, Smith is a leading electronics distributor with over 15 locations worldwide. Smith manages, sources, and distributes electronic components that go into everything from phones and appliances and directional drilling systems. They have earned an outstanding international reputation for logistics, quality, and professional excellence. Smith\u2019s suppliers include consumer electronics, automotive, medical, and aeronautics companies. Our initial investigation showed that we needed to create various focus groups to address different stakeholder concerns; sales, HR, and IT departments. We were able to customize a solution that was capable of addressing all concerns by redesigning the information architecture, acquiring needed content, and elevating the feel and user experience on the website.[\/vc_column_text][vc_column_text el_class=”port_third_col”]<\/p>\n

Services Utilized<\/h2>\n

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

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

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

Content Audit<\/a><\/p>\n

Content Strategy<\/a><\/p>\n

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

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

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

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

Client Goals<\/h2>\n

Elevate Public Profile<\/p>\n

Increase Competitive Advantage<\/p>\n

Honor Culture & Heritage<\/p>\n

Facilitate Consistent Communications<\/p>\n

Differentiate From Other Similar Entities<\/p>\n

Position the Organization as Global<\/p>\n

Build a Sense of Pride & Belonging<\/p>\n

Stand Out & Raise the Bar<\/p>\n

Drive Deeper Engagement<\/p>\n

Achieve Global Consistency[\/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=”21372″ img_size=”full” alignment=”center” el_class=”port_image no_margin”][vc_column_text el_class=”port_col_left”]The client wanted a website that can showcase different divisions within their companies in an efficient manner without having to click through several menus and landing pages. Our solution was an Ultra-Menu which quickly provides a snapshot of their entire site structure. The user then has an easy way to access information that would otherwise impose an increased number of clicks. Looking into past analytics and researching further, we were able to rank the user\u2019s intended destinations based on importance. Our research-based design creates a funnel to support user flow throughout the site.[\/vc_column_text][vc_column_text el_class=”port_col_right”]Our research allowed us to discover the demographics of our target audience: middle-aged (45-55) who are final decision-makers within their respective companies. In response, smithweb.com was designed to promote a faster engagement and ease of access, both highly prized features by the target audience.
\n[\/vc_column_text][vc_single_image image=”21652″ img_size=”full” alignment=”center” el_class=”port_image_left”][vc_single_image image=”21654″ img_size=”full” alignment=”center” el_class=”port_image_right”][vc_single_image image=”21656″ img_size=”full” alignment=”center” el_class=”port_image_left”][vc_single_image image=”21655″ img_size=”full” alignment=”center” el_class=”port_image_right no_margin”][vc_column_text el_class=”port_col_left”]The client wanted to incorporate the brand colors in a more prominent way without making it look garish. This was a challenging task, as we also needed to showcase numerous images of the facilities, products, and employees at the same time. Our solution was to segment the content into different blocks that could more easily incorporate different colors and content types while maintaining elegance and sophistication. Our research showed that many of Smith\u2019s visitors come from mobile devices. Therefore, we needed a design that could accommodate various screen resolutions. Even with the vast amount of information and content, this website was not only fully optimized for mobile but also could utilize the space available on even the largest desktop monitors. We used proven technologies to code our websites in the most efficient manner possible. Despite having a home page with considerable content and a slick full-screen design, we reduced server requests to a mere 56. This translated to faster loading times, which was especially important for Smith\u2019s mobile users. Furthermore, in our ongoing quest to improve the user experience, most of the website\u2019s animations relied on CSS technology, native to browsers, allowing for a smoother experience and consuming fewer computer resources.[\/vc_column_text][vc_single_image image=”21653″ 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