{"id":13019,"date":"2022-10-12T12:16:51","date_gmt":"2022-10-12T12:16:51","guid":{"rendered":"https:\/\/blog.tubikstudio.com\/?p=13019"},"modified":"2025-10-24T11:26:59","modified_gmt":"2025-10-24T11:26:59","slug":"website-design-electrical-engineering-service","status":"publish","type":"post","link":"https:\/\/tubikstudio.com\/blog\/website-design-electrical-engineering-service\/","title":{"rendered":"Case Study: THT. Website Design for Electrical Engineering Service"},"content":{"rendered":"<p>Welcome to take a glance at one of our recent projects, created at the crossroads of the practical and creative, design and engineering. In this case study, we unveil the story of website design for THT, the company making electronics that breathe life into innovative products.<\/p>\n<h2>Client and Project<\/h2>\n<p><a href=\"https:\/\/www.thehumbletransistor.com\/\" rel=\"nofollow\">THT<\/a> is a USA-based team that offers electrical engineering and firmware development and services that span from proof-of-concept prototyping to designs for mass production. As they describe themselves, they are committed to producing reliable technology that performs at the highest standard, with honest, well-organized, clearly documented, and trustworthy work. They back clients who they believe in and whose goals they can achieve.<\/p>\n<p>The THT team approached us with the request for their website design to amplify their online presence, highlight the benefits of the service, tell about the projects that were already accomplished, and enhance communication with their customers. As well, we <a href=\"https:\/\/blog.tubikstudio.com\/tag\/webflow\/\">implemented the website on Webflow<\/a>.<\/p>\n<p>The creative team for the project from the tubik side included Sergii Kucherenko, Daria Tsehelna, Maryna Solomennikova, Kirill Erokhin, Anton Chirskii, and Nick Zhuravlov.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13021\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/09\/tht-website-design-tubik-studio-case-study.jpg\" alt=\"tht website design tubik studio case study\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/09\/tht-website-design-tubik-studio-case-study.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/09\/tht-website-design-tubik-studio-case-study-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/09\/tht-website-design-tubik-studio-case-study-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/09\/tht-website-design-tubik-studio-case-study-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/09\/tht-website-design-tubik-studio-case-study-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<h2>Website Design<\/h2>\n<p>The general visual and interaction design for the THT website is based on the following points:<\/p>\n<ul>\n<li>the solid visual hierarchy that makes the web pages highly scannable and allows website visitors to quickly get into the essence of the service<\/li>\n<li>simple, elegant, and readable typography corresponding to the theme and not distracting visitors with decorative elements<\/li>\n<li>the deep dark color palette and the balanced usage of stylish gradients<\/li>\n<li>well-arranged content allowing for quick skimming and uniting different sections into the integral user experience<\/li>\n<li>effective and consistent graphics performance and custom visual elements for the original presentation<\/li>\n<li>smooth, catchy <a href=\"https:\/\/blog.tubikstudio.com\/web-animation\/\">web motion effects<\/a><\/li>\n<\/ul>\n<p>Altogether, those factors do their best for the website to make it present the essence and benefits of the service, engage visitors, and set a quick and strong emotional connection.<\/p>\n<p>The typography choice fell on Alliance, the sans serif typeface flexible for various goals and providing good legibility in both short and large texts.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13032\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/tht-website-design-typography.jpg\" alt=\"tht website design typography\" width=\"1377\" height=\"761\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/tht-website-design-typography.jpg 1377w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/tht-website-design-typography-300x166.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/tht-website-design-typography-768x424.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/tht-website-design-typography-1024x566.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/tht-website-design-typography-150x83.jpg 150w\" sizes=\"auto, (max-width: 1377px) 100vw, 1377px\" \/><\/p>\n<p>And here&#8217;s a glance at the colors used for the website, deep, eye-pleasing, and providing a good background for various visuals and text blocks.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13040\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/tht-website-design-tubik-case-study-colors.jpg\" alt=\"tht website design tubik case study colors\" width=\"1600\" height=\"805\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/tht-website-design-tubik-case-study-colors.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/tht-website-design-tubik-case-study-colors-300x151.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/tht-website-design-tubik-case-study-colors-768x386.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/tht-website-design-tubik-case-study-colors-1024x515.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/tht-website-design-tubik-case-study-colors-150x75.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p>The <a href=\"https:\/\/blog.tubikstudio.com\/feel-homey-handy-tips-for-home-page-design\/\">home page of the website<\/a> presents an overview of the services the company provides and the portfolio of completed projects. The hero section features a prominent custom illustration our team made to set the topic and activate instant visual connection to the theme of electronics, devices, and digital technologies even before the visitor reads the text. The image is supported with the blog tagline, a short, concise text block unveiling the main idea of the company activity, and a noticeable call-to-action button for those who want to connect the team right from the point.<\/p>\n<p>Scrolling the page down, the visitors can learn more about what the company can help with; all the services are well-organized in a clear, digestible list supported with neat line graphics. The following Portfolio section shows up the cards with project previews. All preview cards are endowed with special custom illustrations in one style, which helps to reach <a href=\"https:\/\/blog.tubikstudio.com\/design-consistency\/\">visual consistency<\/a> and integrity.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13039\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/tht-website-design-tubik-case-study-4.jpg\" alt=\"tht website design tubik case study 4\" width=\"1600\" height=\"2585\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/tht-website-design-tubik-case-study-4.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/tht-website-design-tubik-case-study-4-186x300.jpg 186w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/tht-website-design-tubik-case-study-4-768x1241.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/tht-website-design-tubik-case-study-4-634x1024.jpg 634w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/tht-website-design-tubik-case-study-4-93x150.jpg 93w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p>And here&#8217;s how <a href=\"https:\/\/blog.tubikstudio.com\/web-animation\/\">web animation<\/a> helps make the experience even more dynamic and impressive on the home page of the THT website.<\/p>\n<p><iframe loading=\"lazy\" title=\"THT website tubik\" src=\"https:\/\/player.vimeo.com\/video\/756791847?h=3c78719810&amp;dnt=1&amp;app_id=122963\" width=\"500\" height=\"375\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe><\/p>\n<p>Here&#8217;s a glance at the particular project page in the portfolio. It echoes the visual style set on the home page, with neatly arranged, hierarchic text blocks, illustrative and photo content, and supportive line graphics.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13030\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/tht-website-tubik-design.jpg\" alt=\"tht website tubik design\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/tht-website-tubik-design.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/tht-website-tubik-design-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/tht-website-tubik-design-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/tht-website-tubik-design-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/tht-website-tubik-design-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p>Here&#8217;s an example of the page presenting the tool dealing with different data. For the design here, we had to consider various types of infographics and stats that would look clear and consistent.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13037\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/tht-website-design-tubik-case-study-2.jpg\" alt=\"tht website design tubik case study\" width=\"1600\" height=\"3268\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/tht-website-design-tubik-case-study-2.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/tht-website-design-tubik-case-study-2-147x300.jpg 147w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/tht-website-design-tubik-case-study-2-768x1569.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/tht-website-design-tubik-case-study-2-501x1024.jpg 501w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/tht-website-design-tubik-case-study-2-73x150.jpg 73w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p>Another interesting design point to mention is the animation of the interactions with the tabs of different projects, imitating a sort of curtain moving up and opening an extensive preview of the project.<\/p>\n<p><iframe loading=\"lazy\" title=\"tht website interaction tubik\" src=\"https:\/\/player.vimeo.com\/video\/756791891?h=278103a854&amp;dnt=1&amp;app_id=122963\" width=\"500\" height=\"375\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13031\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/tht-website-design-tubik.jpg\" alt=\"tht website design tubik\" width=\"2048\" height=\"1536\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/tht-website-design-tubik.jpg 2048w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/tht-website-design-tubik-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/tht-website-design-tubik-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/tht-website-design-tubik-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/tht-website-design-tubik-150x113.jpg 150w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><\/p>\n<p>In the structure of the company website, a contact page is usually quite simple. Still, it has great importance as it sets the direct communication with the potential customer, so it&#8217;s crucial not to overdesign it to make the page fast to load, informative, and functional. That&#8217;s also the idea behind the contact page for the THT website: a contact form is added to the page to let the visitor quickly send the message right from there, or they could choose from other convenient methods like writing an email, giving a call, or arranging an online meeting.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13041\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/tht-website-design-tubik-case-study.jpg\" alt=\"tht website design tubik case study\" width=\"1600\" height=\"982\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/tht-website-design-tubik-case-study.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/tht-website-design-tubik-case-study-300x184.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/tht-website-design-tubik-case-study-768x471.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/tht-website-design-tubik-case-study-1024x628.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/tht-website-design-tubik-case-study-150x92.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p>All website pages are adapted to the efficient mobile experience to make the design work at its full and let the brand communicate successfully on any device.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13038\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/tht-website-design-tubik-case-study-3.jpg\" alt=\"tht website design tubik case study\" width=\"1600\" height=\"2942\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/tht-website-design-tubik-case-study-3.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/tht-website-design-tubik-case-study-3-163x300.jpg 163w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/tht-website-design-tubik-case-study-3-768x1412.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/tht-website-design-tubik-case-study-3-557x1024.jpg 557w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/tht-website-design-tubik-case-study-3-82x150.jpg 82w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><iframe loading=\"lazy\" title=\"tht website design mobile\" src=\"https:\/\/player.vimeo.com\/video\/756791916?h=4fb1198e0a&amp;dnt=1&amp;app_id=122963\" width=\"500\" height=\"375\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe><\/p>\n<p>All the design solutions were implemented by our team with the help of <a href=\"https:\/\/blog.tubikstudio.com\/webflow-design-for-business\/\">Webflow<\/a>, which ensured that designers kept their eye on the slightest details of the development process.<\/p>\n<p>New <a href=\"https:\/\/blog.tubikstudio.com\/category\/case_study\/\">design case studies<\/a> from our team are coming soon. Stay tuned!<\/p>\n<h2>More Design Case Studies<\/h2>\n<p>Here\u2019s a set of more case studies sharing the design solutions and approaches for some of the design projects done by the Tubik team.<\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/delivery-app-branding-ux-design\/\">Glup. Delivery App Branding and UX Design<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/website-design-wellness-tool\/\">Komuso. Website Design for Wellness Tool<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/website-design-for-event-agency\/\">PointZero25. Identity and Website Design for Event Agency<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/website-design-for-podcast\/\">Nonconventional Show. Website Design for Podcast<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/branding-website-design-3d-tool\/\">uMake. Branding and Website for 3D Design Tool<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/web-design-food-product-ecommerce\/\">BEGG. Brand Packaging and Web Design for Food Product Ecommerce<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/brand-identity-ux-design-fintech\/\">Crezco. Brand Identity and UI\/UX Design for Fintech Service<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/identity-web-design-agriculture\/\">FarmSense. Identity and Web Design for Agricultural Technology<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/identity-ux-design-delivery-service\/\">Carricare. Identity and UX Design for Safe Delivery Service<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/brand-identity-design-flea-market\/\">OOP. Brand Identity Design for Online Flea Market<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/mobile-app-design-safe-driving\/\">Otozen. Mobile App Design for Safe Driving<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The case study unveils the process of website design and custom graphics for THT, the company that makes electronics and prototypes breathing life into innovative products.<\/p>\n","protected":false},"author":3,"featured_media":13290,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[588,4,9],"tags":[468,479,47,482,57,485,100,487,123,491,127,502,138,504,147,515,212,533,248,534,256,536,365,543,440,548,447,585,457],"coauthors":[],"class_list":["post-13019","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-business","category-case_study","category-ui_ux","tag-ui-design-process","tag-usability","tag-branding","tag-user-experience","tag-case-study","tag-user-experience-design","tag-design","tag-user-experience-design-process","tag-design-for-business","tag-user-interface","tag-design-for-marketing","tag-ux","tag-design-process","tag-ux-design-article","tag-design-studio","tag-uxui","tag-graphic-design","tag-web-design","tag-illustration","tag-web-design-article","tag-interaction-design","tag-web-design-case-study","tag-product-design","tag-web-marketing","tag-tubik","tag-website-design","tag-tubik-studio","tag-webflow","tag-ui"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Case Study: THT. Website Design for Electrical Engineering Service<\/title>\n<meta name=\"description\" content=\"The case study unveils the process of website design and custom graphics for THT, the company that makes electronics breathing life into innovative products.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/tubikstudio.com\/blog\/website-design-electrical-engineering-service\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Case Study: THT. Website Design for Electrical Engineering Service\" \/>\n<meta property=\"og:description\" content=\"The case study unveils the process of website design and custom graphics for THT, the company that makes electronics breathing life into innovative products.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tubikstudio.com\/blog\/website-design-electrical-engineering-service\/\" \/>\n<meta property=\"og:site_name\" content=\"Tubik Blog: Articles About Design\" \/>\n<meta property=\"article:published_time\" content=\"2022-10-12T12:16:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-24T11:26:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/Case-Study-Website-Design-Electrical-Engineering-Service-tubik.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"1200\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Marina Yalanska\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marina Yalanska\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/website-design-electrical-engineering-service\/\",\"url\":\"https:\/\/tubikstudio.com\/blog\/website-design-electrical-engineering-service\/\",\"name\":\"Case Study: THT. Website Design for Electrical Engineering Service\",\"isPartOf\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/website-design-electrical-engineering-service\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/website-design-electrical-engineering-service\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/Case-Study-Website-Design-Electrical-Engineering-Service-tubik.jpg\",\"datePublished\":\"2022-10-12T12:16:51+00:00\",\"dateModified\":\"2025-10-24T11:26:59+00:00\",\"author\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f\"},\"description\":\"The case study unveils the process of website design and custom graphics for THT, the company that makes electronics breathing life into innovative products.\",\"breadcrumb\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/website-design-electrical-engineering-service\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tubikstudio.com\/blog\/website-design-electrical-engineering-service\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/website-design-electrical-engineering-service\/#primaryimage\",\"url\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/Case-Study-Website-Design-Electrical-Engineering-Service-tubik.jpg\",\"contentUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/Case-Study-Website-Design-Electrical-Engineering-Service-tubik.jpg\",\"width\":1600,\"height\":1200,\"caption\":\"Case Study Website Design Electrical Engineering Service tubik\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/website-design-electrical-engineering-service\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tubikstudio.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Case Study: THT. Website Design for Electrical Engineering Service\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\",\"url\":\"https:\/\/tubikstudio.com\/blog\/\",\"name\":\"Tubik Blog: Articles About Design\",\"description\":\"Tubik Studio\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/tubikstudio.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f\",\"name\":\"Marina Yalanska\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/image\/2ddde1c118fcf989ce8e73997a3909dd\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g\",\"caption\":\"Marina Yalanska\"},\"url\":\"https:\/\/tubikstudio.com\/blog\/author\/marina-yalanska\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Case Study: THT. Website Design for Electrical Engineering Service","description":"The case study unveils the process of website design and custom graphics for THT, the company that makes electronics breathing life into innovative products.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/tubikstudio.com\/blog\/website-design-electrical-engineering-service\/","og_locale":"en_US","og_type":"article","og_title":"Case Study: THT. Website Design for Electrical Engineering Service","og_description":"The case study unveils the process of website design and custom graphics for THT, the company that makes electronics breathing life into innovative products.","og_url":"https:\/\/tubikstudio.com\/blog\/website-design-electrical-engineering-service\/","og_site_name":"Tubik Blog: Articles About Design","article_published_time":"2022-10-12T12:16:51+00:00","article_modified_time":"2025-10-24T11:26:59+00:00","og_image":[{"width":1600,"height":1200,"url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/Case-Study-Website-Design-Electrical-Engineering-Service-tubik.jpg","type":"image\/jpeg"}],"author":"Marina Yalanska","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Marina Yalanska","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tubikstudio.com\/blog\/website-design-electrical-engineering-service\/","url":"https:\/\/tubikstudio.com\/blog\/website-design-electrical-engineering-service\/","name":"Case Study: THT. Website Design for Electrical Engineering Service","isPartOf":{"@id":"https:\/\/tubikstudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tubikstudio.com\/blog\/website-design-electrical-engineering-service\/#primaryimage"},"image":{"@id":"https:\/\/tubikstudio.com\/blog\/website-design-electrical-engineering-service\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/Case-Study-Website-Design-Electrical-Engineering-Service-tubik.jpg","datePublished":"2022-10-12T12:16:51+00:00","dateModified":"2025-10-24T11:26:59+00:00","author":{"@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f"},"description":"The case study unveils the process of website design and custom graphics for THT, the company that makes electronics breathing life into innovative products.","breadcrumb":{"@id":"https:\/\/tubikstudio.com\/blog\/website-design-electrical-engineering-service\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tubikstudio.com\/blog\/website-design-electrical-engineering-service\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/website-design-electrical-engineering-service\/#primaryimage","url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/Case-Study-Website-Design-Electrical-Engineering-Service-tubik.jpg","contentUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/Case-Study-Website-Design-Electrical-Engineering-Service-tubik.jpg","width":1600,"height":1200,"caption":"Case Study Website Design Electrical Engineering Service tubik"},{"@type":"BreadcrumbList","@id":"https:\/\/tubikstudio.com\/blog\/website-design-electrical-engineering-service\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tubikstudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Case Study: THT. Website Design for Electrical Engineering Service"}]},{"@type":"WebSite","@id":"https:\/\/tubikstudio.com\/blog\/#website","url":"https:\/\/tubikstudio.com\/blog\/","name":"Tubik Blog: Articles About Design","description":"Tubik Studio","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tubikstudio.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f","name":"Marina Yalanska","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/image\/2ddde1c118fcf989ce8e73997a3909dd","url":"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g","caption":"Marina Yalanska"},"url":"https:\/\/tubikstudio.com\/blog\/author\/marina-yalanska\/"}]}},"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/13019","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/comments?post=13019"}],"version-history":[{"count":22,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/13019\/revisions"}],"predecessor-version":[{"id":15585,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/13019\/revisions\/15585"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media\/13290"}],"wp:attachment":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media?parent=13019"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/categories?post=13019"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/tags?post=13019"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/coauthors?post=13019"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}