{"id":1963,"date":"2026-02-05T09:15:23","date_gmt":"2026-02-05T09:15:23","guid":{"rendered":"https:\/\/oleksandraryshniak24.thkit.ee\/wp1\/?page_id=1963"},"modified":"2026-02-05T09:33:48","modified_gmt":"2026-02-05T09:33:48","slug":"storyboard","status":"publish","type":"page","link":"https:\/\/oleksandraryshniak24.thkit.ee\/wp1\/storyboard\/","title":{"rendered":"StoryBoard"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">StoryBoard<\/h2>\n\n\n\n<p>A&nbsp;<strong>storyboard<\/strong>&nbsp;(in Estonian:&nbsp;<em>s\u00fc\u017eeetahvel<\/em>) is a&nbsp;<strong>graphical scheme<\/strong>&nbsp;used in web design to plan the structure of a website. It serves as a visual guide that can be hand-drawn on&nbsp;<strong>paper<\/strong>, created with&nbsp;<strong>graphics software<\/strong>, or generated by&nbsp;<strong>web editors<\/strong>&nbsp;(HTML editors).<\/p>\n\n\n\n<p><strong>The Purpose of a Storyboard:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Decision Making:<\/strong>\u00a0It is used alongside a site map to help project teams make critical decisions regarding\u00a0<strong>design, technology, and budget<\/strong>.<\/li>\n\n\n\n<li><strong>Project Overview:<\/strong>\u00a0A good storyboard provides everyone involved in the project with a\u00a0<strong>clear and shared understanding<\/strong>\u00a0of the website being developed.<\/li>\n\n\n\n<li><strong>Functional Planning:<\/strong>\u00a0It focuses on the\u00a0<strong>main functional parts<\/strong>\u00a0of the website rather than documenting every single individual page.<\/li>\n<\/ul>\n\n\n\n<p><strong>Key Characteristics:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Content Details:<\/strong>\u00a0Typically, each page represented in the storyboard includes a\u00a0<strong>title<\/strong>\u00a0and\u00a0<strong>short notes<\/strong>\u00a0regarding its content.<\/li>\n\n\n\n<li><strong>Layout Focus:<\/strong>\u00a0While it does\u00a0<strong>not contain information about the visual design<\/strong>\u00a0(such as specific colors or styles), it allows stakeholders to see which\u00a0<strong>basic elements<\/strong>\u00a0will be present on each page.<\/li>\n\n\n\n<li><strong>Relationship to Other Methods:<\/strong>\u00a0It is one of several design methods, which also include\u00a0<strong>site maps<\/strong>\u00a0(text-based structure),\u00a0<strong>wireframes<\/strong>\u00a0(schematic layouts showing component placement), and\u00a0<strong>scenarios<\/strong>\u00a0(textual descriptions of user stories).<\/li>\n<\/ul>\n\n\n\n<p>Unlike a\u00a0<strong>wireframe<\/strong>, which specifically shows the placement of components as &#8220;information blocks&#8221; to define the layout, the storyboard acts more as a functional roadmap for the site&#8217;s main sections.<\/p>\n\n\n\n<p><strong>My StoryBoard:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/oleksandraryshniak24.thkit.ee\/wp1\/wp-content\/uploads\/2026\/02\/46EAC902-CDB1-47BD-A93D-B3222F2C4E2A.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"788\" src=\"https:\/\/oleksandraryshniak24.thkit.ee\/wp1\/wp-content\/uploads\/2026\/02\/46EAC902-CDB1-47BD-A93D-B3222F2C4E2A-1024x788.png\" alt=\"\" class=\"wp-image-1974\" srcset=\"https:\/\/oleksandraryshniak24.thkit.ee\/wp1\/wp-content\/uploads\/2026\/02\/46EAC902-CDB1-47BD-A93D-B3222F2C4E2A-1024x788.png 1024w, https:\/\/oleksandraryshniak24.thkit.ee\/wp1\/wp-content\/uploads\/2026\/02\/46EAC902-CDB1-47BD-A93D-B3222F2C4E2A-300x231.png 300w, https:\/\/oleksandraryshniak24.thkit.ee\/wp1\/wp-content\/uploads\/2026\/02\/46EAC902-CDB1-47BD-A93D-B3222F2C4E2A-768x591.png 768w, https:\/\/oleksandraryshniak24.thkit.ee\/wp1\/wp-content\/uploads\/2026\/02\/46EAC902-CDB1-47BD-A93D-B3222F2C4E2A-150x115.png 150w, https:\/\/oleksandraryshniak24.thkit.ee\/wp1\/wp-content\/uploads\/2026\/02\/46EAC902-CDB1-47BD-A93D-B3222F2C4E2A.png 1045w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>StoryBoard A&nbsp;storyboard&nbsp;(in Estonian:&nbsp;s\u00fc\u017eeetahvel) is a&nbsp;graphical scheme&nbsp;used in web design to plan the structure of a website. It serves as a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1963","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>StoryBoard - Oleksandra Ryshniak Portfolio<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/oleksandraryshniak24.thkit.ee\/wp1\/storyboard\/\" \/>\n<meta property=\"og:locale\" content=\"et_EE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"StoryBoard - Oleksandra Ryshniak Portfolio\" \/>\n<meta property=\"og:description\" content=\"StoryBoard A&nbsp;storyboard&nbsp;(in Estonian:&nbsp;s\u00fc\u017eeetahvel) is a&nbsp;graphical scheme&nbsp;used in web design to plan the structure of a website. It serves as a [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/oleksandraryshniak24.thkit.ee\/wp1\/storyboard\/\" \/>\n<meta property=\"og:site_name\" content=\"Oleksandra Ryshniak Portfolio\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-05T09:33:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/oleksandraryshniak24.thkit.ee\/wp1\/wp-content\/uploads\/2026\/02\/46EAC902-CDB1-47BD-A93D-B3222F2C4E2A.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1045\" \/>\n\t<meta property=\"og:image:height\" content=\"804\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/oleksandraryshniak24.thkit.ee\\\/wp1\\\/storyboard\\\/\",\"url\":\"https:\\\/\\\/oleksandraryshniak24.thkit.ee\\\/wp1\\\/storyboard\\\/\",\"name\":\"StoryBoard - Oleksandra Ryshniak Portfolio\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/oleksandraryshniak24.thkit.ee\\\/wp1\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/oleksandraryshniak24.thkit.ee\\\/wp1\\\/storyboard\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/oleksandraryshniak24.thkit.ee\\\/wp1\\\/storyboard\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/oleksandraryshniak24.thkit.ee\\\/wp1\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/46EAC902-CDB1-47BD-A93D-B3222F2C4E2A-1024x788.png\",\"datePublished\":\"2026-02-05T09:15:23+00:00\",\"dateModified\":\"2026-02-05T09:33:48+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/oleksandraryshniak24.thkit.ee\\\/wp1\\\/storyboard\\\/#breadcrumb\"},\"inLanguage\":\"et\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/oleksandraryshniak24.thkit.ee\\\/wp1\\\/storyboard\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"et\",\"@id\":\"https:\\\/\\\/oleksandraryshniak24.thkit.ee\\\/wp1\\\/storyboard\\\/#primaryimage\",\"url\":\"https:\\\/\\\/oleksandraryshniak24.thkit.ee\\\/wp1\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/46EAC902-CDB1-47BD-A93D-B3222F2C4E2A.png\",\"contentUrl\":\"https:\\\/\\\/oleksandraryshniak24.thkit.ee\\\/wp1\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/46EAC902-CDB1-47BD-A93D-B3222F2C4E2A.png\",\"width\":1045,\"height\":804},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/oleksandraryshniak24.thkit.ee\\\/wp1\\\/storyboard\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/oleksandraryshniak24.thkit.ee\\\/wp1\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"StoryBoard\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/oleksandraryshniak24.thkit.ee\\\/wp1\\\/#website\",\"url\":\"https:\\\/\\\/oleksandraryshniak24.thkit.ee\\\/wp1\\\/\",\"name\":\"Oleksandra Ryshniak Portfolio\",\"description\":\"\u041f\u0440\u043e\u0441\u0442\u043e \u0435\u0449\u0435 \u043e\u0434\u0438\u043d WordPress \u0441\u0430\u0439\u0442\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/oleksandraryshniak24.thkit.ee\\\/wp1\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"et\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"StoryBoard - Oleksandra Ryshniak Portfolio","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:\/\/oleksandraryshniak24.thkit.ee\/wp1\/storyboard\/","og_locale":"et_EE","og_type":"article","og_title":"StoryBoard - Oleksandra Ryshniak Portfolio","og_description":"StoryBoard A&nbsp;storyboard&nbsp;(in Estonian:&nbsp;s\u00fc\u017eeetahvel) is a&nbsp;graphical scheme&nbsp;used in web design to plan the structure of a website. It serves as a [&hellip;]","og_url":"https:\/\/oleksandraryshniak24.thkit.ee\/wp1\/storyboard\/","og_site_name":"Oleksandra Ryshniak Portfolio","article_modified_time":"2026-02-05T09:33:48+00:00","og_image":[{"width":1045,"height":804,"url":"https:\/\/oleksandraryshniak24.thkit.ee\/wp1\/wp-content\/uploads\/2026\/02\/46EAC902-CDB1-47BD-A93D-B3222F2C4E2A.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/oleksandraryshniak24.thkit.ee\/wp1\/storyboard\/","url":"https:\/\/oleksandraryshniak24.thkit.ee\/wp1\/storyboard\/","name":"StoryBoard - Oleksandra Ryshniak Portfolio","isPartOf":{"@id":"https:\/\/oleksandraryshniak24.thkit.ee\/wp1\/#website"},"primaryImageOfPage":{"@id":"https:\/\/oleksandraryshniak24.thkit.ee\/wp1\/storyboard\/#primaryimage"},"image":{"@id":"https:\/\/oleksandraryshniak24.thkit.ee\/wp1\/storyboard\/#primaryimage"},"thumbnailUrl":"https:\/\/oleksandraryshniak24.thkit.ee\/wp1\/wp-content\/uploads\/2026\/02\/46EAC902-CDB1-47BD-A93D-B3222F2C4E2A-1024x788.png","datePublished":"2026-02-05T09:15:23+00:00","dateModified":"2026-02-05T09:33:48+00:00","breadcrumb":{"@id":"https:\/\/oleksandraryshniak24.thkit.ee\/wp1\/storyboard\/#breadcrumb"},"inLanguage":"et","potentialAction":[{"@type":"ReadAction","target":["https:\/\/oleksandraryshniak24.thkit.ee\/wp1\/storyboard\/"]}]},{"@type":"ImageObject","inLanguage":"et","@id":"https:\/\/oleksandraryshniak24.thkit.ee\/wp1\/storyboard\/#primaryimage","url":"https:\/\/oleksandraryshniak24.thkit.ee\/wp1\/wp-content\/uploads\/2026\/02\/46EAC902-CDB1-47BD-A93D-B3222F2C4E2A.png","contentUrl":"https:\/\/oleksandraryshniak24.thkit.ee\/wp1\/wp-content\/uploads\/2026\/02\/46EAC902-CDB1-47BD-A93D-B3222F2C4E2A.png","width":1045,"height":804},{"@type":"BreadcrumbList","@id":"https:\/\/oleksandraryshniak24.thkit.ee\/wp1\/storyboard\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/oleksandraryshniak24.thkit.ee\/wp1\/"},{"@type":"ListItem","position":2,"name":"StoryBoard"}]},{"@type":"WebSite","@id":"https:\/\/oleksandraryshniak24.thkit.ee\/wp1\/#website","url":"https:\/\/oleksandraryshniak24.thkit.ee\/wp1\/","name":"Oleksandra Ryshniak Portfolio","description":"\u041f\u0440\u043e\u0441\u0442\u043e \u0435\u0449\u0435 \u043e\u0434\u0438\u043d WordPress \u0441\u0430\u0439\u0442","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/oleksandraryshniak24.thkit.ee\/wp1\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"et"}]}},"_links":{"self":[{"href":"https:\/\/oleksandraryshniak24.thkit.ee\/wp1\/wp-json\/wp\/v2\/pages\/1963","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oleksandraryshniak24.thkit.ee\/wp1\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/oleksandraryshniak24.thkit.ee\/wp1\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/oleksandraryshniak24.thkit.ee\/wp1\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/oleksandraryshniak24.thkit.ee\/wp1\/wp-json\/wp\/v2\/comments?post=1963"}],"version-history":[{"count":4,"href":"https:\/\/oleksandraryshniak24.thkit.ee\/wp1\/wp-json\/wp\/v2\/pages\/1963\/revisions"}],"predecessor-version":[{"id":1976,"href":"https:\/\/oleksandraryshniak24.thkit.ee\/wp1\/wp-json\/wp\/v2\/pages\/1963\/revisions\/1976"}],"wp:attachment":[{"href":"https:\/\/oleksandraryshniak24.thkit.ee\/wp1\/wp-json\/wp\/v2\/media?parent=1963"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}