{"id":1061,"date":"2024-09-13T03:17:40","date_gmt":"2024-09-13T03:17:40","guid":{"rendered":"https:\/\/webgamma.dev\/wg\/?post_type=project&p=1061"},"modified":"2024-10-25T06:22:43","modified_gmt":"2024-10-25T06:22:43","slug":"website-design-for-double-stallion","status":"publish","type":"project","link":"https:\/\/webgamma.dev\/wg\/project\/website-design-for-double-stallion\/","title":{"rendered":"Double Stallion"},"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
Double Stallion<\/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
3 weeks<\/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\tDouble Stallion is a boutique game studio specializing in high-quality 2D action games, delivering tailored gaming experiences that meet the specific needs and preferences of its players.\t\t\t\t\t\t\t<\/p>\n\t\t<\/div>\n\t\t

2019<\/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\tOne of the core elements of our design strategy was selecting colors and fonts that complemented the studio’s unique art style and enhanced the visual appeal of their 2D action games.\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 studio\u2019s logo became a central element of the website\u2019s visual style, inspiring many components of the user interface, layout design, and overall aesthetic.<\/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\t\t All logo variations have been adapted for different interface backgrounds and can be used in either color or monochrome.\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
Color 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<\/div>\n\t<\/div>\n<\/div>\n\n\n
<\/div>\n\n\n\n
\n
\n
\n
\n
\n
\n

Showcasing game characters<\/h2>\n
\n \"\"<\/span><\/span> <\/div>\n <\/div>\n <\/div>\n <\/div>\n
\n

Double Stallion games are recognized for their unique art style. Our team ensured that every detail of their games was preserved, highlighting the artwork without overwhelming site visitors with unnecessary UI elements.<\/p> \n <\/div>\n

\n \"\"<\/span><\/span> <\/div>\n <\/div>\n <\/div>\n \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 The redesign presents users with a clean, intuitive layout and simplified navigation, making it easy to access key information and discover the studio’s games from the outset.\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
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
Game 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
\n
\n
\n \n

Sitemap<\/h2>\n \n

\n The new structure enhances user navigation, allowing quick access to information and improving the site’s 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>Games<\/span><\/div>\n <\/div>\n \n \n <\/div>\n \n <\/div>\n<\/div>\n\n\n
<\/div>\n\n\n\n
\n
\n
\n
\n
\n

Team avatars<\/h3>\n

The studio had team member avatars that needed to be creatively displayed on the team page, while maintaining the studio’s brand style and ensuring consistency with the overall website design.<\/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
\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\n
\n
\n
\n
\n
\n

Responsive layout<\/h3>\n

We developed device-specific layouts to ensure a consistent user experience across desktops, tablets, and smartphones.<\/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
About page<\/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
Navigation<\/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
Contact page<\/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
Game 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","protected":false},"featured_media":1669,"template":"","meta":{"inline_featured_image":false},"project_cat":[36,16,15,14,41,17],"project_year":[31],"project_industry":[33],"class_list":["post-1061","project","type-project","status-publish","has-post-thumbnail","hentry","project_cat-cjm","project_cat-development","project_cat-user-interface-design","project_cat-user-experience-design","project_cat-ux-research","project_cat-web-design","project_year-31","project_industry-entertainment"],"acf":[],"yoast_head":"\nDouble Stallion - 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=\"Double Stallion - Webgamma\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webgamma.dev\/wg\/project\/double-stallion\/\" \/>\n<meta property=\"og:site_name\" content=\"Webgamma\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Double-stallion-project-card-1-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1972\" \/>\n\t<meta property=\"og:image:height\" content=\"1840\" \/>\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\/double-stallion\/\",\"url\":\"https:\/\/webgamma.dev\/wg\/project\/double-stallion\/\",\"name\":\"Double Stallion - Webgamma\",\"isPartOf\":{\"@id\":\"https:\/\/webgamma.dev\/wg\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webgamma.dev\/wg\/project\/double-stallion\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webgamma.dev\/wg\/project\/double-stallion\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Double-stallion-project-card-1-1.png\",\"datePublished\":\"2024-09-13T03:17:40+00:00\",\"dateModified\":\"2024-10-25T06:22:43+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/webgamma.dev\/wg\/project\/double-stallion\/#breadcrumb\"},\"inLanguage\":\"en-CA\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webgamma.dev\/wg\/project\/double-stallion\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-CA\",\"@id\":\"https:\/\/webgamma.dev\/wg\/project\/double-stallion\/#primaryimage\",\"url\":\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Double-stallion-project-card-1-1.png\",\"contentUrl\":\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Double-stallion-project-card-1-1.png\",\"width\":1972,\"height\":1840},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webgamma.dev\/wg\/project\/double-stallion\/#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\":\"Double Stallion\"}]},{\"@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":"Double Stallion - 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":"Double Stallion - Webgamma","og_url":"https:\/\/webgamma.dev\/wg\/project\/double-stallion\/","og_site_name":"Webgamma","og_image":[{"width":1972,"height":1840,"url":"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Double-stallion-project-card-1-1.png","type":"image\/png"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/webgamma.dev\/wg\/project\/double-stallion\/","url":"https:\/\/webgamma.dev\/wg\/project\/double-stallion\/","name":"Double Stallion - Webgamma","isPartOf":{"@id":"https:\/\/webgamma.dev\/wg\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webgamma.dev\/wg\/project\/double-stallion\/#primaryimage"},"image":{"@id":"https:\/\/webgamma.dev\/wg\/project\/double-stallion\/#primaryimage"},"thumbnailUrl":"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Double-stallion-project-card-1-1.png","datePublished":"2024-09-13T03:17:40+00:00","dateModified":"2024-10-25T06:22:43+00:00","breadcrumb":{"@id":"https:\/\/webgamma.dev\/wg\/project\/double-stallion\/#breadcrumb"},"inLanguage":"en-CA","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webgamma.dev\/wg\/project\/double-stallion\/"]}]},{"@type":"ImageObject","inLanguage":"en-CA","@id":"https:\/\/webgamma.dev\/wg\/project\/double-stallion\/#primaryimage","url":"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Double-stallion-project-card-1-1.png","contentUrl":"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Double-stallion-project-card-1-1.png","width":1972,"height":1840},{"@type":"BreadcrumbList","@id":"https:\/\/webgamma.dev\/wg\/project\/double-stallion\/#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":"Double Stallion"}]},{"@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\/1061"}],"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\/1669"}],"wp:attachment":[{"href":"https:\/\/webgamma.dev\/wg\/wp-json\/wp\/v2\/media?parent=1061"}],"wp:term":[{"taxonomy":"project_cat","embeddable":true,"href":"https:\/\/webgamma.dev\/wg\/wp-json\/wp\/v2\/project_cat?post=1061"},{"taxonomy":"project_year","embeddable":true,"href":"https:\/\/webgamma.dev\/wg\/wp-json\/wp\/v2\/project_year?post=1061"},{"taxonomy":"project_industry","embeddable":true,"href":"https:\/\/webgamma.dev\/wg\/wp-json\/wp\/v2\/project_industry?post=1061"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}