{"title":"Advanced courses","description":null,"products":[{"product_id":"spark-collection","title":"Spark Collection","description":"\u003cp\u003e\u003cspan\u003e\u003cb\u003e1. Problem Statement\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eStruggling to maintain the same appearance and logic across different screens? You are not alone: as an interface grows, buttons, headings, fields, and cards often begin to differ without a clear reason. Even small variations in spacing, text size, or component states can make the structure feel disconnected. Without shared rules, each new screen may need to be styled almost from the beginning. Spark Collection explains how to gather key visual decisions into a consistent system and describe how they should be used.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e2. Solution\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eThis course will teach you how to create a basic visual system for a group of connected screens. You will examine typography hierarchy, color roles, grids, spacing, and reusable components. The materials explain how to define element variations and document their states without unnecessary duplication. Practical assignments help you review screen consistency and identify departures from selected rules. After completing the course, you will be able to prepare a small component library and a focused document explaining how it should be applied.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e3. What’s Inside\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 1: Visual System Foundations\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eExamine the purpose of repeated rules and identify which interface elements should remain consistent across a project.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 2: Typography Structure\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eCreate defined levels for headings, body text, labels, and supporting information.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 3: Color Roles and Contrast\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eAssign clear functions to selected colors and examine the readability of central combinations.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 4: Spacing and Layout Rhythm\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eBuild a spacing system and study how repeated rhythm can organize sections and components.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 5: Component Families\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eExamine buttons, fields, cards, messages, and navigation elements together with their main variations.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 6: Component States\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eDescribe default, active, inactive, selected, and error states for key interface elements.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 7: Consistency Review\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eCompare a series of study screens, identify visual differences, and prepare a revision list.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 8: Mini Style Guide Assignment\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eCreate a focused collection of rules, component examples, and notes describing their intended use.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e4. Who Is This For?\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e✅ \u003c\/span\u003e\u003cstrong\u003e\u003cspan\u003eA good fit if you:\u003c\/span\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul data-spread=\"false\"\u003e\n\u003cli\u003e\u003cspan\u003ehave created page frameworks and connected screens;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ewant to organize visual decisions;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ewould like to treat typography, color, and spacing as one system;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ewant to create reusable components;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eare prepared to examine details and document selected rules.\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cspan\u003e❌ \u003c\/span\u003e\u003cstrong\u003e\u003cspan\u003eNot for you if you:\u003c\/span\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul data-spread=\"false\"\u003e\n\u003cli\u003e\u003cspan\u003eare not yet familiar with basic interface structure;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eonly want materials about illustration;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003edo not plan to complete screen-comparison exercises;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eexpect a defined employment or commercial outcome.\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e5. What You’ll Learn\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cul data-spread=\"false\"\u003e\n\u003cli\u003e\u003cspan\u003ecreate a typography scale with at least five levels;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003edefine the purpose of central interface colors;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ebuild a consistent spacing system;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eprepare at least six reusable components;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003edescribe states for buttons, fields, and navigation elements;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eidentify visual differences across related screens;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003edocument component usage rules;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eprepare one focused interface element library;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ecreate a short visual guide for a study project.\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e6. 30-Day Refund Policy\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eSpark Collection includes a 30-calendar-day period for submitting a refund request under the Wirelio store rules. The review considers the purchase date, the amount of material already used, and the conditions listed on the refund policy page. Please read the complete policy before placing an order.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e7. Certificate\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eA digital Wirelio certificate is issued after all required modules and the final assignment have been completed. It records completion of the Spark Collection course materials.\u003c\/span\u003e\u003c\/p\u003e","brand":"Wirelio","offers":[{"title":"Default Title","offer_id":58181949227340,"sku":null,"price":304.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1072\/2125\/4476\/files\/Spark.jpg?v=1784722161"},{"product_id":"delta-pathway","title":"Delta Pathway","description":"\u003cp\u003e\u003cspan\u003e\u003cb\u003e1. Problem Statement\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eStruggling to organize an interface containing many pages, functions, and possible actions? You are not alone: as the number of sections grows, the structure can become confusing and user routes may overlap without clear reasoning. The same information may appear in several places, section labels may not reflect their content, and central actions may become difficult to notice among supporting elements. Individual screens can look organized while the wider system still feels disconnected. Delta Pathway explains how to divide a complex task into clear layers, examine the links between them, and document each major decision.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e2. Solution\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eThis course will teach you how to build information architecture for a digital service containing several central scenarios. You will study methods for grouping content, creating navigation models, and defining relationships between pages. The materials explain how to account for different user roles while reducing unnecessary repetition within the structure. Practical assignments guide you through reviewing section labels, action priorities, transitions, and component behavior across different screen widths. After completing the modules, you will be able to prepare a connected service map, a linked prototype, and a document explaining the central design decisions.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e3. What’s Inside\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 1: Defining Service Scope\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eDefine the boundaries of a study project, its main user groups, central tasks, and the content that belongs within the structure.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 2: Content Inventory\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003ePrepare a list of pages, functions, messages, and supporting materials while identifying repeated content and missing areas.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 3: Information Architecture\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eGroup related topics, create levels of hierarchy, and prepare a complete map of the selected digital service.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 4: Navigation Models\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eCompare several navigation approaches and define how users move between primary and supporting sections.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 5: Multiple User Roles\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eExamine differences between the goals, actions, and information needs of several user groups.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 6: Complex User Flows\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eCreate connected scenarios containing decision points, return paths, confirmation stages, and alternative routes.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 7: Responsive Structure\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eStudy how hierarchy, navigation, and components can change across screen widths while retaining a consistent structure.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 8: System Review\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eReview labels, transitions, repeated elements, interface states, and consistency across different areas of the service.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 9: Delta Project Assignment\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003ePrepare a service map, several connected routes, a group of central screens, and a focused document explaining your decisions.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e4. Who Is This For?\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e✅ \u003c\/span\u003e\u003cstrong\u003e\u003cspan\u003eA good fit if you:\u003c\/span\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul data-spread=\"false\"\u003e\n\u003cli\u003e\u003cspan\u003ehave already worked with research, prototypes, and visual systems;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ewant to design services containing many connected sections;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ewould like to study information architecture in greater detail;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ewant to account for several user roles;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eare prepared to document structure and design reasoning.\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cspan\u003e❌ \u003c\/span\u003e\u003cstrong\u003e\u003cspan\u003eNot for you if you:\u003c\/span\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul data-spread=\"false\"\u003e\n\u003cli\u003e\u003cspan\u003eare only beginning to explore UI\/UX design;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eonly want material related to decorative styling;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003edo not plan to work with larger maps and user routes;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eexpect a defined employment or commercial outcome.\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e5. What You’ll Learn\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cul data-spread=\"false\"\u003e\n\u003cli\u003e\u003cspan\u003eprepare a content inventory for a digital service;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ecreate a structure containing three or more hierarchy levels;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003edescribe the needs of at least three user groups;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ebuild three connected user routes;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eidentify repeated content and structural gaps;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003edefine primary and supporting navigation;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eadapt interface structure across different screen widths;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003edocument component states, transitions, and usage rules;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ecomplete one connected study project containing several scenarios.\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e6. 30-Day Refund Policy\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eDelta Pathway includes a 30-calendar-day period for submitting a refund request under the Wirelio store rules. The review considers the purchase date, the amount of material already used, and the conditions listed on the refund policy page. Please read the complete policy before placing an order.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e7. Certificate\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eA digital Wirelio certificate is issued after the required modules and final project assignment have been completed. It records completion of the Delta Pathway course materials.\u003c\/span\u003e\u003c\/p\u003e","brand":"Wirelio","offers":[{"title":"Default Title","offer_id":58181965709644,"sku":null,"price":404.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1072\/2125\/4476\/files\/Delta.jpg?v=1784722161"},{"product_id":"cryst-pathway","title":"Cryst Pathway","description":"\u003cp\u003e\u003cspan\u003e\u003cb\u003e1. Problem Statement\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eStruggling to bring every stage of UI\/UX work into one understandable project? You are not alone: research notes, flow maps, wireframes, components, and visual rules are often created separately and may not support one another. Early observations can disappear from the final screens, while individual decisions remain unexplained. As the project expands, repeated content, conflicting states, and differences between related pages may also appear. Cryst Pathway explains how to organize the entire process around one study assignment while keeping each stage connected.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e2. Solution\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eThis course will teach you how to plan a complete workflow for a digital interface. You will begin by defining the problem, user groups, and project boundaries before moving into structure, flows, and prototypes. The materials explain how research findings can inform specific screens, components, and interface wording. Practical assignments guide you through reviewing scenarios, documenting revisions, and preparing clear project notes. After completing the course, you will be able to present a connected study project together with an explanation of its reasoning and main stages.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e3. What’s Inside\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 1: Project Brief and Boundaries\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eDefine the topic, central problem, user goals, project scope, and the materials that need to be prepared.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 2: Research Planning\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eCreate research questions, outline focused interviews, examine context, and organize collected notes.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 3: Findings and User Scenarios\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eGroup observations, prepare several scenarios, and define the tasks the interface should support.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 4: Information Architecture\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eBuild a section map, describe relationships between pages, and review the clarity of labels.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 5: Wireframes and Flow Logic\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003ePrepare frameworks for central screens and connect them into several structured routes.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 6: Visual Direction\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eDefine typography structure, color roles, spacing principles, and the general visual character.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 7: Component System\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eCreate reusable elements together with their variations, states, and usage rules.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 8: Prototype Review\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003ePrepare review tasks, document observations, and identify changes for the next version.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 9: Revision and Documentation\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eUpdate screens, align components, and prepare explanations for the selected decisions.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 10: Cryst Final Project\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eCombine research, structural maps, scenarios, screens, components, and a concise process summary.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e4. Who Is This For?\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e✅ \u003c\/span\u003e\u003cstrong\u003e\u003cspan\u003eA good fit if you:\u003c\/span\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul data-spread=\"false\"\u003e\n\u003cli\u003e\u003cspan\u003eare familiar with research, prototypes, and components;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ewant to complete a larger structured study project;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ewould like to explain design reasoning more clearly;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eare prepared to review and revise early versions;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ewant to organize several types of materials in one project.\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cspan\u003e❌ \u003c\/span\u003e\u003cstrong\u003e\u003cspan\u003eNot for you if you:\u003c\/span\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul data-spread=\"false\"\u003e\n\u003cli\u003e\u003cspan\u003eare only beginning to study basic UI\/UX terms;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003edo not plan to complete practical assignments;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eonly want materials about visual styling;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eexpect a defined career or commercial outcome.\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e5. What You’ll Learn\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cul data-spread=\"false\"\u003e\n\u003cli\u003e\u003cspan\u003eprepare a complete brief for a study project;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ewrite research questions and group observations;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ecreate at least three user scenarios;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ebuild a service map containing several levels;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eprepare wireframes for eight or more screens;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ecreate a set of reusable components;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003edocument element states and usage rules;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003econduct a structured prototype review;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003erecord revisions between the first and updated versions;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ecomplete one connected UI\/UX study project.\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e6. 30-Day Refund Policy\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eCryst Pathway includes a 30-calendar-day period for submitting a refund request under the Wirelio store rules. The review considers the purchase date, the amount of material already used, and the conditions listed on the refund policy page. Please read the complete policy before placing an order.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e7. Certificate\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eA digital Wirelio certificate is issued after the required modules and final project assignment have been completed. It records completion of the Cryst Pathway course materials.\u003c\/span\u003e\u003c\/p\u003e","brand":"Wirelio","offers":[{"title":"Default Title","offer_id":58181981962572,"sku":null,"price":501.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1072\/2125\/4476\/files\/Cryst.jpg?v=1784722161"},{"product_id":"neon-pathway","title":"Neon Pathway","description":"\u003cp\u003e\u003cspan\u003e\u003cb\u003e1. Problem Statement\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eStruggling to maintain interface logic when a project contains many sections, roles, and connected actions? You are not alone: as the scope grows, even carefully prepared screens may begin to conflict with one another. Components may be used differently, routes can become repetitive, labels may change, and individual decisions may lose their connection to the original research. It can also become difficult to explain why a certain element appears or behaves in a particular way. Neon Pathway helps you build a clear system of rules, examine it across several scenarios, and prepare documentation for continued project work.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e2. Solution\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eThis course will teach you how to organize a large UI\/UX assignment through sequential stages and clearly defined materials. You will examine how to prepare a research plan, arrange content, create complex routes, and maintain component consistency. The materials explain how to review decisions for different user roles, interaction contexts, and possible departures from the primary scenario. Practical assignments help you record revisions, compare versions, and describe element usage rules. After completing the course, you will be able to prepare a large study project containing connected screens, a prototype, a component library, and structured process documentation.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e3. What’s Inside\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 1: Project Framework and Planning\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eDefine the topic, boundaries, user groups, primary scenarios, required materials, and sequence of project stages.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 2: Layered User Research\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003ePrepare research questions, examine context, group observations, and identify differences between user roles.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 3: Service Structure and Content Logic\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eCreate a multi-level section map, review labels, identify repetition, and define relationships between primary and supporting content.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 4: Multi-Route User Flows\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eBuild several routes containing decision points, return paths, confirmation stages, error states, and alternative actions.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 5: Wireframe System\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003ePrepare frameworks for central screens while maintaining a consistent structure across related project areas.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 6: Visual Language\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eDefine typography, color roles, spacing, grids, visual hierarchy, and the appearance of information states.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 7: Component Architecture\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eCreate component groups and describe their variations, states, behavior, and combination rules.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 8: Complex Prototype Building\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eConnect screens into a prototype containing several scenarios and structured transitions.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 9: Structured Review Sessions\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003ePrepare review tasks, document participant actions, and organize observations by topic and importance.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 10: Revision Strategy\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eSet an order for revisions, update structures, routes, and components, and record the reasoning behind each change.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 11: Design Documentation\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003ePrepare usage rules, examples, state descriptions, and notes for central interface elements.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan\u003eModule 12: Neon Final Project\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eCombine research, a service map, scenarios, wireframes, styled screens, a prototype, components, and final documentation.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e4. Who Is This For?\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e✅ \u003c\/span\u003e\u003cstrong\u003e\u003cspan\u003eA good fit if you:\u003c\/span\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul data-spread=\"false\"\u003e\n\u003cli\u003e\u003cspan\u003ehave already worked on complete UI\/UX projects;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eunderstand research, structure, prototypes, and components;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ewant to organize complex screen systems;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eare prepared to review and revise early decisions;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ewould like to document interface processes and rules.\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cspan\u003e❌ \u003c\/span\u003e\u003cstrong\u003e\u003cspan\u003eNot for you if you:\u003c\/span\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul data-spread=\"false\"\u003e\n\u003cli\u003e\u003cspan\u003eare only beginning to study basic UI\/UX concepts;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eneed a brief introductory course;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003edo not plan to complete a large final project;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eexpect a defined employment, financial, or commercial outcome.\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e5. What You’ll Learn\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cul data-spread=\"false\"\u003e\n\u003cli\u003e\u003cspan\u003eprepare a plan for a large UI\/UX project;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003edescribe the needs of at least four user groups;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ebuild a service map with several hierarchy levels;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ecreate four or more connected user routes;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eprepare wireframes for twelve or more screens;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ebuild a library containing at least ten components;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003edescribe element states, variations, and behavior;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eprepare tasks for a structured prototype review;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eorganize observations by topic and importance;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003emaintain a revision record between project versions;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ecreate documentation for central interface rules;\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ecomplete one large UI\/UX study project.\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e6. 30-Day Refund Policy\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eNeon Pathway includes a 30-calendar-day period for submitting a refund request under the Wirelio store rules. The review considers the purchase date, the amount of material already used, and the other conditions stated on the refund policy page. Please read the complete policy carefully before placing an order.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cb\u003e7. Certificate\u003c\/b\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eA digital Wirelio certificate is issued after all required modules and the final project assignment have been completed. It records completion of the Neon Pathway course materials and the related study tasks.\u003c\/span\u003e\u003c\/p\u003e","brand":"Wirelio","offers":[{"title":"Default Title","offer_id":58181991989580,"sku":null,"price":597.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1072\/2125\/4476\/files\/Neon.jpg?v=1784722162"}],"url":"https:\/\/wirelio.org\/collections\/advanced-courses.oembed","provider":"Wirelio","version":"1.0","type":"link"}