<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0" xmlns:media="http://search.yahoo.com/mrss/"><channel><title><![CDATA[Seafox Design Blog]]></title><description><![CDATA[UI/UX: my experience.]]></description><link>https://seafox.hvorest.com/</link><image><url>https://seafox.hvorest.com/favicon.png</url><title>Seafox Design Blog</title><link>https://seafox.hvorest.com/</link></image><generator>Ghost 3.27</generator><lastBuildDate>Sat, 11 Apr 2026 07:42:33 GMT</lastBuildDate><atom:link href="https://seafox.hvorest.com/rss/" rel="self" type="application/rss+xml"/><ttl>60</ttl><item><title><![CDATA[Design Landing Page Using AIDA]]></title><description><![CDATA[To create a high converting landing page, you need to adhere to the correct structure. Let's take a look at the structure of the landing page and find the perfect landing page layout using AIDA formula.]]></description><link>https://seafox.hvorest.com/landing-page-design-landing-page-structure-using-aida-principles-2/</link><guid isPermaLink="false">5f33f18a84f0e36375c12283</guid><category><![CDATA[UI/UX]]></category><dc:creator><![CDATA[Ksenia Konovalova]]></dc:creator><pubDate>Fri, 14 Aug 2020 02:25:00 GMT</pubDate><media:content url="https://seafox.hvorest.com/content/images/2020/08/laptop-2434393_1920-1.jpg" medium="image"/><content:encoded><![CDATA[<img src="https://seafox.hvorest.com/content/images/2020/08/laptop-2434393_1920-1.jpg" alt="Design Landing Page Using AIDA"><p></p><p></p><p><strong>To create a high converting landing page, you need to adhere to the correct structure. Let's take a look at the structure of the landing page and find the perfect landing page layout using AIDA formula.</strong></p><p></p><p><strong>Landing page</strong> is a one-page site that promotes a specific offer and collects contact information for the target audience. The user needs to take a certain action to take advantage of this offer: buy, subscribe, register.</p><p>The purpose of the landing page is to focus the user on one offer (service/product) and force the user to take the targeted action. Therefore, all the information on the landing page is aimed at making the user think: <em>"Yes, I need it!"</em></p><p>When a user visits a landing page for the first time, he needs about <em>5 seconds</em> to understand whether the information is interesting to him and whether he will view it further.</p><p>Landing page is a narrative story about an offer, and for it to be effective, the information must be <em>clear</em> and<em> convincing</em>. To achieve this, a certain structure must be observed.</p><p><strong>AIDA</strong> is a marketing practice model of consumer behavior that describes the sequence of events leading to a purchase decision:</p><p><strong>A</strong>ttention;<br><strong>I</strong>nterest;<br><strong>D</strong>esire;<br><strong>A</strong>ction.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://seafox.hvorest.com/content/images/2020/08/aida-01-2.png" class="kg-image" alt="Design Landing Page Using AIDA" srcset="https://seafox.hvorest.com/content/images/size/w600/2020/08/aida-01-2.png 600w, https://seafox.hvorest.com/content/images/size/w1000/2020/08/aida-01-2.png 1000w, https://seafox.hvorest.com/content/images/2020/08/aida-01-2.png 1007w" sizes="(min-width: 720px) 720px"><figcaption>AIDA model: Attention → Interest → Desire → Action.</figcaption></figure><p></p><p>Let's try to apply AIDA principles to landing page design:</p><figure class="kg-card kg-image-card"><img src="https://seafox.hvorest.com/content/images/2020/08/Frame--.png" class="kg-image" alt="Design Landing Page Using AIDA" srcset="https://seafox.hvorest.com/content/images/size/w600/2020/08/Frame--.png 600w, https://seafox.hvorest.com/content/images/size/w1000/2020/08/Frame--.png 1000w, https://seafox.hvorest.com/content/images/size/w1600/2020/08/Frame--.png 1600w, https://seafox.hvorest.com/content/images/2020/08/Frame--.png 1700w" sizes="(min-width: 720px) 720px"></figure><p></p><h2 id="-1-attention">#1 Attention</h2><p>The first screen has a very important function - to <em>attract attention</em> and <em>make an impression</em>. It must answer the user's question <em>"Where I am?"</em> and prompt the user to scroll further.</p><p>This screen should contain:</p><p><strong>Primary Headline</strong> - one of the main elements, here is the <em>Value Proposition</em>.</p><p><strong>Secondary headline</strong> - explains the headline in more detail, reveals the essence of customer value and motivates to study the landing page. Must be short and meaningful.</p><p><strong>The visual image</strong> should work for the main task - <em>Conversion Centered Design</em>. Usually these are pictures and photos for visual representation of a product or service. Visuals should not compete with texts and distract from the main message of the landing page.</p><p>Also, this page can contain elements such as:</p><ul><li>Logo</li><li>Landing page navigation menu</li><li>Contacts</li><li>Call to Action</li></ul><figure class="kg-card kg-image-card"><img src="https://seafox.hvorest.com/content/images/2020/08/Frame-2-2.png" class="kg-image" alt="Design Landing Page Using AIDA" srcset="https://seafox.hvorest.com/content/images/size/w600/2020/08/Frame-2-2.png 600w, https://seafox.hvorest.com/content/images/2020/08/Frame-2-2.png 1000w" sizes="(min-width: 720px) 720px"></figure><p></p><h2 id="-2-interest-desire">#2 Interest + Desire</h2><p>So, when the page has attracted the user's attention, now it is necessary to <em>maintain interest</em> and <em>generate desire</em>.<br>Further information about the advantages and features of the product/service is placed.</p><p>Divide the information into several blocks of meaning.<br>Each block should answer one user question. The block should contain a title, a subtitle (optional) and content: text, image, video.<br>The sequence of the blocks must be logical and the blocks must be visually separated from each other.</p><p>Structure the text as much as possible, use lists. Avoid complex terminology and long sentences. Do not use links to other sites, this may distract the user from the desired action.</p><figure class="kg-card kg-image-card kg-width-wide kg-card-hascaption"><img src="https://seafox.hvorest.com/content/images/2020/08/Frame-3.png" class="kg-image" alt="Design Landing Page Using AIDA" srcset="https://seafox.hvorest.com/content/images/size/w600/2020/08/Frame-3.png 600w, https://seafox.hvorest.com/content/images/size/w1000/2020/08/Frame-3.png 1000w, https://seafox.hvorest.com/content/images/2020/08/Frame-3.png 1600w" sizes="(min-width: 1200px) 1200px"><figcaption>Examples of informative blocks</figcaption></figure><p></p><h2 id="-3-action">#3 Action</h2><p>All the previous steps prepared the user for this action. The culmination of the landing page is the <em>Call to Action</em> and <em>the Request Form</em>.<br>Call to Action is usually expressed in the form of buttons <em>"Buy", "Order", "Subscribe</em>", etc.</p><p>If all the other elements of the landing page have worked well, then the call to action turns the average website visitor into a potential customer.</p><p>The CTA button should be effectively highlighted on the page, it should be clear and concise, call for only one action.</p><figure class="kg-card kg-image-card kg-width-wide kg-card-hascaption"><img src="https://seafox.hvorest.com/content/images/2020/08/Frame-4.png" class="kg-image" alt="Design Landing Page Using AIDA" srcset="https://seafox.hvorest.com/content/images/size/w600/2020/08/Frame-4.png 600w, https://seafox.hvorest.com/content/images/size/w1000/2020/08/Frame-4.png 1000w, https://seafox.hvorest.com/content/images/2020/08/Frame-4.png 1600w" sizes="(min-width: 1200px) 1200px"><figcaption>Examples of Call to Action blocks</figcaption></figure><p><strong>Finally, a great landing page structure is:</strong></p><ul><li><strong>The first screen that attracts attention and arouses interest;</strong></li><li><strong>Several blocks with information about the offer, which should arouse the desire of the visitor.</strong></li><li><strong>Call to Action button that attracts the visitor's eye.</strong></li></ul><p></p><p>Was this article helpful to you? Write comments and share on social networks :)</p>]]></content:encoded></item><item><title><![CDATA[Welcome to my blog!]]></title><description><![CDATA[<p></p><p>Hello!<br><br>My name is Ksenia Konovalova. A couple of months ago, I would say about myself that I am just a graphic designer, but I decided to change my occupation and set a goal for myself to study UI/UX design. <br><br>By the way, about 3 years ago I mastered</p>]]></description><link>https://seafox.hvorest.com/welcome-to-my-blog/</link><guid isPermaLink="false">5f24271a44cbae5a13f3b92c</guid><category><![CDATA[other]]></category><dc:creator><![CDATA[Ksenia Konovalova]]></dc:creator><pubDate>Fri, 31 Jul 2020 14:20:13 GMT</pubDate><media:content url="https://seafox.hvorest.com/content/images/2020/08/chairs-2181928_1920-1.jpg" medium="image"/><content:encoded><![CDATA[<img src="https://seafox.hvorest.com/content/images/2020/08/chairs-2181928_1920-1.jpg" alt="Welcome to my blog!"><p></p><p>Hello!<br><br>My name is Ksenia Konovalova. A couple of months ago, I would say about myself that I am just a graphic designer, but I decided to change my occupation and set a goal for myself to study UI/UX design. <br><br>By the way, about 3 years ago I mastered graphic design on my own, I successfully studied Adobe Photoshop and Adobe Illustrator. I got really good experience in logo design, print design and vector graphics. Therefore, I am good at self-study. <br><br>I believe that the main goal of design is <em>usability</em>. <br>Therefore, I want to study UI/UX design in order to pursue this goal. <br><br>I decided to start this blog to share my experience with people, maybe it will be useful to someone. Also, it will be useful to me, because I can track my progress, structure new information and maybe I will get feedback from experienced designers. I will hope so :) <br><br>Also, I am not a native English speaker and I need to improve my skills. So I will try to write in English and I apologize in advance for some mistakes I may make. <br><br>Any constructive feedback or comment is welcome :)</p>]]></content:encoded></item></channel></rss>