{"id":440,"date":"2017-03-25T09:37:45","date_gmt":"2017-03-25T09:37:45","guid":{"rendered":"http:\/\/nyxditech.com\/blog_staging\/?p=440"},"modified":"2017-03-25T09:51:01","modified_gmt":"2017-03-25T09:51:01","slug":"5-great-ways-storytelling-design","status":"publish","type":"post","link":"https:\/\/nyxditech.com\/blog_staging\/5-great-ways-storytelling-design","title":{"rendered":"5 Great Ways Of Storytelling Through Design"},"content":{"rendered":"<p>A website is not a dumping ground to dump all your product info, services, portfolio, company information etc. It\u2019s much more than that. A truly effective website must tell a story to create user engagement. This is one of the most important element which will compel users to stick around and that\u2019s exactly what every website aims at. A great story might start with a mere thought but it\u2019s the design which infuses life in a story. Here are 5 effective ways of great storytelling through design:<\/p>\n<h2>1. Create The Engagement Through Imagery<\/h2>\n<p>The most hard hitting method of engagement creation is through visuals. Use neat and clean visuals, appealing images, compelling videos, and interesting illustrations to create an everlasting first impression. Your story must be full of imagery with a mix of design techniques and words. Develop a color palette which mirrors the essence of the story that you are telling. A good story will always lead the user towards completion of a task or goal.<\/p>\n<figure id=\"attachment_442\" aria-describedby=\"caption-attachment-442\" style=\"width: 768px\" class=\"wp-caption alignnone\"><img fetchpriority=\"high\" decoding=\"async\" class=\"size-full wp-image-442\" src=\"http:\/\/nyxditech.com\/blog_staging\/wp-content\/uploads\/2017\/03\/engagement.jpg\" alt=\"Engagement Through Imagery\" width=\"768\" height=\"476\" srcset=\"https:\/\/nyxditech.com\/blog_staging\/wp-content\/uploads\/2017\/03\/engagement.jpg 768w, https:\/\/nyxditech.com\/blog_staging\/wp-content\/uploads\/2017\/03\/engagement-300x186.jpg 300w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><figcaption id=\"caption-attachment-442\" class=\"wp-caption-text\">Image Courtesy: candccoffee.com<\/figcaption><\/figure>\n<h2>2. Invite Participation<\/h2>\n<p>Create value to your design with interactive elements along with common actions. Add a bit of animation to buttons that users need to notice or help drive the eye to certain elements with directional cues such as arrows or images. Parallax scrolling is an engaging way to encourage motion on the screen.<\/p>\n<p>Consider this example of Humaan. They use simple yet effective hover animations along with team photos. The staff poses quirky expressions that flaunt each member\u2019s character.<\/p>\n<figure id=\"attachment_443\" aria-describedby=\"caption-attachment-443\" style=\"width: 768px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"size-full wp-image-443\" src=\"http:\/\/nyxditech.com\/blog_staging\/wp-content\/uploads\/2017\/03\/invite-participation.jpg\" alt=\"Invite Participation\" width=\"768\" height=\"476\" srcset=\"https:\/\/nyxditech.com\/blog_staging\/wp-content\/uploads\/2017\/03\/invite-participation.jpg 768w, https:\/\/nyxditech.com\/blog_staging\/wp-content\/uploads\/2017\/03\/invite-participation-300x186.jpg 300w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><figcaption id=\"caption-attachment-443\" class=\"wp-caption-text\">Image Courtesy: humaan.com<\/figcaption><\/figure>\n<h2>3. Construct A Game<\/h2>\n<p>The most difficult part of building a story is to know where to begin from. If you are clueless, start off with a simple game. A game can add the fun factor for users. The game needn&#8217;t be very complex but has to be rewarding. Take an example of Dropbox. It uses options like inviting others to use Dropbox, logging in from multiple devices, and connecting various email accounts as tools of gamification. It rewards people with extra space on dropbox. This helps it create a brigade of loyal repeat users.<\/p>\n<figure id=\"attachment_444\" aria-describedby=\"caption-attachment-444\" style=\"width: 768px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"size-full wp-image-444\" src=\"http:\/\/nyxditech.com\/blog_staging\/wp-content\/uploads\/2017\/03\/construct-a-game.jpg\" alt=\"Construct A Game\" width=\"768\" height=\"476\" srcset=\"https:\/\/nyxditech.com\/blog_staging\/wp-content\/uploads\/2017\/03\/construct-a-game.jpg 768w, https:\/\/nyxditech.com\/blog_staging\/wp-content\/uploads\/2017\/03\/construct-a-game-300x186.jpg 300w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><figcaption id=\"caption-attachment-444\" class=\"wp-caption-text\">Image Courtesy: dropbox.com<\/figcaption><\/figure>\n<h2>4. Emphasize On Narration<\/h2>\n<p>Every story needs to have a proper flow. A story must have a beginning, a middle, and an end. It\u2019s similar in the case of a website as well.<\/p>\n<p>Beginning: The Logo and headline are your beginnings. Tell your users who you are and why they are on your website.<br \/>\nMiddle: The middle comprises of a supporting narrative that makes you different from others. What can you offer your users who are on your site? What should they expect?<br \/>\nEnd: The end must have a call to action such as a form or ability to make a purchase or link to something else.<\/p>\n<h2>5. Establish A Character<\/h2>\n<p>User persona plays a very crucial role in the case of a website design. Elevate the user persona by introducing a character for your website. A wonderful example for the same would be the email platform MailChimp. The company\u2019s cartoon mascot and logo pops up throughout the entire design of the website. The character clarifies the company name, portrays the fun element of the company, and helps to keep the company\u2019s story fresh.<\/p>\n<figure id=\"attachment_441\" aria-describedby=\"caption-attachment-441\" style=\"width: 768px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-441\" src=\"http:\/\/nyxditech.com\/blog_staging\/wp-content\/uploads\/2017\/03\/establish-a-character.jpg\" alt=\"Establish A Character\" width=\"768\" height=\"476\" srcset=\"https:\/\/nyxditech.com\/blog_staging\/wp-content\/uploads\/2017\/03\/establish-a-character.jpg 768w, https:\/\/nyxditech.com\/blog_staging\/wp-content\/uploads\/2017\/03\/establish-a-character-300x186.jpg 300w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><figcaption id=\"caption-attachment-441\" class=\"wp-caption-text\">Image Courtesy: mailchimp.com<\/figcaption><\/figure>\n<p>When you&#8217;re designing your story try to be your own self. Portray what you really are. Users love authenticity and connect more to authentic stories. <a href=\"http:\/\/nyxditech.com\/blog_staging\/creative-websites.html\"><strong>Talk to our team of experts<\/strong><\/a> and start your own story today.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A website is not a dumping ground to dump all your product info, services, portfolio, company information etc. It\u2019s much more than that. A truly effective website must tell a story to create user engagement. This is one of the most important element which will compel users to stick around and that\u2019s exactly what every website aims at. A great story might start with a mere thought but it\u2019s the design which infuses life in a story. Here are 5 effective ways of great storytelling through design: 1. Create The Engagement Through Imagery The most hard hitting method of engagement creation is through visuals. Use neat and clean visuals, appealing images, compelling videos, and interesting illustrations to create an everlasting first impression. Your story must be full of imagery with a mix of design techniques and words. Develop a color palette which mirrors the essence of the story that you are telling. A good story will always lead the user towards completion of a task or goal. 2. Invite Participation Create value to your design with interactive elements along with common actions. Add a bit of animation to buttons that users need to notice or help drive the eye to certain elements with directional cues such as arrows or images. Parallax scrolling is an engaging way to encourage motion on the screen. Consider this example of Humaan. They use simple yet effective hover animations along with team photos. The staff poses quirky expressions that flaunt each member\u2019s character. 3. Construct A Game The most difficult part of building a story is to know where to begin from. If you are clueless, start off with a simple game. A game can add the fun factor for users. The game needn&#8217;t be very complex but has to be rewarding. Take an example of Dropbox. It uses options like inviting others to use Dropbox, logging in from multiple devices, and connecting various email accounts as tools of gamification. It rewards people with extra space on dropbox. This helps it create a brigade of loyal repeat users. 4. Emphasize On Narration Every story needs to have a proper flow. A story must have a beginning, a middle, and an end. It\u2019s similar in the case of a website as well. Beginning: The Logo and headline are your beginnings. Tell your users who you are and why they are on your website. Middle: The middle comprises of a supporting narrative that makes you different from others. What can you offer your users who are on your site? What should they expect? End: The end must have a call to action such as a form or ability to make a purchase or link to something else. 5. Establish A Character User persona plays a very crucial role in the case of a website design. Elevate the user persona by introducing a character for your website. A wonderful example for the same would be the email platform MailChimp. The company\u2019s cartoon mascot and logo pops up throughout the entire design of the website. The character clarifies the company name, portrays the fun element of the company, and helps to keep the company\u2019s story fresh. When you&#8217;re designing your story try to be your own self. Portray what you really are. Users love authenticity and connect more to authentic stories. Talk to our team of experts and start your own story today.<\/p>\n","protected":false},"author":1,"featured_media":445,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[46],"tags":[110,8,111],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>5 Great Ways Of Storytelling Through Design - NYX Ditech<\/title>\n<meta name=\"description\" content=\"Storytelling through design: A great story might start with a mere thought but it\u2019s the design which infuses life in a story.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/nyxditech.com\/blog_staging\/5-great-ways-storytelling-design\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"5 Great Ways Of Storytelling Through Design - NYX Ditech\" \/>\n<meta property=\"og:description\" content=\"Storytelling through design: A great story might start with a mere thought but it\u2019s the design which infuses life in a story.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/nyxditech.com\/blog_staging\/5-great-ways-storytelling-design\" \/>\n<meta property=\"og:site_name\" content=\"NYX Ditech\" \/>\n<meta property=\"article:published_time\" content=\"2017-03-25T09:37:45+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-03-25T09:51:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/nyxditech.com\/blog_staging\/wp-content\/uploads\/2017\/03\/storytelling.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"768\" \/>\n\t<meta property=\"og:image:height\" content=\"432\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"5 Great Ways Of Storytelling Through Design - NYX Ditech","description":"Storytelling through design: A great story might start with a mere thought but it\u2019s the design which infuses life in a story.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/nyxditech.com\/blog_staging\/5-great-ways-storytelling-design","og_locale":"en_US","og_type":"article","og_title":"5 Great Ways Of Storytelling Through Design - NYX Ditech","og_description":"Storytelling through design: A great story might start with a mere thought but it\u2019s the design which infuses life in a story.","og_url":"https:\/\/nyxditech.com\/blog_staging\/5-great-ways-storytelling-design","og_site_name":"NYX Ditech","article_published_time":"2017-03-25T09:37:45+00:00","article_modified_time":"2017-03-25T09:51:01+00:00","og_image":[{"width":768,"height":432,"url":"https:\/\/nyxditech.com\/blog_staging\/wp-content\/uploads\/2017\/03\/storytelling.jpg","type":"image\/jpeg"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/nyxditech.com\/blog_staging\/5-great-ways-storytelling-design#article","isPartOf":{"@id":"https:\/\/nyxditech.com\/blog_staging\/5-great-ways-storytelling-design"},"author":{"name":"admin","@id":"https:\/\/nyxditech.com\/blog_staging\/#\/schema\/person\/33d0b3d1f48eed4a537608abd5f401ee"},"headline":"5 Great Ways Of Storytelling Through Design","datePublished":"2017-03-25T09:37:45+00:00","dateModified":"2017-03-25T09:51:01+00:00","mainEntityOfPage":{"@id":"https:\/\/nyxditech.com\/blog_staging\/5-great-ways-storytelling-design"},"wordCount":615,"commentCount":0,"publisher":{"@id":"https:\/\/nyxditech.com\/blog_staging\/#organization"},"image":{"@id":"https:\/\/nyxditech.com\/blog_staging\/5-great-ways-storytelling-design#primaryimage"},"thumbnailUrl":"https:\/\/nyxditech.com\/blog_staging\/wp-content\/uploads\/2017\/03\/storytelling.jpg","keywords":["storytelling through design","web design","web design ideas"],"articleSection":["Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/nyxditech.com\/blog_staging\/5-great-ways-storytelling-design#respond"]}]},{"@type":"WebPage","@id":"https:\/\/nyxditech.com\/blog_staging\/5-great-ways-storytelling-design","url":"https:\/\/nyxditech.com\/blog_staging\/5-great-ways-storytelling-design","name":"5 Great Ways Of Storytelling Through Design - NYX Ditech","isPartOf":{"@id":"https:\/\/nyxditech.com\/blog_staging\/#website"},"primaryImageOfPage":{"@id":"https:\/\/nyxditech.com\/blog_staging\/5-great-ways-storytelling-design#primaryimage"},"image":{"@id":"https:\/\/nyxditech.com\/blog_staging\/5-great-ways-storytelling-design#primaryimage"},"thumbnailUrl":"https:\/\/nyxditech.com\/blog_staging\/wp-content\/uploads\/2017\/03\/storytelling.jpg","datePublished":"2017-03-25T09:37:45+00:00","dateModified":"2017-03-25T09:51:01+00:00","description":"Storytelling through design: A great story might start with a mere thought but it\u2019s the design which infuses life in a story.","breadcrumb":{"@id":"https:\/\/nyxditech.com\/blog_staging\/5-great-ways-storytelling-design#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/nyxditech.com\/blog_staging\/5-great-ways-storytelling-design"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/nyxditech.com\/blog_staging\/5-great-ways-storytelling-design#primaryimage","url":"https:\/\/nyxditech.com\/blog_staging\/wp-content\/uploads\/2017\/03\/storytelling.jpg","contentUrl":"https:\/\/nyxditech.com\/blog_staging\/wp-content\/uploads\/2017\/03\/storytelling.jpg","width":768,"height":432,"caption":"Great Ways Of Storytelling Through Design"},{"@type":"BreadcrumbList","@id":"https:\/\/nyxditech.com\/blog_staging\/5-great-ways-storytelling-design#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/nyxditech.com\/blog_staging\/"},{"@type":"ListItem","position":2,"name":"5 Great Ways Of Storytelling Through Design"}]},{"@type":"WebSite","@id":"https:\/\/nyxditech.com\/blog_staging\/#website","url":"https:\/\/nyxditech.com\/blog_staging\/","name":"NYX Ditech","description":"","publisher":{"@id":"https:\/\/nyxditech.com\/blog_staging\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/nyxditech.com\/blog_staging\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/nyxditech.com\/blog_staging\/#organization","name":"NYX Ditech","url":"https:\/\/nyxditech.com\/blog_staging\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/nyxditech.com\/blog_staging\/#\/schema\/logo\/image\/","url":"https:\/\/nyxditech.com\/blog_staging\/wp-content\/uploads\/2024\/03\/nyxditech_logo.png","contentUrl":"https:\/\/nyxditech.com\/blog_staging\/wp-content\/uploads\/2024\/03\/nyxditech_logo.png","width":173,"height":70,"caption":"NYX Ditech"},"image":{"@id":"https:\/\/nyxditech.com\/blog_staging\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/nyxditech.com\/blog_staging\/#\/schema\/person\/33d0b3d1f48eed4a537608abd5f401ee","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/nyxditech.com\/blog_staging\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9ea8d51a35e986075ec6e097c1dc4446?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9ea8d51a35e986075ec6e097c1dc4446?s=96&d=mm&r=g","caption":"admin"},"url":"https:\/\/nyxditech.com\/blog_staging\/author\/admin"}]}},"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/nyxditech.com\/blog_staging\/wp-json\/wp\/v2\/posts\/440"}],"collection":[{"href":"https:\/\/nyxditech.com\/blog_staging\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nyxditech.com\/blog_staging\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nyxditech.com\/blog_staging\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nyxditech.com\/blog_staging\/wp-json\/wp\/v2\/comments?post=440"}],"version-history":[{"count":4,"href":"https:\/\/nyxditech.com\/blog_staging\/wp-json\/wp\/v2\/posts\/440\/revisions"}],"predecessor-version":[{"id":449,"href":"https:\/\/nyxditech.com\/blog_staging\/wp-json\/wp\/v2\/posts\/440\/revisions\/449"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nyxditech.com\/blog_staging\/wp-json\/wp\/v2\/media\/445"}],"wp:attachment":[{"href":"https:\/\/nyxditech.com\/blog_staging\/wp-json\/wp\/v2\/media?parent=440"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nyxditech.com\/blog_staging\/wp-json\/wp\/v2\/categories?post=440"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nyxditech.com\/blog_staging\/wp-json\/wp\/v2\/tags?post=440"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}