{"id":163,"date":"2024-06-08T09:02:23","date_gmt":"2024-06-08T09:02:23","guid":{"rendered":"https:\/\/webgamma.dev\/wg\/?post_type=project&p=163"},"modified":"2024-10-25T06:55:56","modified_gmt":"2024-10-25T06:55:56","slug":"web-design-and-development-for-cds","status":"publish","type":"project","link":"https:\/\/webgamma.dev\/wg\/project\/web-design-and-development-for-cds\/","title":{"rendered":"CDS"},"content":{"rendered":"\n
<\/div>\n\n\n\n
\n\t
\n\t\t
\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
Client<\/div>\n\t\t\t\t\t
CDS \u00ae<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
Timeline<\/div>\n\t\t\t\t\t
5 months<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t

\n\t\t\t\t\t\t\t\t\tCDS specializes in designing, manufacturing, and servicing complete lines of downstream extrusion machinery for a wide range of plastics and rubber extrusion applications, serving customers globally.\t\t\t\t\t\t\t<\/p>\n\t\t<\/div>\n\t\t

2020<\/div>\n\t<\/div>\n<\/div>\n\n\n
<\/div>\n\n\n\n
\n
\n
\n
\n
\n \"\"<\/span><\/span>\t <\/div>\n
\n \"\"<\/span><\/span>\t <\/div>\n
\n \"\"<\/span><\/span>\t <\/div>\n
\n \"\"<\/span><\/span>\t <\/div>\n
\n \"\"<\/span><\/span>\t <\/div>\n
\n \"\"<\/span><\/span>\t <\/div>\n <\/div>\n
\n
<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n<\/div>\n\n\n
<\/div>\n\n\n\t
\n\t\t
\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Colors & typography<\/h2>\n\t\t\t\t\t\t\t\t\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\tWe selected a light grey, white, and the brand\u2019s green and orange palette, along with a clean sans-serif typeface, to enhance readability and ensure the focus remains on the organization\u2019s key services and products.\t\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\"\"<\/span><\/span>\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\n
\n
\n
\n
\n
\n \"\"<\/span><\/span> <\/div>\n
\n \"\"<\/span><\/span> <\/div>\n
\n \"\"<\/span><\/span> <\/div>\n <\/div>\n
\n
<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n<\/div>\n\n\n
<\/div>\n\n\n\n
\n
\n
\n
\n
\n

Logo construction<\/h3>\n

The company\u2019s logo became the central element of the website\u2019s visual style, inspiring icons, buttons, and navigation for a consistent design.<\/p>\n

*Webgamma did not participate in the logo creation process.<\/p>\n <\/div>\n <\/div>\n

\n\t\t\t\t\"\"<\/span><\/span>\t\t\t\t

*Webgamma did not participate in the logo creation process.<\/p>\n <\/div>\n \n <\/div>\n <\/div>\n \n<\/div>\n\n\n

<\/div>\n\n\n\n
\n
\n\t
\n \n\t\t

Monochrome logo variations<\/h2>\n \t\t \n\t\t

\n\t\t\t \t\t <\/p>\n\t <\/div>\n <\/div>\n<\/div>\n\n\n

<\/div>\n\n\n
\n\t
\n\t\t
\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\"\"<\/span><\/span>\t\t\t\t\t\"\"<\/span><\/span>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t
Monochrome version<\/div>\n\t\t\t\t\t
<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\"\"<\/span><\/span>\t\t\t\t\t\"\"<\/span><\/span>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t
Monochrome version in inversion<\/div>\n\t\t\t\t\t
<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n
<\/div>\n\n\n\n
\n
\n
\n
\n
\n
\n

Product visualization<\/h2>\n
\n \"\"<\/span><\/span> <\/div>\n <\/div>\n <\/div>\n <\/div>\n
\n

Our team visualized and rendered over 150 product models in a photorealistic style to enhance the product presentation. These 3D visualizations have become an integral part of the website’s design and overall aesthetic.<\/p> \n <\/div>\n

\n \"\"<\/span><\/span> <\/div>\n <\/div>\n <\/div>\n \n<\/div>\n\n\n
<\/div>\n\n\n
\n\t
\n\t\t
\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\"\"<\/span><\/span>\t\t\t\t\t\"\"<\/span><\/span>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t
UI<\/div>\n\t\t\t\t\t
Solutions page<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\"\"<\/span><\/span>\t\t\t\t\t\"\"<\/span><\/span>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t
UI<\/div>\n\t\t\t\t\t
Product catalog<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n
<\/div>\n\n\n
\n
\n \n
\n
\n
\n \n

Sitemap<\/h2>\n \n

\n The primary issue with the old site was its confusing navigation and complex structure, so we focused on streamlining the architecture, reducing unnecessary pages, and creating a clear, intuitive product catalog, all of which positively impacted the site\u2019s search engine performance. <\/p>\n <\/div>\n <\/div>\n<\/div>

\n
\n
\n
\n
\n \"\"<\/span><\/span> \"\"<\/span><\/span> <\/div>\n <\/div>\n <\/div>\n
\n
<\/div>\n <\/div>\n <\/div>\n
\n
<\/span>Navigation<\/span><\/div>\n
<\/span>Services<\/span><\/div>\n
<\/span>Products<\/span><\/div>\n
<\/span>Solutions<\/span><\/div>\n
<\/span>News<\/span><\/div>\n <\/div>\n \n \n <\/div>\n \n <\/div>\n<\/div>\n\n\n
<\/div>\n\n\n\n
\n
\n\t
\n \n\t\t

First website interaction<\/h2>\n \t\t \n\t\t

\n\t\t\t \t\t\t\t With a simplified structure and intuitive navigation, the redesign allows users to easily access vital information on services and solutions, browse the product catalog, and request quotes.\t\t\t \t\t <\/p>\n\t <\/div>\n <\/div>\n<\/div>\n\n\n

<\/div>\n\n\n
\n\t
\n\t\t
\n\t\t\t\"\"<\/span><\/span>\t\t\t\"\"<\/span><\/span>\t\t<\/div>\n\t\t\t\t
\n\t\t\t
UI<\/div>\n\t\t\t
Main page<\/div>\n\t\t<\/div>\n\t\t\t<\/div>\n<\/div>\n\n\n
<\/div>\n\n\n
\n\t
\n\t\t
\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\"\"<\/span><\/span>\t\t\t\t\t\"\"<\/span><\/span>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t
UI<\/div>\n\t\t\t\t\t
Solutions page<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\"\"<\/span><\/span>\t\t\t\t\t\"\"<\/span><\/span>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t
UI<\/div>\n\t\t\t\t\t
Solutions section<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n
<\/div>\n\n\n
\n\t
\n\t\t
\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\"\"<\/span><\/span>\t\t\t\t\t\"\"<\/span><\/span>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t
UI<\/div>\n\t\t\t\t\t
Product catalog<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\"\"<\/span><\/span>\t\t\t\t\t\"\"<\/span><\/span>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t
UI<\/div>\n\t\t\t\t\t
Solution page<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n
<\/div>\n\n\n\n
\n
\n\t
\n \n\t\t

Visuals for product categories<\/h2>\n \t\t \n\t\t

\n\t\t\t \t\t\t\t We created highly detailed, realistic renders for over 30 product categories and subcategories, providing a visually clear representation for each category.\t\t\t \t\t <\/p>\n\t <\/div>\n <\/div>\n<\/div>\n\n\n

<\/div>\n\n\n
\n\t
\n\t\t
\n\t\t\t\"\"<\/span><\/span>\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n<\/div>\n\n\n
<\/div>\n\n\n\n
\n
\n
\n
\n
\n

Responsive design<\/h3>\n

To deliver a seamless user experience, we tailored unique layouts for desktops, tablets, and smartphones, ensuring smooth functionality on every device.<\/p>\n <\/div>\n <\/div>\n

\n\t\t\t\t\"\"<\/span><\/span>\t\t\t\t <\/div>\n \n <\/div>\n <\/div>\n \n<\/div>\n\n\n
<\/div>\n\n\n
\n\t
\n\t\t
\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\"\"<\/span><\/span>\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t
Product subcategory<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\"\"<\/span><\/span>\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t
Solutions page<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n
<\/div>\n\n\n
\n\t
\n\t\t
\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\"\"<\/span><\/span>\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t
About<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\"\"<\/span><\/span>\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t
Product category<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n
<\/div>\n","protected":false},"featured_media":301,"template":"","meta":{"inline_featured_image":false},"project_cat":[42,16,15,14,41,17],"project_year":[22],"project_industry":[46],"class_list":["post-163","project","type-project","status-publish","has-post-thumbnail","hentry","project_cat-3d-visualization","project_cat-development","project_cat-user-interface-design","project_cat-user-experience-design","project_cat-ux-research","project_cat-web-design","project_year-22","project_industry-manufacturing"],"acf":[],"yoast_head":"\nCDS - Webgamma<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CDS - Webgamma\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webgamma.dev\/wg\/project\/cds\/\" \/>\n<meta property=\"og:site_name\" content=\"Webgamma\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/06\/Work-cover-cds-001.png\" \/>\n\t<meta property=\"og:image:width\" content=\"986\" \/>\n\t<meta property=\"og:image:height\" content=\"1070\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webgamma.dev\/wg\/project\/cds\/\",\"url\":\"https:\/\/webgamma.dev\/wg\/project\/cds\/\",\"name\":\"CDS - Webgamma\",\"isPartOf\":{\"@id\":\"https:\/\/webgamma.dev\/wg\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webgamma.dev\/wg\/project\/cds\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webgamma.dev\/wg\/project\/cds\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/06\/Work-cover-cds-001.png\",\"datePublished\":\"2024-06-08T09:02:23+00:00\",\"dateModified\":\"2024-10-25T06:55:56+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/webgamma.dev\/wg\/project\/cds\/#breadcrumb\"},\"inLanguage\":\"en-CA\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webgamma.dev\/wg\/project\/cds\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-CA\",\"@id\":\"https:\/\/webgamma.dev\/wg\/project\/cds\/#primaryimage\",\"url\":\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/06\/Work-cover-cds-001.png\",\"contentUrl\":\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/06\/Work-cover-cds-001.png\",\"width\":986,\"height\":1070},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webgamma.dev\/wg\/project\/cds\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webgamma.dev\/wg\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Projects\",\"item\":\"https:\/\/webgamma.dev\/wg\/projects\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"CDS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webgamma.dev\/wg\/#website\",\"url\":\"https:\/\/webgamma.dev\/wg\/\",\"name\":\"Webgamma\",\"description\":\"Digital product design agency\",\"publisher\":{\"@id\":\"https:\/\/webgamma.dev\/wg\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webgamma.dev\/wg\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-CA\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webgamma.dev\/wg\/#organization\",\"name\":\"Webgamma\",\"url\":\"https:\/\/webgamma.dev\/wg\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-CA\",\"@id\":\"https:\/\/webgamma.dev\/wg\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/05\/Webgamma-logo-b-01.svg\",\"contentUrl\":\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/05\/Webgamma-logo-b-01.svg\",\"width\":47,\"height\":30,\"caption\":\"Webgamma\"},\"image\":{\"@id\":\"https:\/\/webgamma.dev\/wg\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"CDS - Webgamma","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"CDS - Webgamma","og_url":"https:\/\/webgamma.dev\/wg\/project\/cds\/","og_site_name":"Webgamma","og_image":[{"width":986,"height":1070,"url":"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/06\/Work-cover-cds-001.png","type":"image\/png"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/webgamma.dev\/wg\/project\/cds\/","url":"https:\/\/webgamma.dev\/wg\/project\/cds\/","name":"CDS - Webgamma","isPartOf":{"@id":"https:\/\/webgamma.dev\/wg\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webgamma.dev\/wg\/project\/cds\/#primaryimage"},"image":{"@id":"https:\/\/webgamma.dev\/wg\/project\/cds\/#primaryimage"},"thumbnailUrl":"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/06\/Work-cover-cds-001.png","datePublished":"2024-06-08T09:02:23+00:00","dateModified":"2024-10-25T06:55:56+00:00","breadcrumb":{"@id":"https:\/\/webgamma.dev\/wg\/project\/cds\/#breadcrumb"},"inLanguage":"en-CA","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webgamma.dev\/wg\/project\/cds\/"]}]},{"@type":"ImageObject","inLanguage":"en-CA","@id":"https:\/\/webgamma.dev\/wg\/project\/cds\/#primaryimage","url":"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/06\/Work-cover-cds-001.png","contentUrl":"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/06\/Work-cover-cds-001.png","width":986,"height":1070},{"@type":"BreadcrumbList","@id":"https:\/\/webgamma.dev\/wg\/project\/cds\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webgamma.dev\/wg\/"},{"@type":"ListItem","position":2,"name":"Projects","item":"https:\/\/webgamma.dev\/wg\/projects\/"},{"@type":"ListItem","position":3,"name":"CDS"}]},{"@type":"WebSite","@id":"https:\/\/webgamma.dev\/wg\/#website","url":"https:\/\/webgamma.dev\/wg\/","name":"Webgamma","description":"Digital product design agency","publisher":{"@id":"https:\/\/webgamma.dev\/wg\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webgamma.dev\/wg\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-CA"},{"@type":"Organization","@id":"https:\/\/webgamma.dev\/wg\/#organization","name":"Webgamma","url":"https:\/\/webgamma.dev\/wg\/","logo":{"@type":"ImageObject","inLanguage":"en-CA","@id":"https:\/\/webgamma.dev\/wg\/#\/schema\/logo\/image\/","url":"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/05\/Webgamma-logo-b-01.svg","contentUrl":"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/05\/Webgamma-logo-b-01.svg","width":47,"height":30,"caption":"Webgamma"},"image":{"@id":"https:\/\/webgamma.dev\/wg\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/webgamma.dev\/wg\/wp-json\/wp\/v2\/project\/163"}],"collection":[{"href":"https:\/\/webgamma.dev\/wg\/wp-json\/wp\/v2\/project"}],"about":[{"href":"https:\/\/webgamma.dev\/wg\/wp-json\/wp\/v2\/types\/project"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webgamma.dev\/wg\/wp-json\/wp\/v2\/media\/301"}],"wp:attachment":[{"href":"https:\/\/webgamma.dev\/wg\/wp-json\/wp\/v2\/media?parent=163"}],"wp:term":[{"taxonomy":"project_cat","embeddable":true,"href":"https:\/\/webgamma.dev\/wg\/wp-json\/wp\/v2\/project_cat?post=163"},{"taxonomy":"project_year","embeddable":true,"href":"https:\/\/webgamma.dev\/wg\/wp-json\/wp\/v2\/project_year?post=163"},{"taxonomy":"project_industry","embeddable":true,"href":"https:\/\/webgamma.dev\/wg\/wp-json\/wp\/v2\/project_industry?post=163"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}