嘉友電子致力於最新技術的研發及運用，追求完美的原音重現。

　網站為中英雙語系，除基本的企業簡介與聯繫之外，還提供詢價車詢問、產品說明及比較、消息布達與故障排除及實務安裝…等常見問題說明，若使用者一進入就是要找解決辦法時，也可透過右側的固定按鈕(Have a question?)尋找最熱門的問題進行瀏覽與狀況排除。

　在設計風格上，採企業識別色的紅色為主、灰黑色為輔，再以乾淨的白色作為背景應用，讓網站呈現乾淨、簡單大方，又能凸顯產品與資訊的設計風格；而首頁處則以大板塊Banner形象圖片引導使用者進入，接下來就是簡單的幾個產品展示與介紹，吸引使用者繼續點擊瀏覽。

　產品資訊列出了企業旗下的各式產品，使用者可以透過Banner下方的目錄進行類別的切換，也可以利用左側的篩選工具，以應用範圍、功能、外觀或人群規模進行篩選，若想要重新設定條件也可按下重置按鈕重新設定條件。

　另外，也可以在產品右上方中點選「比較」的按鈕，同時比較A、B、C產品的頻率、輸出、尺寸、重量…等，若挑選錯誤也可以將全部刪除，重新點選比較。

　將產品加入比較列表，最多可同時比較三種產品，若比較過後想要將其中一個產品刪除，比較另外兩個產品時，可以於此處直接將其中一個選項刪除，在進行比較，讓使用者可更好瀏覽閱讀。

　若對產品有興趣時，也可以直接在此處最下方點選「加入詢價」的按鈕，進入詢價車並填寫表單、聯繫企業。

　若沒有比較產品，而是點選某項產品進入頁面瀏覽的話，就會進到產品底層頁面瀏覽資訊，在Banner處除了基本的文案說明之外，還可以切換圖片進行查看，以及選擇加入比較、詢價、另開目錄與說明書瀏覽。

　目錄是電子書的模式，點選之後會另外開啟新的視窗進行檢視，而說明書則是以pdf的方式提供下載與瀏覽，如圖。

　產品資訊說明後，最下方則有相關產品提供使用者瀏覽，讓使用者停留在網站的時間可以更久、看得更多！

　技術服務分為三個部分，分別是無線產品的使用常識、簡易故障排除與安裝實務，點選「技術服務」單元後，會優先進入「無線產品的使用常識」選項，並看到各個產品的畫面，若要瀏覽其他選項則可透過Banneer下方的目錄切換選項。

　進入某項產品的說明後，則可看到收合式的Q&A簡介，點選某項問題並展開後，其他問題的顏色就會變淡，讓使用者可以更專注在該問題上。

　這裡也可以進行產品或關鍵字的搜尋，讓尋找答案更加快速方便，另外在右上方也可以將答案全數展開及收合，讓使用者可以選擇單一展開查看問答，或是答案全部展開一目瞭然。

　後端管理系統可管理前台的多數資訊說明，管理者也可已自行於後台上架產品類別、系列與項目，可自行設定欲顯示的語系、安規認證icon、獲獎icon、產品圖、內容圖、相關產品、配件、你也許會喜歡、使用需求…等，讓網站管理者不用透過網站設計公司的工程師，就可以新增並管理產品資訊與項目，非常方便。