{"id":1396,"date":"2023-06-19T13:41:30","date_gmt":"2023-06-19T10:41:30","guid":{"rendered":"https:\/\/79ratio.agency\/tasarim\/ui-tasarim\/"},"modified":"2023-06-22T16:10:37","modified_gmt":"2023-06-22T13:10:37","slug":"ui-design","status":"publish","type":"page","link":"https:\/\/79ratio.agency\/en\/design\/ui-design\/","title":{"rendered":"UI Design"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1396\" class=\"elementor elementor-1396 elementor-96\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0379e42 elementor-section-content-middle elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"0379e42\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-c27eba0 animated-fast elementor-invisible\" data-id=\"c27eba0\" data-element_type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeInLeft&quot;,&quot;animation_delay&quot;:150}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7dda1b7 animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"7dda1b7\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">UI Design<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-515531d animated-fast elementor-invisible\" data-id=\"515531d\" data-element_type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeInRight&quot;,&quot;animation_delay&quot;:300}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f8ebcda animated-slow elementor-widget-divider--view-line elementor-invisible elementor-widget elementor-widget-divider\" data-id=\"f8ebcda\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:150}\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-abad0a0 animated-slow elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"abad0a0\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:300}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h4>It is the space where interactions between humans and machines take place<\/h4>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c929e19 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c929e19\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6f07421 elementor-invisible\" data-id=\"6f07421\" data-element_type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;animation_delay&quot;:150}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d9e040f elementor-widget elementor-widget-elementskit-drop-caps\" data-id=\"d9e040f\" data-element_type=\"widget\" data-widget_type=\"elementskit-drop-caps.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\t\t<div class=\"ekit-dropcap-wraper\">\n\t\t\t\t\t\t<p class=\"ekit-dropcap-cotnent\">It is an integral aspect of user experience (UX) that consists of two main parts. Visual design that conveys the look and feel of a product and interaction design, which is the functional and logical organization of other elements.<\/p>\n\t\t\t\t\t<\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a03e430 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a03e430\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-c763693 animated-fast elementor-invisible\" data-id=\"c763693\" data-element_type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f2c1892 elementor-widget elementor-widget-heading\" data-id=\"f2c1892\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">What is UI design?\n<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-ddbdedd animated-fast elementor-invisible\" data-id=\"ddbdedd\" data-element_type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeInRight&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d0e2d5f elementor-widget elementor-widget-text-editor\" data-id=\"d0e2d5f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>A user interface is the point of interaction between humans and computers. User interface design is the process of designing how these interfaces will look and behave.<\/p><p>Imagine using an app on your smartphone to book a flight. The screens you navigate, the buttons you tap, and the forms you fill are all parts of the user interface.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2c3ae76 elementor-section-content-middle elementor-reverse-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2c3ae76\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-6a41f01\" data-id=\"6a41f01\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-eb9f455 animated-fast elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"eb9f455\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>A user interface consists of the following elements:\u00a0<\/p><p><b>Access controls:<\/b>These are interactive elements that allow the user to enter information. It includes things like input controls, checkboxes, buttons, text fields, and drop-down lists.\u00a0<\/p><p><b>Navigation elements:<\/b>These help the user navigate an interface to complete the desired task. Navigation components include things like search fields, sliders, and hamburger menus.<\/p><p><b>Information components:<\/b>These convey useful information to the user, for example, via message boxes, notifications and progress bars.<\/p><p><b>Containers:<\/b>Containers are used to group content into meaningful sections. A container holds various elements and keeps them at a reasonable maximum width based on the user\u2019s screen size. An example of a container in UI design is the accordion menu, which is a vertically stacked list of titles that can be clicked to hide or show content.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-3949157 animated-fast elementor-invisible\" data-id=\"3949157\" data-element_type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeInRight&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-25ccd9e elementor-widget elementor-widget-image\" data-id=\"25ccd9e\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1280\" height=\"853\" src=\"https:\/\/79ratio.agency\/wp-content\/uploads\/2023\/06\/digital-inline.webp\" class=\"attachment-full size-full wp-image-1162\" alt=\"\" srcset=\"https:\/\/79ratio.agency\/wp-content\/uploads\/2023\/06\/digital-inline.webp 1280w, https:\/\/79ratio.agency\/wp-content\/uploads\/2023\/06\/digital-inline-300x200.webp 300w, https:\/\/79ratio.agency\/wp-content\/uploads\/2023\/06\/digital-inline-1024x682.webp 1024w, https:\/\/79ratio.agency\/wp-content\/uploads\/2023\/06\/digital-inline-768x512.webp 768w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ce74256 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ce74256\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-01c5072 elementor-invisible\" data-id=\"01c5072\" data-element_type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeInRight&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f6ba6a7 elementor-widget elementor-widget-image\" data-id=\"f6ba6a7\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"900\" height=\"1620\" data-src=\"https:\/\/79ratio.agency\/wp-content\/uploads\/2023\/06\/ui-design-inline-02.webp\" class=\"attachment-full size-full wp-image-1227 lazyload\" alt=\"\" data-srcset=\"https:\/\/79ratio.agency\/wp-content\/uploads\/2023\/06\/ui-design-inline-02.webp 900w, https:\/\/79ratio.agency\/wp-content\/uploads\/2023\/06\/ui-design-inline-02-167x300.webp 167w, https:\/\/79ratio.agency\/wp-content\/uploads\/2023\/06\/ui-design-inline-02-569x1024.webp 569w, https:\/\/79ratio.agency\/wp-content\/uploads\/2023\/06\/ui-design-inline-02-768x1382.webp 768w, https:\/\/79ratio.agency\/wp-content\/uploads\/2023\/06\/ui-design-inline-02-853x1536.webp 853w\" data-sizes=\"(max-width: 900px) 100vw, 900px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 900px; --smush-placeholder-aspect-ratio: 900\/1620;\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-c0eb066 elementor-invisible\" data-id=\"c0eb066\" data-element_type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-cb0de9f elementor-widget elementor-widget-text-editor\" data-id=\"cb0de9f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>UI designers are also engaged in the later stages of the product design process. Some key steps in the UI design process include:<\/p><h4>Understanding Context<\/h4><p>You cannot design a product\u2019s user interface without knowing who will use it and for what. The UI designer will start by getting to know the project brief to understand the target audience they are designing and the purpose of the product.<\/p><h4>Doing Competitor Analysis<\/h4><p>UI designers can do competitor analysis to see what other brands operating in the same space are doing. This helps you understand what your users expect when interacting with certain products and allows you to design interfaces that are familiar and therefore easier to use.<\/p><h4>Designing Screens and UI Elements<\/h4><p>Of course, a significant part of the UI design process focuses on design. UI designers will design all the screens that make up the user journey and the different elements on these screens. This includes designing icons and buttons, selecting or creating images, making decisions about colors and typography, and designing any animations and interactions.<\/p><h4>Creating Wireframes and Prototypes<\/h4><p>Throughout the UI design process, UI designers will create wireframes and prototypes. In the early stages, poor quality wireframes can be used to map the position of different elements on the screen. High-accuracy, clickable prototypes are used to model the final look and feel of the product, while initial ideas translate into tangible design decisions. With high-quality prototypes, UI designers can communicate not only how the product UI should look, but also how it should behave when the user interacts with it.<\/p><h4>Submission to Developers<\/h4><p>Once the product UI is complete, it\u2019s up to the developers to turn the UI designer\u2019s prototypes into an actual, working product. It\u2019s important to be aware that the transition from high-fidelity prototypes to development isn\u2019t always easy, as developers and other stakeholders can get feedback and may require you to iterate over your designs.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4b129b3 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4b129b3\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-340026c\" data-id=\"340026c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f0b1571 elementor-widget elementor-widget-heading\" data-id=\"f0b1571\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">6 Basic Principles of UI Design<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-44ec590 elementor-widget elementor-widget-text-editor\" data-id=\"44ec590\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\">There are certain guiding principles that inform the UI design process. These include:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-d31ec8c elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d31ec8c\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-b3d8ce5\" data-id=\"b3d8ce5\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-28fa227 elementor-widget elementor-widget-heading\" data-id=\"28fa227\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Consistency<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b6fdf25 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"b6fdf25\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f0310ad elementor-widget elementor-widget-text-editor\" data-id=\"f0310ad\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The most enjoyable, user-friendly interfaces are the ones that are consistent. UI designers should strive for visual consistency by keeping fonts, colors, buttons, and icons uniform throughout the product, and functional consistency by ensuring that certain elements represent the same function or action in all contexts. The more consistent the user interface, the easier it is for the user to grasp.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-abc84bd\" data-id=\"abc84bd\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-66b0547 elementor-widget elementor-widget-heading\" data-id=\"66b0547\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Familiarity and Predictability\n<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ffa8da6 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"ffa8da6\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1b18690 elementor-widget elementor-widget-text-editor\" data-id=\"1b18690\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>It has to do with how a user expects a particular interface to work. Based on our experience with similar websites and apps, we learn to associate certain user interface elements with certain actions. We also expect certain things to happen in certain places. UI designers are required to create comfortable, user-friendly interfaces.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-6fa8cb1 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6fa8cb1\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-1f34f4d\" data-id=\"1f34f4d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b0859d8 elementor-widget elementor-widget-heading\" data-id=\"b0859d8\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Feedback<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-11e6d37 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"11e6d37\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-74a4a1a elementor-widget elementor-widget-text-editor\" data-id=\"74a4a1a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>As the user moves through an interface, it is very important to provide them with feedback. This guides them towards their goal, letting them know if they have successfully completed a certain action or notifying them if something goes wrong. It can be visually or through explicit messaging.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-31bedca\" data-id=\"31bedca\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b8c207f elementor-widget elementor-widget-heading\" data-id=\"b8c207f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Flexibility<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0c2aeb0 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"0c2aeb0\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d6dee6c elementor-widget elementor-widget-text-editor\" data-id=\"d6dee6c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>When designing an interface, it\u2019s important to provide flexibility in how users can complete certain tasks. As a result, your UI should be consistent and also allow for some degree of customization depending on the user.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-9bbaf88 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9bbaf88\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-ccd95b0\" data-id=\"ccd95b0\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6d3b587 elementor-widget elementor-widget-heading\" data-id=\"6d3b587\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Sufficiency<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8e9e6c5 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"8e9e6c5\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7801913 elementor-widget elementor-widget-text-editor\" data-id=\"7801913\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>New users may need more guidance, while experienced users should have access to shortcuts and accelerators that allow them to speed up common actions. In this way, a common point can be determined for each persona in the experience classifications. Thanks to the Sufficiency Principle, which is an important principle in the design of user-friendly interfaces, the addition of the Consistency Principle results in optimal results.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-602f112\" data-id=\"602f112\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5068689 elementor-widget elementor-widget-heading\" data-id=\"5068689\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Accessibility<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fcd63d9 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"fcd63d9\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b9cee62 elementor-widget elementor-widget-text-editor\" data-id=\"b9cee62\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>UI designers have the responsibility to create accessible interfaces for all users. This includes providing sufficient contrast between the text and the background on which it is placed, ensuring that interactive elements such as links and buttons are easily identified, leaving enough space around buttons and touchpoints, and creating designs for viewports of different sizes.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a8789af elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a8789af\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-49699cf\" data-id=\"49699cf\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-46e8294 elementor-widget elementor-widget-elementskit-heading\" data-id=\"46e8294\" data-element_type=\"widget\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_left   ekit_heading_tablet-   ekit_heading_mobile-\"><h2 class=\"ekit-heading--title elementskit-section-title \">SEO?<\/h2><div class=\"ekit_heading_separetor_wraper ekit_heading_elementskit-border-divider ekit-dotted\"><div class=\"elementskit-border-divider ekit-dotted\"><\/div><\/div><h3 class=\"ekit-heading--subtitle elementskit-section-subtitle  \">\n\t\t\t\t\t\tThis is our thing!\n\t\t\t\t\t<\/h3><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35e72c7 elementor-widget elementor-widget-elementskit-heading\" data-id=\"35e72c7\" data-element_type=\"widget\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_left   ekit_heading_tablet-   ekit_heading_mobile-center\"><h4 class=\"ekit-heading--title elementskit-section-title \">Check out the strategic overview below that worked wonders for Google.<br><br>Magical, right?<\/h4><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-317cf48\" data-id=\"317cf48\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-30f7fe6 elementor-widget elementor-widget-image\" data-id=\"30f7fe6\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"545\" height=\"536\" data-src=\"https:\/\/79ratio.agency\/wp-content\/uploads\/2023\/06\/SEO-Call-Back.png\" class=\"attachment-large size-large wp-image-1101 lazyload\" alt=\"\" data-srcset=\"https:\/\/79ratio.agency\/wp-content\/uploads\/2023\/06\/SEO-Call-Back.png 545w, https:\/\/79ratio.agency\/wp-content\/uploads\/2023\/06\/SEO-Call-Back-300x295.png 300w\" data-sizes=\"(max-width: 545px) 100vw, 545px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 545px; --smush-placeholder-aspect-ratio: 545\/536;\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a315148 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a315148\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4302efa\" data-id=\"4302efa\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7e65373 elementor-widget elementor-widget-template\" data-id=\"7e65373\" data-element_type=\"widget\" data-widget_type=\"template.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-template\">\n\t\t\t\t\t<div data-elementor-type=\"section\" data-elementor-id=\"1338\" class=\"elementor elementor-1338 elementor-501\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1b66bad elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1b66bad\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ce01b03\" data-id=\"ce01b03\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-7990115 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7990115\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-f72cb08\" data-id=\"f72cb08\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3a15256 ekit-equal-height-enable elementor-widget elementor-widget-elementskit-icon-box\" data-id=\"3a15256\" data-element_type=\"widget\" data-widget_type=\"elementskit-icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <!-- link opening -->\n                <a href=\"https:\/\/79ratio.agency\/en\/design\/branding\/\" class=\"ekit_global_links\">\n                <!-- end link opening -->\n\n        <div class=\"elementskit-infobox text- text-left icon-lef-right-aligin elementor-animation- media gradient-active image-active hover_from_left\">\n                    <div class=\"elementskit-box-header elementor-animation-\">\n                <div class=\"elementskit-info-box-icon  text-center\">\n                    <i aria-hidden=\"true\" class=\"elementkit-infobox-icon icon icon-brands\"><\/i>\n                <\/div>\n          <\/div>\n                        <div class=\"box-body\">\n                            <h3 class=\"elementskit-info-box-title\">\n                     Branding                <\/h3>\n                        \t\t  \t<p>With a strong branding, you can put a strong and unique stamp on your business.<\/p>\n                                <\/div>\n        \n                    <figure class=\"image-hover\"><img decoding=\"async\" width=\"366\" height=\"198\" data-src=\"https:\/\/79ratio.agency\/wp-content\/uploads\/2023\/06\/branding-bg-overlay.webp\" class=\"attachment- size- lazyload\" alt=\"\" data-srcset=\"https:\/\/79ratio.agency\/wp-content\/uploads\/2023\/06\/branding-bg-overlay.webp 366w, https:\/\/79ratio.agency\/wp-content\/uploads\/2023\/06\/branding-bg-overlay-300x162.webp 300w\" data-sizes=\"(max-width: 366px) 100vw, 366px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 366px; --smush-placeholder-aspect-ratio: 366\/198;\" \/><\/figure>        \n                <\/div>\n                <\/a>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-9afcc0a\" data-id=\"9afcc0a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f41c78a ekit-equal-height-enable elementor-widget elementor-widget-elementskit-icon-box\" data-id=\"f41c78a\" data-element_type=\"widget\" data-widget_type=\"elementskit-icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <!-- link opening -->\n                <a href=\"https:\/\/79ratio.agency\/en\/design\/corporate-identity\/\" class=\"ekit_global_links\">\n                <!-- end link opening -->\n\n        <div class=\"elementskit-infobox text- text-left icon-lef-right-aligin elementor-animation- media gradient-active image-active hover_from_left\">\n                    <div class=\"elementskit-box-header elementor-animation-\">\n                <div class=\"elementskit-info-box-icon  text-center\">\n                    <i aria-hidden=\"true\" class=\"elementkit-infobox-icon icon icon-tie\"><\/i>\n                <\/div>\n          <\/div>\n                        <div class=\"box-body\">\n                            <h3 class=\"elementskit-info-box-title\">\n                    Corporate identity                <\/h3>\n                        \t\t  \t<p>Attract attention, stand out and above all be recognizable, you do this with a unique home style.<\/p>\n                                <\/div>\n        \n                    <figure class=\"image-hover\"><img decoding=\"async\" width=\"366\" height=\"198\" data-src=\"https:\/\/79ratio.agency\/wp-content\/uploads\/2023\/06\/corporate-branding-bg-overlay.webp\" class=\"attachment- size- lazyload\" alt=\"\" data-srcset=\"https:\/\/79ratio.agency\/wp-content\/uploads\/2023\/06\/corporate-branding-bg-overlay.webp 366w, https:\/\/79ratio.agency\/wp-content\/uploads\/2023\/06\/corporate-branding-bg-overlay-300x162.webp 300w\" data-sizes=\"(max-width: 366px) 100vw, 366px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 366px; --smush-placeholder-aspect-ratio: 366\/198;\" \/><\/figure>        \n                <\/div>\n                <\/a>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-51826c7\" data-id=\"51826c7\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-eda5669 ekit-equal-height-enable elementor-widget elementor-widget-elementskit-icon-box\" data-id=\"eda5669\" data-element_type=\"widget\" data-widget_type=\"elementskit-icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <!-- link opening -->\n                <a href=\"https:\/\/79ratio.agency\/en\/design\/rebranding\/\" class=\"ekit_global_links\">\n                <!-- end link opening -->\n\n        <div class=\"elementskit-infobox text- text-left icon-lef-right-aligin elementor-animation- media gradient-active image-active hover_from_left\">\n                    <div class=\"elementskit-box-header elementor-animation-\">\n                <div class=\"elementskit-info-box-icon  text-center\">\n                    <i aria-hidden=\"true\" class=\"elementkit-infobox-icon icon icon-refresh\"><\/i>\n                <\/div>\n          <\/div>\n                        <div class=\"box-body\">\n                            <h3 class=\"elementskit-info-box-title\">\n                    Rebranding                <\/h3>\n                        \t\t  \t<p>It is the journey the customer takes to reach the final purchase of a product or service.<\/p>\n                                <\/div>\n        \n                    <figure class=\"image-hover\"><img decoding=\"async\" width=\"366\" height=\"198\" data-src=\"https:\/\/79ratio.agency\/wp-content\/uploads\/2023\/06\/rebranding-bg-overlay.webp\" class=\"attachment- size- lazyload\" alt=\"\" data-srcset=\"https:\/\/79ratio.agency\/wp-content\/uploads\/2023\/06\/rebranding-bg-overlay.webp 366w, https:\/\/79ratio.agency\/wp-content\/uploads\/2023\/06\/rebranding-bg-overlay-300x162.webp 300w\" data-sizes=\"(max-width: 366px) 100vw, 366px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 366px; --smush-placeholder-aspect-ratio: 366\/198;\" \/><\/figure>        \n                <\/div>\n                <\/a>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-acf04a2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"acf04a2\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-cad2b71\" data-id=\"cad2b71\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-53ef386 ekit-equal-height-enable elementor-widget elementor-widget-elementskit-icon-box\" data-id=\"53ef386\" data-element_type=\"widget\" data-widget_type=\"elementskit-icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <!-- link opening -->\n                <a href=\"https:\/\/79ratio.agency\/en\/design\/campaign-designs\/\" class=\"ekit_global_links\">\n                <!-- end link opening -->\n\n        <div class=\"elementskit-infobox text- text-left icon-lef-right-aligin elementor-animation- media gradient-active image-active hover_from_left\">\n                    <div class=\"elementskit-box-header elementor-animation-\">\n                <div class=\"elementskit-info-box-icon  text-center\">\n                    <i aria-hidden=\"true\" class=\"elementkit-infobox-icon icon icon-megaphone1\"><\/i>\n                <\/div>\n          <\/div>\n                        <div class=\"box-body\">\n                            <h3 class=\"elementskit-info-box-title\">\n                     Campaign Designs                <\/h3>\n                        \t\t  \t<p>The ideal way to look at your company from a different perspective is to get to know your customers and employees thoroughly.<\/p>\n                                <\/div>\n        \n                    <figure class=\"image-hover\"><img decoding=\"async\" width=\"366\" height=\"198\" data-src=\"https:\/\/79ratio.agency\/wp-content\/uploads\/2023\/06\/Campaign-Design-BG-Overlay.webp\" class=\"attachment- size- lazyload\" alt=\"\" data-srcset=\"https:\/\/79ratio.agency\/wp-content\/uploads\/2023\/06\/Campaign-Design-BG-Overlay.webp 366w, https:\/\/79ratio.agency\/wp-content\/uploads\/2023\/06\/Campaign-Design-BG-Overlay-300x162.webp 300w\" data-sizes=\"(max-width: 366px) 100vw, 366px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 366px; --smush-placeholder-aspect-ratio: 366\/198;\" \/><\/figure>        \n                <\/div>\n                <\/a>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-99d4d40\" data-id=\"99d4d40\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d90ba62 ekit-equal-height-enable elementor-widget elementor-widget-elementskit-icon-box\" data-id=\"d90ba62\" data-element_type=\"widget\" data-widget_type=\"elementskit-icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <!-- link opening -->\n                <a href=\"https:\/\/79ratio.agency\/en\/design\/web-design\/\" class=\"ekit_global_links\">\n                <!-- end link opening -->\n\n        <div class=\"elementskit-infobox text- text-left icon-lef-right-aligin elementor-animation- media gradient-active image-active hover_from_left\">\n                    <div class=\"elementskit-box-header elementor-animation-\">\n                <div class=\"elementskit-info-box-icon  text-center\">\n                    <i aria-hidden=\"true\" class=\"elementkit-infobox-icon icon icon-design\"><\/i>\n                <\/div>\n          <\/div>\n                        <div class=\"box-body\">\n                            <h3 class=\"elementskit-info-box-title\">\n                    Web design                <\/h3>\n                        \t\t  \t<p>How do you manage to attract that best talent to empower your team?<\/p>\n                                <\/div>\n        \n                    <figure class=\"image-hover\"><img decoding=\"async\" width=\"366\" height=\"198\" data-src=\"https:\/\/79ratio.agency\/wp-content\/uploads\/2023\/06\/web-design-BG-Overlay.webp\" class=\"attachment- size- lazyload\" alt=\"\" data-srcset=\"https:\/\/79ratio.agency\/wp-content\/uploads\/2023\/06\/web-design-BG-Overlay.webp 366w, https:\/\/79ratio.agency\/wp-content\/uploads\/2023\/06\/web-design-BG-Overlay-300x162.webp 300w\" data-sizes=\"(max-width: 366px) 100vw, 366px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 366px; --smush-placeholder-aspect-ratio: 366\/198;\" \/><\/figure>        \n                <\/div>\n                <\/a>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-96c301a\" data-id=\"96c301a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-57200e3 ekit-equal-height-enable elementor-widget elementor-widget-elementskit-icon-box\" data-id=\"57200e3\" data-element_type=\"widget\" data-widget_type=\"elementskit-icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <!-- link opening -->\n                <a href=\"https:\/\/79ratio.agency\/en\/design\/ui-design\/\" class=\"ekit_global_links\">\n                <!-- end link opening -->\n\n        <div class=\"elementskit-infobox text- text-left icon-lef-right-aligin elementor-animation- media gradient-active image-active hover_from_left\">\n                    <div class=\"elementskit-box-header elementor-animation-\">\n                <div class=\"elementskit-info-box-icon  text-center\">\n                    <i aria-hidden=\"true\" class=\"elementkit-infobox-icon icon icon-menu1\"><\/i>\n                <\/div>\n          <\/div>\n                        <div class=\"box-body\">\n                            <h3 class=\"elementskit-info-box-title\">\n                    UI Design                <\/h3>\n                        \t\t  \t<p>How is your company in the market? Are you far above the others or are you on the same level as your competitors?<\/p>\n                                <\/div>\n        \n                    <figure class=\"image-hover\"><img decoding=\"async\" width=\"366\" height=\"198\" data-src=\"https:\/\/79ratio.agency\/wp-content\/uploads\/2023\/06\/ui-design-BG-Overlay.webp\" class=\"attachment- size- lazyload\" alt=\"\" data-srcset=\"https:\/\/79ratio.agency\/wp-content\/uploads\/2023\/06\/ui-design-BG-Overlay.webp 366w, https:\/\/79ratio.agency\/wp-content\/uploads\/2023\/06\/ui-design-BG-Overlay-300x162.webp 300w\" data-sizes=\"(max-width: 366px) 100vw, 366px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 366px; --smush-placeholder-aspect-ratio: 366\/198;\" \/><\/figure>        \n                <\/div>\n                <\/a>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-42125c2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"42125c2\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cb0f990\" data-id=\"cb0f990\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-befc2c6 elementor-widget elementor-widget-template\" data-id=\"befc2c6\" data-element_type=\"widget\" data-widget_type=\"template.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-template\">\n\t\t\t\t\t<div data-elementor-type=\"section\" data-elementor-id=\"1341\" class=\"elementor elementor-1341 elementor-370\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-235f150 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"235f150\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-56662e5\" data-id=\"56662e5\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7fbf261 elementor-widget elementor-widget-elementskit-heading\" data-id=\"7fbf261\" data-element_type=\"widget\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper center   ekit_heading_tablet-   ekit_heading_mobile-\"><a href=\"https:\/\/79ratio.agency\/79-blog\/\"><h2 class=\"ekit-heading--title elementskit-section-title \">79 Blog<\/h2><\/a><div class=\"ekit_heading_separetor_wraper ekit_heading_elementskit-border-divider ekit-dotted\"><div class=\"elementskit-border-divider ekit-dotted\"><\/div><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-3ab0d82 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3ab0d82\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-62b64a4\" data-id=\"62b64a4\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bed879c elementor-widget elementor-widget-elementskit-blog-posts\" data-id=\"bed879c\" data-element_type=\"widget\" data-widget_type=\"elementskit-blog-posts.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div id=\"post-items--bed879c\" class=\"row post-items\">\n                    <div class=\"col-lg-4 col-md-6\">\n\n                                    <div class=\"elementskit-post-image-card\">\n                        <div class=\"elementskit-entry-header\">\n                                                            <a href=\"https:\/\/79ratio.agency\/en\/black-friday-2025\/\" class=\"elementskit-entry-thumb\">\n                                    <img decoding=\"async\" data-src=\"https:\/\/79ratio.agency\/wp-content\/uploads\/2025\/10\/black-friday-strateji.webp\" alt=\"Black Friday 2025: A Strategy Guide for Brands and Customers\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/1024;\">\n                                <\/a><!-- .elementskit-entry-thumb END -->\n                                                            \n                            \n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div><!-- .elementskit-entry-header END -->\n\n\t\t\t\t\t\t<div class=\"elementskit-post-body \">\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"entry-title\">\n\t\t\t\t\t<a href=\"https:\/\/79ratio.agency\/en\/black-friday-2025\/\">\n\t\t\t\t\t\tBlack Friday 2025: A Strategy Guide for Brands and Customers\t\t\t\t\t<\/a>\n\t\t\t\t<\/h2>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p>What Is Black Friday? Black Friday is not just a \u201cshopping day\u201d; it\u2019s one of the most strategic periods of the year for both businesses and consumers. Brands strive to manage high demand and maintain profitability in a short time, while customers aim to capture real value without breaking their&hellip;<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                                    <\/div><!-- .elementskit-post-body END -->\n                    <\/div>\n                \n            <\/div>\n                    <div class=\"col-lg-4 col-md-6\">\n\n                                    <div class=\"elementskit-post-image-card\">\n                        <div class=\"elementskit-entry-header\">\n                                                            <a href=\"https:\/\/79ratio.agency\/en\/responsive-logo-nedir\/\" class=\"elementskit-entry-thumb\">\n                                    <img decoding=\"async\" data-src=\"https:\/\/79ratio.agency\/wp-content\/uploads\/2023\/07\/79Ratio_Responsive_Logo_Nedir_blog-header-1024x576.jpg\" alt=\"What is a Responsive Logo?\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/576;\">\n                                <\/a><!-- .elementskit-entry-thumb END -->\n                                                            \n                            \n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div><!-- .elementskit-entry-header END -->\n\n\t\t\t\t\t\t<div class=\"elementskit-post-body \">\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"entry-title\">\n\t\t\t\t\t<a href=\"https:\/\/79ratio.agency\/en\/responsive-logo-nedir\/\">\n\t\t\t\t\t\tWhat is a Responsive Logo?\t\t\t\t\t<\/a>\n\t\t\t\t<\/h2>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p>Logonuzu kullanmak i\u00e7in her zamankinden daha fazla yer var ve hepsinin boyutu \u00e7ok farkl\u0131. Responsive logo tasar\u0131mlar\u0131 markan\u0131z\u0131n ak\u0131lda kal\u0131c\u0131l\u0131\u011f\u0131n\u0131 sa\u011flayarak, bu sorunlar\u0131m\u0131za \u00e7\u00f6z\u00fcm sunuyoruz. Ba\u015flang\u0131\u00e7ta bir tasar\u0131m trendi olarak d\u00fc\u015f\u00fcn\u00fclen Responsive Logolar, bir hevesten \u00e7ok en b\u00fcy\u00fck dijital tasar\u0131m sorunlar\u0131ndan birinin \u00fcstesinden geliyor: a\u015f\u0131r\u0131 boyutlarda netli\u011fi korumak. Yerle\u015ftirildikleri yere&hellip;<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                                    <\/div><!-- .elementskit-post-body END -->\n                    <\/div>\n                \n            <\/div>\n                    <div class=\"col-lg-4 col-md-6\">\n\n                                    <div class=\"elementskit-post-image-card\">\n                        <div class=\"elementskit-entry-header\">\n                                                            <a href=\"https:\/\/79ratio.agency\/en\/how-can-you-make-your-text-areas-perfect\/\" class=\"elementskit-entry-thumb\">\n                                    <img decoding=\"async\" data-src=\"https:\/\/79ratio.agency\/wp-content\/uploads\/2023\/07\/metin-alanlarinizi-mukemmel-hale-nasil-getirebilirsiniz-1024x640.jpg\" alt=\"How Can You Make Your Text Areas Perfect?\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/640;\">\n                                <\/a><!-- .elementskit-entry-thumb END -->\n                                                            \n                            \n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div><!-- .elementskit-entry-header END -->\n\n\t\t\t\t\t\t<div class=\"elementskit-post-body \">\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"entry-title\">\n\t\t\t\t\t<a href=\"https:\/\/79ratio.agency\/en\/how-can-you-make-your-text-areas-perfect\/\">\n\t\t\t\t\t\tHow Can You Make Your Text Areas Perfect?\t\t\t\t\t<\/a>\n\t\t\t\t<\/h2>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p>Metin Alanlar\u0131n\u0131z\u0131 M\u00fckemmel Hale Nas\u0131l Getirebilirsiniz? 1-A\u00e7\u0131k\u00e7a G\u00f6r\u00fcn. Dikd\u00f6rtgenleri k\u00f6\u015feleri yuvarlat\u0131lm\u0131\u015f \u015fekilde kullan\u0131n. Tasar\u0131m\u0131n\u0131z\u0131n metin alanlar\u0131yla tutarl\u0131 olmas\u0131 gerekti\u011fini unutmay\u0131n 2-B\u00fcy\u00fck Harf Kullanmay\u0131n. Metnin tamam\u0131nda b\u00fcy\u00fck hark kullan\u0131lmas\u0131 okumay\u0131 g\u00fc\u00e7le\u015ftirir. 3-Alan Uzunlu\u011funu Metne G\u00f6re Ayarlay\u0131n. Alan geni\u015fli\u011fi, metni daha g\u00f6r\u00fcnebilir hale getirir. 4-Hatalar \u0130\u00e7in Uyar\u0131 Verin. D\u00fczeltilmesi gereken alanda hata&hellip;<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                                    <\/div><!-- .elementskit-post-body END -->\n                    <\/div>\n                \n            <\/div>\n                <\/div>\n       <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>It is the space where interactions between humans and machines take place It is an integral aspect of user experience (UX) that consists of two main parts. Visual design that conveys the look and feel of a product and interaction design, which is the functional and logical organization of other elements. What is UI design? [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1390,"menu_order":30,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1396","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/79ratio.agency\/en\/wp-json\/wp\/v2\/pages\/1396","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/79ratio.agency\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/79ratio.agency\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/79ratio.agency\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/79ratio.agency\/en\/wp-json\/wp\/v2\/comments?post=1396"}],"version-history":[{"count":0,"href":"https:\/\/79ratio.agency\/en\/wp-json\/wp\/v2\/pages\/1396\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/79ratio.agency\/en\/wp-json\/wp\/v2\/pages\/1390"}],"wp:attachment":[{"href":"https:\/\/79ratio.agency\/en\/wp-json\/wp\/v2\/media?parent=1396"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}