{"id":167,"date":"2024-06-08T09:02:39","date_gmt":"2024-06-08T09:02:39","guid":{"rendered":"https:\/\/webgamma.dev\/wg\/?post_type=project&p=167"},"modified":"2024-10-25T06:44:47","modified_gmt":"2024-10-25T06:44:47","slug":"ui-ux-and-branding-for-bebbble","status":"publish","type":"project","link":"https:\/\/webgamma.dev\/wg\/project\/ui-ux-and-branding-for-bebbble\/","title":{"rendered":"Bebbble"},"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
Bebbble<\/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
1.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\tBebbble is a chatbot service designed to help creatives showcase their work and attract clients on platforms like Behance and Dribbble. This tool provides exclusive gallery access and opportunities to expand audience reach, enhancing visibility in the design community.\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 <\/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 chose colors and fonts which would enhance the website’s content without overshadowing it. This type & color selection ensures that each element on the page contributes to a cohesive and visually appealing user experience.\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>\"\"<\/span><\/span> <\/div>\n
\n \"\"<\/span><\/span>\"\"<\/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 logo design is intentionally minimalistic, featuring a clean and modern typography. This font-based logo stands out through its simplicity, ensuring it is both visually compelling and memorable.<\/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\t
\n \n\t\t

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

\n\t\t\t \t\t\t\t The monochromatic versions maintain the logo’s minimalist aesthetic while offering flexibility for use in both traditional and contemporary contexts.\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 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\t
\n \n\t\t

Favicon<\/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
Favicon<\/div>\n\t\t\t\t\t
Icon<\/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
Favicon<\/div>\n\t\t\t\t\t
Browser<\/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 improves 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>Join<\/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

Horizontal scrolling<\/h2>\n \t\t \n\t\t

\n\t\t\t \t\t\t\t Utilizing a dark theme to reduce visual strain and enhance content visibility, complemented by horizontal scrolling for a smooth and intuitive navigation experience.\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\"\"<\/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
About<\/div>\n\t\t<\/div>\n\t\t\t<\/div>\n<\/div>\n\n\n
<\/div>\n\n\n\n
\n
\n\t
\n \n\t\t

Subscription model<\/h2>\n \t\t \n\t\t

\n\t\t\t \t\t\t\t We developed a variety of subscription plans, and complemented them with custom two dimensional illustrations that serve as functional mascots on the platform.\t\t\t \t\t <\/p>\n\t <\/div>\n <\/div>\n<\/div>\n\n\n

<\/div>\n\n\n\n
\n
\n
\n
\n
\n \"\"<\/span><\/span>\"\"<\/span><\/span>\t <\/div>\n
\n \"\"<\/span><\/span>\"\"<\/span><\/span>\t <\/div>\n
\n \"\"<\/span><\/span>\"\"<\/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 design<\/h3>\n

We have created specific page layouts for desktop devices, tablets and smartphones, each customized to offer the best user experience and responsiveness 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\"\"<\/span><\/span>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t
News<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t
News page provides essential information that help creative professionals stay ahead in the design industry.<\/div>\n\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\t\t\t\t
Step-by-step guides<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t
News page provides essential information that help creative professionals stay ahead in the design industry.<\/div>\n\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\t\t\t\t
Subscriptions<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t
Subscriptions page provides detailed comparisons and benefits, helping users choose the plan that best fits their needs.<\/div>\n\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\t\t\t\t
Community tips<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t
Subscriptions page provides detailed comparisons and benefits, helping users choose the plan that best fits their needs.<\/div>\n\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":299,"template":"","meta":{"inline_featured_image":false},"project_cat":[21,19,20,15,14,18],"project_year":[22],"project_industry":[30],"class_list":["post-167","project","type-project","status-publish","has-post-thumbnail","hentry","project_cat-branding","project_cat-logo","project_cat-research","project_cat-user-interface-design","project_cat-user-experience-design","project_cat-visual-identity","project_year-22","project_industry-technology"],"acf":[],"yoast_head":"\nBebbble - 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=\"Bebbble - Webgamma\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webgamma.dev\/wg\/project\/bebbble\/\" \/>\n<meta property=\"og:site_name\" content=\"Webgamma\" \/>\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\/bebbble\/\",\"url\":\"https:\/\/webgamma.dev\/wg\/project\/bebbble\/\",\"name\":\"Bebbble - Webgamma\",\"isPartOf\":{\"@id\":\"https:\/\/webgamma.dev\/wg\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webgamma.dev\/wg\/project\/bebbble\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webgamma.dev\/wg\/project\/bebbble\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/06\/Work-cover-bebbble-001.svg\",\"datePublished\":\"2024-06-08T09:02:39+00:00\",\"dateModified\":\"2024-10-25T06:44:47+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/webgamma.dev\/wg\/project\/bebbble\/#breadcrumb\"},\"inLanguage\":\"en-CA\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webgamma.dev\/wg\/project\/bebbble\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-CA\",\"@id\":\"https:\/\/webgamma.dev\/wg\/project\/bebbble\/#primaryimage\",\"url\":\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/06\/Work-cover-bebbble-001.svg\",\"contentUrl\":\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/06\/Work-cover-bebbble-001.svg\",\"width\":493,\"height\":560},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webgamma.dev\/wg\/project\/bebbble\/#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\":\"Bebbble\"}]},{\"@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":"Bebbble - 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":"Bebbble - Webgamma","og_url":"https:\/\/webgamma.dev\/wg\/project\/bebbble\/","og_site_name":"Webgamma","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/webgamma.dev\/wg\/project\/bebbble\/","url":"https:\/\/webgamma.dev\/wg\/project\/bebbble\/","name":"Bebbble - Webgamma","isPartOf":{"@id":"https:\/\/webgamma.dev\/wg\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webgamma.dev\/wg\/project\/bebbble\/#primaryimage"},"image":{"@id":"https:\/\/webgamma.dev\/wg\/project\/bebbble\/#primaryimage"},"thumbnailUrl":"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/06\/Work-cover-bebbble-001.svg","datePublished":"2024-06-08T09:02:39+00:00","dateModified":"2024-10-25T06:44:47+00:00","breadcrumb":{"@id":"https:\/\/webgamma.dev\/wg\/project\/bebbble\/#breadcrumb"},"inLanguage":"en-CA","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webgamma.dev\/wg\/project\/bebbble\/"]}]},{"@type":"ImageObject","inLanguage":"en-CA","@id":"https:\/\/webgamma.dev\/wg\/project\/bebbble\/#primaryimage","url":"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/06\/Work-cover-bebbble-001.svg","contentUrl":"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/06\/Work-cover-bebbble-001.svg","width":493,"height":560},{"@type":"BreadcrumbList","@id":"https:\/\/webgamma.dev\/wg\/project\/bebbble\/#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":"Bebbble"}]},{"@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\/167"}],"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\/299"}],"wp:attachment":[{"href":"https:\/\/webgamma.dev\/wg\/wp-json\/wp\/v2\/media?parent=167"}],"wp:term":[{"taxonomy":"project_cat","embeddable":true,"href":"https:\/\/webgamma.dev\/wg\/wp-json\/wp\/v2\/project_cat?post=167"},{"taxonomy":"project_year","embeddable":true,"href":"https:\/\/webgamma.dev\/wg\/wp-json\/wp\/v2\/project_year?post=167"},{"taxonomy":"project_industry","embeddable":true,"href":"https:\/\/webgamma.dev\/wg\/wp-json\/wp\/v2\/project_industry?post=167"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}