M&B是高雄老字號的男士禮服租賃/男仕西裝訂製工作室，店面就位於捷運美麗島站出口旁，2008年我們為他們設計了第一版的網站，時隔近十年的網站改版，很榮幸他們願意再次交付給我們
2008年版本的M&B網站針對當時流行的 960 grid 格線拆分法，是一種針對最普遍的螢幕解析度 1024x768 或 1280x960 所開發的設計方法，當時手持裝置尚不普遍，響應式網頁還沒被開發出來，flash還沒有被apple排擠，所以我們只需考慮到一種顯示模式﹙好幸福的時代
改版後的版面：
為了符合現在電腦常見的解析度寬度1920px，我們將首頁輪播BANNER做了寬度滿版的處理，呈現大氣的視覺效果。為了確保在網站首頁在手機上也能保有相同的氣勢，首頁的輪播BANNER在手機裡會呈現寬度+高度皆滿版的設計。
色系上就以企業LOGO的灰冷的色系，來延伸整體效果，在版面佈局上使用了不同明度的灰分拾配合白底，明暗色度調整展現出圖片的空間感，圖文效果方便閱讀，帶來穩定及有變化的效果。
延伸閱讀：
集客多有十多年的網頁設計經驗， 最了解中小企網站網的需求，全新企業架站方案，提供最務實、最精簡的架站服務。 讓貴公司以合理的預算達到企業架站的最大效果。
透過影像編輯軟體中設計網站介面，
並提供客戶預覽網址校稿。
以最精準的 HTML標籤結構
將視覺設計稿轉換成網頁的格式。
我們開發後台力求精簡好用，讓客戶第一次使用就上手。
提供後台測試點，校對後正式上架，
主動遞交網站sitemap提供搜尋引擎蒐錄。