<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:blogger='http://schemas.google.com/blogger/2008' xmlns:georss='http://www.georss.org/georss' xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-5000006675409301466</id><updated>2021-08-15T02:20:35.684-07:00</updated><title type='text'>digital lab </title><subtitle type='html'></subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='https://www.digitallabng.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/5000006675409301466/posts/default'/><link rel='alternate' type='text/html' href='https://www.digitallabng.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>digital lab</name><uri>http://www.blogger.com/profile/12036933087366391181</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>4</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-5000006675409301466.post-3754456161284587747</id><published>2021-08-03T15:28:00.000-07:00</published><updated>2021-08-03T15:28:14.880-07:00</updated><title type='text'>Reemer Logistics UX Case Study</title><content type='html'>&lt;h1 style=&quot;text-align: left;&quot;&gt;Reemer Logistics UX Case Study&lt;/h1&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;Role:&lt;/h3&gt;&lt;div&gt;Solo Product Designer&lt;/div&gt;&lt;div&gt;Interaction Designer&lt;/div&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;Length:&lt;/h3&gt;&lt;div&gt;5 Weeks&lt;/div&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;Tools Used:&lt;/h3&gt;&lt;div&gt;Figma, Blender&lt;/div&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;Problem Statement:&lt;/h3&gt;&lt;div&gt;The problem that led to the design of this product was that service providers needed a way to transport packages in the area and also transporters needed a way to find packages and shipments that need delivery. After conversations with some SMEs and a few individuals, we concluded that a product with a transparent automated fee that is able to process transportation of multiple packages will help reduce some burden in their businesses.&lt;/div&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;The Solution:&lt;/h3&gt;&lt;div&gt;Reemer logistics app is a delivery application that aims to solve problems that SMEs and individuals face when sending out small and large packages. The company is a start-up based in Lagos, Nigeria that currently runs a manual delivery service. The goal is to automate the system, with a strict focus on the user experience and business requirements. This application aims at connecting users to businesses offering transportation of packages and also transporters to users who have packages that need to be transported.&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://1.bp.blogspot.com/-nk5x808COgk/YQfFfcYTHmI/AAAAAAAAD7k/mWwhaOd2qIEvQAcuI7jg_uEp7BFNqCvdQCLcBGAsYHQ/s1414/MacBook%2BPro%2B-%2B1.png&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;900&quot; data-original-width=&quot;1414&quot; height=&quot;204&quot; src=&quot;https://1.bp.blogspot.com/-nk5x808COgk/YQfFfcYTHmI/AAAAAAAAD7k/mWwhaOd2qIEvQAcuI7jg_uEp7BFNqCvdQCLcBGAsYHQ/s320/MacBook%2BPro%2B-%2B1.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;Target Audience:&lt;/h3&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://1.bp.blogspot.com/-InYpHpyusWU/YQfF2WQbz3I/AAAAAAAAD7s/VVYJ4iweC-MWV78OUYvATiJ2nNZMJdkxACLcBGAsYHQ/s1400/Group%2B10909.png&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;519&quot; data-original-width=&quot;1400&quot; height=&quot;119&quot; src=&quot;https://1.bp.blogspot.com/-InYpHpyusWU/YQfF2WQbz3I/AAAAAAAAD7s/VVYJ4iweC-MWV78OUYvATiJ2nNZMJdkxACLcBGAsYHQ/s320/Group%2B10909.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;Project Goal:&lt;/h3&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://1.bp.blogspot.com/-oF4Lo8gUZS0/YQfGLIjFJNI/AAAAAAAAD70/L-k4WAEQjzAHXBsJvRsxXJEpuAKZqVxKACLcBGAsYHQ/s1327/Group%2B10910.png&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;783&quot; data-original-width=&quot;1327&quot; height=&quot;189&quot; src=&quot;https://1.bp.blogspot.com/-oF4Lo8gUZS0/YQfGLIjFJNI/AAAAAAAAD70/L-k4WAEQjzAHXBsJvRsxXJEpuAKZqVxKACLcBGAsYHQ/s320/Group%2B10910.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;Research:&lt;/h3&gt;&lt;div&gt;I interviewed 15 people (calls, chats, and physical interviews) who were potential target users to know their views and experience using similar applications that exist to know their pain points. The target audience was regular individuals, business owners, online vendors, and manual delivery logistics companies. The result from the interview was as follows:&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;ul style=&quot;text-align: left;&quot;&gt;&lt;li&gt;4 random users often do not have a delivery dispatch rider that can come to pick up their package at that time which they need it sent. They are always told to book a request days before time to allocate a transporter to their area to pick up the item.&lt;/li&gt;&lt;li&gt;5 regular day-to-day individuals rarely use an online service to send out packages but often find it difficult knowing the exact weight of their items which is always a required field to fill when making a request. They always have to get weight updates with the price difference and this is time-wasting.&lt;/li&gt;&lt;li&gt;6 business owners use the manual process but faced some difficulty with delivery time and most times the logistic companies cancel a delivery due to unknown reasons. This makes them always an extra day or more before they get their package delivered.&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;Key Challenges:&lt;/h3&gt;&lt;h4 style=&quot;text-align: left;&quot;&gt;Product Offering Issues&lt;/h4&gt;&lt;div style=&quot;text-align: left;&quot;&gt;Different logistics services have different user preferences and this depends on the daily task of the business and how they run the business.&lt;/div&gt;&lt;h4 style=&quot;text-align: left;&quot;&gt;Precise Delivery Schedule&amp;nbsp;&lt;/h4&gt;&lt;div style=&quot;text-align: left;&quot;&gt;Users get frustrated when a service fails, is delayed, or is rescheduled. When downloading similar applications users are influenced by the accuracy of scheduled delivery.&lt;/div&gt;&lt;h4 style=&quot;text-align: left;&quot;&gt;Pricing and Rates&lt;/h4&gt;&lt;div style=&quot;text-align: left;&quot;&gt;Users have a general idea of prices in the logistics business and they stick to services that they are accustomed to as they are sensitive to prices. So I paid attention to designing a system that attracts the right customers for the business therefore not disrupting the business aim.&lt;/div&gt;&lt;h4 style=&quot;text-align: left;&quot;&gt;Security, Trust, and Insurance&lt;/h4&gt;&lt;div style=&quot;text-align: left;&quot;&gt;The majority of users are usually skeptical as to the safety of their packages and a money-back guarantee on said packages if things don’t go as planned. Also, the idea of debiting the user before service is rendered or allowing a transporter to complete delivery before the assurance of payment is made is one task I ensured trying to solve in this project.&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;User Persona.&lt;/h3&gt;&lt;p class=&quot;wow fadeInUp para pb-10&quot; data-wow-delay=&quot;0.4s&quot;&gt;Next, I used all of the qualitative data I gathered during the research process to create two personas.&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://1.bp.blogspot.com/-fqjJwe-LWjU/YQfGdpN1cdI/AAAAAAAAD78/i9AMbFy5ZW05lQxoJ-i5vNJ7L5aWzUiTgCLcBGAsYHQ/s1154/Group%2B10907.png&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;740&quot; data-original-width=&quot;1154&quot; height=&quot;205&quot; src=&quot;https://1.bp.blogspot.com/-fqjJwe-LWjU/YQfGdpN1cdI/AAAAAAAAD78/i9AMbFy5ZW05lQxoJ-i5vNJ7L5aWzUiTgCLcBGAsYHQ/s320/Group%2B10907.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://1.bp.blogspot.com/-QwRHFhdLH4g/YQfGtLaaEPI/AAAAAAAAD8A/IcIJn_bapm4qyb84Zp4wrguWUvwnWTPIACLcBGAsYHQ/s1143/Group%2B10908.png&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;733&quot; data-original-width=&quot;1143&quot; height=&quot;205&quot; src=&quot;https://1.bp.blogspot.com/-QwRHFhdLH4g/YQfGtLaaEPI/AAAAAAAAD8A/IcIJn_bapm4qyb84Zp4wrguWUvwnWTPIACLcBGAsYHQ/s320/Group%2B10908.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;Paper Wireframes.&lt;/h3&gt;&lt;p class=&quot;wow fadeInUp para pb-10&quot; data-wow-delay=&quot;0.4s&quot;&gt;I ran through 3 wireframe iterations before I finally figured the best way to come up with a solution visually.&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://1.bp.blogspot.com/-Q9VlHjka93M/YQmlEeuzrDI/AAAAAAAAD8Q/nYzsyiuHw50kqrbMpC50h_WjOyw6ts7twCLcBGAsYHQ/s2048/IMG_20210803_204419_523.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;2048&quot; data-original-width=&quot;2010&quot; height=&quot;320&quot; src=&quot;https://1.bp.blogspot.com/-Q9VlHjka93M/YQmlEeuzrDI/AAAAAAAAD8Q/nYzsyiuHw50kqrbMpC50h_WjOyw6ts7twCLcBGAsYHQ/s320/IMG_20210803_204419_523.jpg&quot; width=&quot;314&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;p class=&quot;wow fadeInUp para pb-10&quot; data-wow-delay=&quot;0.4s&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;Onboarding.&lt;/h3&gt;&lt;p class=&quot;wow fadeInUp para pb-10&quot; data-wow-delay=&quot;0.4s&quot;&gt;Simple swipe to learn more onboarding screens to let customers know the benefits of using the app.&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://1.bp.blogspot.com/-jAdyf-Q8V1M/YQm42DNjTxI/AAAAAAAAD8Y/ZBOw0DnsQcUn0K4xewF_QxmoAQ3MRF_eQCLcBGAsYHQ/s1440/MacBook%2BPro%2B-%2B3.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;900&quot; data-original-width=&quot;1440&quot; height=&quot;200&quot; src=&quot;https://1.bp.blogspot.com/-jAdyf-Q8V1M/YQm42DNjTxI/AAAAAAAAD8Y/ZBOw0DnsQcUn0K4xewF_QxmoAQ3MRF_eQCLcBGAsYHQ/s320/MacBook%2BPro%2B-%2B3.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;h3 style=&quot;clear: both; text-align: justify;&quot;&gt;Simple signup pages:&lt;/h3&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://1.bp.blogspot.com/-gEbeUePmYjI/YQm5-VqXlNI/AAAAAAAAD8g/cGPypvDQ1oAwlq0IcH8l8wirKuKtX7-FACLcBGAsYHQ/s1699/MacBook%2BPro%2B-%2B4.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;1124&quot; data-original-width=&quot;1699&quot; height=&quot;212&quot; src=&quot;https://1.bp.blogspot.com/-gEbeUePmYjI/YQm5-VqXlNI/AAAAAAAAD8g/cGPypvDQ1oAwlq0IcH8l8wirKuKtX7-FACLcBGAsYHQ/s320/MacBook%2BPro%2B-%2B4.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;h3 style=&quot;clear: both; text-align: justify;&quot;&gt;Screens:&lt;/h3&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://1.bp.blogspot.com/-4AQM_PxvZNs/YQm7PaQIAcI/AAAAAAAAD8s/1upJ3URI_mEqMO8l0Y5tRdw6x9gw3feuACLcBGAsYHQ/s1800/MacBook%2BPro%2B-%2B5.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;1800&quot; data-original-width=&quot;1440&quot; height=&quot;320&quot; src=&quot;https://1.bp.blogspot.com/-4AQM_PxvZNs/YQm7PaQIAcI/AAAAAAAAD8s/1upJ3URI_mEqMO8l0Y5tRdw6x9gw3feuACLcBGAsYHQ/s320/MacBook%2BPro%2B-%2B5.png&quot; width=&quot;256&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;h3 style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/h3&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;p class=&quot;wow fadeInUp para pb-10&quot; data-wow-delay=&quot;0.4s&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;/div&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/h3&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='https://www.digitallabng.com/feeds/3754456161284587747/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://www.digitallabng.com/2021/08/reemer-logistics-ux-case-study.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/5000006675409301466/posts/default/3754456161284587747'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/5000006675409301466/posts/default/3754456161284587747'/><link rel='alternate' type='text/html' href='https://www.digitallabng.com/2021/08/reemer-logistics-ux-case-study.html' title='Reemer Logistics UX Case Study'/><author><name>digital lab</name><uri>http://www.blogger.com/profile/12036933087366391181</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://1.bp.blogspot.com/-nk5x808COgk/YQfFfcYTHmI/AAAAAAAAD7k/mWwhaOd2qIEvQAcuI7jg_uEp7BFNqCvdQCLcBGAsYHQ/s72-c/MacBook%2BPro%2B-%2B1.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5000006675409301466.post-6750906034034191544</id><published>2021-07-31T15:28:00.000-07:00</published><updated>2021-07-31T15:28:35.570-07:00</updated><title type='text'>Skyee Travels</title><content type='html'>&lt;h1 style=&quot;text-align: left;&quot;&gt;Skyee Travels Website Landing Page Case Study&lt;/h1&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://1.bp.blogspot.com/-7Rp010s4lBA/YQXGEDRQpaI/AAAAAAAAD6g/PJ4bdIpD9Mo8oTNgwyGrY5HkESotflltgCLcBGAsYHQ/s1440/MacBook%2BPro%2B-%2B10.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;900&quot; data-original-width=&quot;1440&quot; height=&quot;200&quot; src=&quot;https://1.bp.blogspot.com/-7Rp010s4lBA/YQXGEDRQpaI/AAAAAAAAD6g/PJ4bdIpD9Mo8oTNgwyGrY5HkESotflltgCLcBGAsYHQ/s320/MacBook%2BPro%2B-%2B10.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;The Challenge:&lt;/h3&gt;&lt;div&gt;Create a unique design that portrays human interaction, shows the brand&#39;s values, and increases the customer conversion rate.&lt;/div&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;Scope of Work:&lt;/h3&gt;&lt;div&gt;Design the website landing page.&lt;/div&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;Role:&lt;/h3&gt;&lt;div&gt;User Experience Researcher, Designer, and User Interface Designer.&lt;/div&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;My Goals:&lt;/h3&gt;&lt;div&gt;&lt;ul style=&quot;text-align: left;&quot;&gt;&lt;li&gt;To create a design that meets the user&#39;s requirements and improves their experience.&lt;/li&gt;&lt;li&gt;To improve the brand&#39;s reputation and amplify brand awareness.&lt;/li&gt;&lt;li&gt;To design a platform that increases customer conversion rate by turning prospects into clients.&lt;/li&gt;&lt;/ul&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;My approach:&lt;/h3&gt;&lt;/div&gt;&lt;div&gt;&lt;ul style=&quot;text-align: left;&quot;&gt;&lt;li&gt;Gather UX data&lt;/li&gt;&lt;li&gt;Create wireframes&lt;/li&gt;&lt;li&gt;Design High-fidelity mock-up&lt;/li&gt;&lt;/ul&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;UX Research Methods:&lt;/h3&gt;&lt;/div&gt;&lt;div&gt;&lt;ul style=&quot;text-align: left;&quot;&gt;&lt;li&gt;Site Audit&lt;/li&gt;&lt;li&gt;Competitive Analysis&lt;/li&gt;&lt;li&gt;User Persona&lt;/li&gt;&lt;/ul&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;Site Audit:&lt;/h3&gt;&lt;/div&gt;&lt;div&gt;I conducted research on the company&#39;s goals and values. Heuristic evaluation for testing the site&#39;s usability. This was very useful in identifying the previous site&#39;s problems and also identifying opportunities.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;When evaluating the usability, I checked for 3 measures:&lt;/div&gt;&lt;div&gt;&lt;ul style=&quot;text-align: left;&quot;&gt;&lt;li&gt;The connection between System and Real-World - On the interface can users understand the words and concepts displayed on the interface.&lt;/li&gt;&lt;li&gt;Flexibility and Efficiency of use - Can it be used by both experienced and inexperienced users?&lt;/li&gt;&lt;li&gt;User&#39;s control and Freedom - Can users undo and redo tasks?&lt;/li&gt;&lt;/ul&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://1.bp.blogspot.com/-mySN4pl2ey8/YQXGyLaezcI/AAAAAAAAD6o/YM_d9roAe9EgAGvyVtoRHxL3O0VK83KRQCLcBGAsYHQ/s1440/MacBook%2BPro%2B-%2B20.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;900&quot; data-original-width=&quot;1440&quot; height=&quot;200&quot; src=&quot;https://1.bp.blogspot.com/-mySN4pl2ey8/YQXGyLaezcI/AAAAAAAAD6o/YM_d9roAe9EgAGvyVtoRHxL3O0VK83KRQCLcBGAsYHQ/s320/MacBook%2BPro%2B-%2B20.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;/div&gt;&lt;h4 style=&quot;text-align: left;&quot;&gt;Based on these Measures, the main issues are stated below:&lt;/h4&gt;&lt;div&gt;&lt;ul style=&quot;text-align: left;&quot;&gt;&lt;li&gt;No clear information architecture due to the clumsiness of the page.&lt;/li&gt;&lt;li&gt;Users do not have options due to the rigidness of the site.&lt;/li&gt;&lt;li&gt;Lack of human Interactions.&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;Competitive Analysis:&lt;/h3&gt;&lt;div&gt;The competition in the travel and tourism industry is an important factor that puts each agency on its feet. To analyze the merits of a standard website design to the company&#39;s growth, I conducted a competitive analysis.&lt;/div&gt;&lt;div&gt;I took a look at the competitors and realized skyee travels previous website was old-fashioned with a weak content structure. However, they offer better packages, and highlighting this with a better website design will enable skyee travels to attract its target audience.&lt;/div&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;User Persona:&lt;/h3&gt;&lt;div&gt;As a travel and tourism agency, they offer services for different users in various age groups, the users have a common goal which is to get the best experience during vacations.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Since most of their clients is from the older generation, they had to be considered in the design of the website. I observed the best practices used in designing for the older generations when working on this project.&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://1.bp.blogspot.com/-YN5qyMtdQ8Q/YQXFvVAcfPI/AAAAAAAAD6Y/OMiz9x5yy-UP2xcxIM46DdtRbn9jQKrDwCLcBGAsYHQ/s1374/user%2Bpersona.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;900&quot; data-original-width=&quot;1374&quot; height=&quot;210&quot; src=&quot;https://1.bp.blogspot.com/-YN5qyMtdQ8Q/YQXFvVAcfPI/AAAAAAAAD6Y/OMiz9x5yy-UP2xcxIM46DdtRbn9jQKrDwCLcBGAsYHQ/s320/user%2Bpersona.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;Design Solution:&lt;/h3&gt;&lt;div&gt;&lt;ul style=&quot;text-align: left;&quot;&gt;&lt;li&gt;The Hero section - To create a pleasant appearance for visitors, both first-time visitors and existing customers.&lt;/li&gt;&lt;li&gt;The layout of the page - To improve the general layout of the landing page.&lt;/li&gt;&lt;li&gt;The Find out more feature - To make it more visible and obvious to users to easily explore the website.&lt;/li&gt;&lt;/ul&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;Wireframes:&lt;/h3&gt;&lt;/div&gt;&lt;div&gt;I created a list of relevant visual themes for the new landing page after analyzing all data from the UX research.&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://1.bp.blogspot.com/-DgK3da6FpRg/YQW7EShi0UI/AAAAAAAAD5E/0lrYfW0QF5UN9-f9uurDJGNrPN2MJAa-QCLcBGAsYHQ/s1440/MacBook%2BPro%2B-%2B1.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;900&quot; data-original-width=&quot;1440&quot; height=&quot;200&quot; src=&quot;https://1.bp.blogspot.com/-DgK3da6FpRg/YQW7EShi0UI/AAAAAAAAD5E/0lrYfW0QF5UN9-f9uurDJGNrPN2MJAa-QCLcBGAsYHQ/s320/MacBook%2BPro%2B-%2B1.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://1.bp.blogspot.com/-YUMuZRthph8/YQW8Qxdx4II/AAAAAAAAD5M/lE-qHbA0vTgtztBz5__0aDxaaaLyLHC8ACLcBGAsYHQ/s1440/MacBook%2BPro%2B-%2B2.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;900&quot; data-original-width=&quot;1440&quot; height=&quot;200&quot; src=&quot;https://1.bp.blogspot.com/-YUMuZRthph8/YQW8Qxdx4II/AAAAAAAAD5M/lE-qHbA0vTgtztBz5__0aDxaaaLyLHC8ACLcBGAsYHQ/s320/MacBook%2BPro%2B-%2B2.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://1.bp.blogspot.com/-tU7STYuXlh0/YQW-Tt8eYkI/AAAAAAAAD5s/xWhq_ccJZMsrsoDsIB7CtY0SeByLVC6jQCLcBGAsYHQ/s1440/MacBook%2BPro%2B-%2B3.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;900&quot; data-original-width=&quot;1440&quot; height=&quot;200&quot; src=&quot;https://1.bp.blogspot.com/-tU7STYuXlh0/YQW-Tt8eYkI/AAAAAAAAD5s/xWhq_ccJZMsrsoDsIB7CtY0SeByLVC6jQCLcBGAsYHQ/s320/MacBook%2BPro%2B-%2B3.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://1.bp.blogspot.com/-Fn25oB3tbUA/YQW-mDglCCI/AAAAAAAAD54/4RNiwInGwKAWesoUz5iO-zcMebQvaZkagCLcBGAsYHQ/s1440/MacBook%2BPro%2B-%2B4.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;900&quot; data-original-width=&quot;1440&quot; height=&quot;200&quot; src=&quot;https://1.bp.blogspot.com/-Fn25oB3tbUA/YQW-mDglCCI/AAAAAAAAD54/4RNiwInGwKAWesoUz5iO-zcMebQvaZkagCLcBGAsYHQ/s320/MacBook%2BPro%2B-%2B4.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://1.bp.blogspot.com/-A28Xepm6obA/YQW_OsUulzI/AAAAAAAAD6A/ku9oEeecOPg67jrfVkkk5afy8zU-Vhs-gCLcBGAsYHQ/s1440/MacBook%2BPro%2B-%2B5.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;900&quot; data-original-width=&quot;1440&quot; height=&quot;200&quot; src=&quot;https://1.bp.blogspot.com/-A28Xepm6obA/YQW_OsUulzI/AAAAAAAAD6A/ku9oEeecOPg67jrfVkkk5afy8zU-Vhs-gCLcBGAsYHQ/s320/MacBook%2BPro%2B-%2B5.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://1.bp.blogspot.com/-Iv0zaT0mWdw/YQW_ignEdSI/AAAAAAAAD6I/VKgiMllxJmcgRm3CYRxQQxLKvf5eYGAKQCLcBGAsYHQ/s1440/MacBook%2BPro%2B-%2B6.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;900&quot; data-original-width=&quot;1440&quot; height=&quot;200&quot; src=&quot;https://1.bp.blogspot.com/-Iv0zaT0mWdw/YQW_ignEdSI/AAAAAAAAD6I/VKgiMllxJmcgRm3CYRxQQxLKvf5eYGAKQCLcBGAsYHQ/s320/MacBook%2BPro%2B-%2B6.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;h3 style=&quot;clear: both; text-align: justify;&quot;&gt;&lt;span style=&quot;text-align: left;&quot;&gt;High Fidelity Design:&lt;/span&gt;&lt;/h3&gt;&lt;div&gt;I worked with the following UI guidelines to aid better visuals based on the company&#39;s goals and the customers that require their service.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;ul style=&quot;text-align: left;&quot;&gt;&lt;li&gt;Use distinctive colors&lt;/li&gt;&lt;li&gt;Lots of white spaces&lt;/li&gt;&lt;li&gt;Larger UI design elements&lt;/li&gt;&lt;li&gt;A clear navigation structure&lt;/li&gt;&lt;li&gt;Use clear fonts to highlight content.&lt;/li&gt;&lt;/ul&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://1.bp.blogspot.com/-_8LuUnOsuuQ/YQXHI92A6TI/AAAAAAAAD6w/4-mEQTP69-U9a4eSdbTx1jII6Lz5K7nawCLcBGAsYHQ/s1440/MacBook%2BPro%2B-%2B30.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;900&quot; data-original-width=&quot;1440&quot; height=&quot;200&quot; src=&quot;https://1.bp.blogspot.com/-_8LuUnOsuuQ/YQXHI92A6TI/AAAAAAAAD6w/4-mEQTP69-U9a4eSdbTx1jII6Lz5K7nawCLcBGAsYHQ/s320/MacBook%2BPro%2B-%2B30.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://1.bp.blogspot.com/-oKFayqbalsU/YQXHXbyM_9I/AAAAAAAAD60/whYF5noFqOADYPU0gZOaVPZKnkfpJBrZQCLcBGAsYHQ/s1440/MacBook%2BPro%2B-%2B40.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;900&quot; data-original-width=&quot;1440&quot; height=&quot;200&quot; src=&quot;https://1.bp.blogspot.com/-oKFayqbalsU/YQXHXbyM_9I/AAAAAAAAD60/whYF5noFqOADYPU0gZOaVPZKnkfpJBrZQCLcBGAsYHQ/s320/MacBook%2BPro%2B-%2B40.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://1.bp.blogspot.com/-yqucws9yiFU/YQXHlftCODI/AAAAAAAAD64/TkA8agTqfAc2AoLBdib-hpOoIUOJntqgACLcBGAsYHQ/s1440/MacBook%2BPro%2B-%2B50.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;900&quot; data-original-width=&quot;1440&quot; height=&quot;200&quot; src=&quot;https://1.bp.blogspot.com/-yqucws9yiFU/YQXHlftCODI/AAAAAAAAD64/TkA8agTqfAc2AoLBdib-hpOoIUOJntqgACLcBGAsYHQ/s320/MacBook%2BPro%2B-%2B50.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://1.bp.blogspot.com/-NOHeIf1SiF8/YQXH5jXVmEI/AAAAAAAAD7E/jfP_QoHCkNIOwbp4NuQ0u6KVemr767RwACLcBGAsYHQ/s1440/MacBook%2BPro%2B-%2B60.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;900&quot; data-original-width=&quot;1440&quot; height=&quot;200&quot; src=&quot;https://1.bp.blogspot.com/-NOHeIf1SiF8/YQXH5jXVmEI/AAAAAAAAD7E/jfP_QoHCkNIOwbp4NuQ0u6KVemr767RwACLcBGAsYHQ/s320/MacBook%2BPro%2B-%2B60.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;h3 style=&quot;clear: both; text-align: justify;&quot;&gt;&lt;span style=&quot;text-align: left;&quot;&gt;User Testing:&lt;/span&gt;&lt;/h3&gt;&lt;/div&gt;&lt;div&gt;To test the usability of my design and know if my design solution meets users&#39; requirements, I conducted a usability test with 4 participants. The participants were walked through the journey and questions were asked about their experience.&lt;/div&gt;&lt;h4 style=&quot;text-align: left;&quot;&gt;Measures of the usability test include:&lt;/h4&gt;&lt;div&gt;&lt;ul style=&quot;text-align: left;&quot;&gt;&lt;li&gt;Learnability&lt;/li&gt;&lt;li&gt;Efficiency&lt;/li&gt;&lt;li&gt;Effectiveness&lt;/li&gt;&lt;li&gt;Satisfaction&lt;/li&gt;&lt;/ul&gt;&lt;h4 style=&quot;text-align: left;&quot;&gt;Key findings from the usability test include:&lt;/h4&gt;&lt;/div&gt;&lt;div&gt;&lt;ul style=&quot;text-align: left;&quot;&gt;&lt;li&gt;Users find the interface satisfying and easy to use&lt;/li&gt;&lt;li&gt;Users can quickly complete a task on the platform&lt;/li&gt;&lt;li&gt;Users find the new landing page design user friendly&lt;/li&gt;&lt;/ul&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;Conclusion:&lt;/h3&gt;&lt;/div&gt;&lt;div&gt;The previous design did not align with the company&#39;s standards. I have designed a landing page that improves users&#39; experience and communicates the company&#39;s values.&lt;/div&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;/h3&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/h3&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;</content><link rel='replies' type='application/atom+xml' href='https://www.digitallabng.com/feeds/6750906034034191544/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://www.digitallabng.com/2021/07/skyee-travels.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/5000006675409301466/posts/default/6750906034034191544'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/5000006675409301466/posts/default/6750906034034191544'/><link rel='alternate' type='text/html' href='https://www.digitallabng.com/2021/07/skyee-travels.html' title='Skyee Travels'/><author><name>digital lab</name><uri>http://www.blogger.com/profile/12036933087366391181</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://1.bp.blogspot.com/-7Rp010s4lBA/YQXGEDRQpaI/AAAAAAAAD6g/PJ4bdIpD9Mo8oTNgwyGrY5HkESotflltgCLcBGAsYHQ/s72-c/MacBook%2BPro%2B-%2B10.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5000006675409301466.post-2085747955429069582</id><published>2021-07-22T14:51:00.001-07:00</published><updated>2021-08-15T02:20:03.300-07:00</updated><title type='text'>Animations</title><content type='html'>&lt;h1 style=&quot;text-align: left;&quot;&gt;&amp;nbsp;ANIMATION&lt;/h1&gt;&lt;div&gt;&lt;span&gt;&amp;nbsp;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;iframe allowfullscreen=&#39;allowfullscreen&#39; webkitallowfullscreen=&#39;webkitallowfullscreen&#39; mozallowfullscreen=&#39;mozallowfullscreen&#39; width=&#39;320&#39; height=&#39;266&#39; src=&#39;https://www.blogger.com/video.g?token=AD6v5dxU7hWtMYgDnwBOLGV_Pk6-Vx4DAs6inQxr2yNKLwW_CcHhDtVWvf8rYomXixoELf4ao7eJy1A6rEX9OaKGHQ&#39; class=&#39;b-hbp-video b-uploaded&#39; frameborder=&#39;0&#39; /&gt;&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;iframe allowfullscreen=&#39;allowfullscreen&#39; webkitallowfullscreen=&#39;webkitallowfullscreen&#39; mozallowfullscreen=&#39;mozallowfullscreen&#39; width=&#39;320&#39; height=&#39;266&#39; src=&#39;https://www.blogger.com/video.g?token=AD6v5dw5auBwskWn3YlLr_qRklY6orts9chxmINu7X8kIh_GHwRSv7V5_lt-O6wonnThNts9wRAK3hd-IwYKKTlg_w&#39; class=&#39;b-hbp-video b-uploaded&#39; frameborder=&#39;0&#39; /&gt;&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;iframe allowfullscreen=&#39;allowfullscreen&#39; webkitallowfullscreen=&#39;webkitallowfullscreen&#39; mozallowfullscreen=&#39;mozallowfullscreen&#39; width=&#39;320&#39; height=&#39;266&#39; src=&#39;https://www.blogger.com/video.g?token=AD6v5dzvFo61V27Lf6fp1rphMvVRpem70poy2-faLVcU-5jpPM59OxZRcDMXGWNvuyJp7MyaImhdwLXJbTw1AC0eWA&#39; class=&#39;b-hbp-video b-uploaded&#39; frameborder=&#39;0&#39; /&gt;&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='https://www.digitallabng.com/feeds/2085747955429069582/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://www.digitallabng.com/2021/07/animations_22.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/5000006675409301466/posts/default/2085747955429069582'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/5000006675409301466/posts/default/2085747955429069582'/><link rel='alternate' type='text/html' href='https://www.digitallabng.com/2021/07/animations_22.html' title='Animations'/><author><name>digital lab</name><uri>http://www.blogger.com/profile/12036933087366391181</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5000006675409301466.post-694771309193363455</id><published>2021-07-04T01:55:00.001-07:00</published><updated>2021-07-12T10:49:31.300-07:00</updated><title type='text'>Secrets Dating App — UI/UX Case Study</title><content type='html'>&lt;h2 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;background-color: white; color: #292929; font-family: fell, Georgia, Cambria, &amp;quot;Times New Roman&amp;quot;, Times, serif; font-size: 48px; font-weight: 400; letter-spacing: -0.011em;&quot;&gt;Secrets Dating App — UI/UX Case Study&lt;/span&gt;&lt;/h2&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://1.bp.blogspot.com/-A-cCd7ZVUoc/YOCyQyYxe7I/AAAAAAAADvQ/5B4QiZrGji4dbNbw3kD5z9e9xyz4CKr9QCLcBGAsYHQ/s1624/case%2Bstudy.png&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;1232&quot; data-original-width=&quot;1624&quot; height=&quot;304&quot; src=&quot;https://1.bp.blogspot.com/-A-cCd7ZVUoc/YOCyQyYxe7I/AAAAAAAADvQ/5B4QiZrGji4dbNbw3kD5z9e9xyz4CKr9QCLcBGAsYHQ/w400-h304/case%2Bstudy.png&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&amp;nbsp;&lt;/h2&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;Role:&lt;/h3&gt;&lt;div&gt;Solo Product Designer, Interaction Designer&lt;/div&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;Length:&lt;/h3&gt;&lt;div&gt;4 weeks&lt;/div&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;Tools Used:&lt;/h3&gt;&lt;div&gt;Figma&lt;/div&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;Problem Statement:&lt;/h3&gt;&lt;div&gt;Many young adults are very busy and have little free time, so they try to speed up the process of securing romantic relationships through dating apps. Unfortunately, they fail to do this. This is because the apps only help initiate chats and not everyone successfully takes it to a physical date.&lt;/div&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;Research:&lt;/h3&gt;&lt;div&gt;The research was conducted in form of a survey. The survey was conducted among 30 single adults. Below are some of the significant data received:&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://1.bp.blogspot.com/-E9kLUTBhTTY/YOCzOba33tI/AAAAAAAADvY/TCODukcRYCEOk5-ojxzt408Sumgf7xhUwCLcBGAsYHQ/s1200/research.png&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;600&quot; data-original-width=&quot;1200&quot; src=&quot;https://1.bp.blogspot.com/-E9kLUTBhTTY/YOCzOba33tI/AAAAAAAADvY/TCODukcRYCEOk5-ojxzt408Sumgf7xhUwCLcBGAsYHQ/s320/research.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;User Personas:&lt;/h3&gt;&lt;div&gt;Based on the surveys conducted with several potential users, I formulated two personas:&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://1.bp.blogspot.com/-EjGinYZ_PpQ/YOCzjjd9BzI/AAAAAAAADvg/nZYjj0xduhsf9RmdmgIdGpJwLVVaFJKiQCLcBGAsYHQ/s1374/user%2Bpersona.png&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;1129&quot; data-original-width=&quot;1374&quot; src=&quot;https://1.bp.blogspot.com/-EjGinYZ_PpQ/YOCzjjd9BzI/AAAAAAAADvg/nZYjj0xduhsf9RmdmgIdGpJwLVVaFJKiQCLcBGAsYHQ/s320/user%2Bpersona.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;Pain Point:&lt;/h3&gt;&lt;div&gt;As mentioned, the main problem is the difficulty in turning the match made into dates. To solve this problem, I summarized the research into 3 main pain points that cause difficulty for the users.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;1. &lt;b&gt;Fear of Rejection: &lt;/b&gt;Many young adults are not bold enough to take a chance and offer to meet for a date because of the fear of rejection.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;2. &lt;b&gt;Swiping without Purpose: &lt;/b&gt;Matching without any goal is very common because swiping requires no commitment. This leads to a match-to-date conversion that is very low.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;3. &lt;b&gt;Date&#39;s Arrangement:&lt;/b&gt;&amp;nbsp;Much thought has to be put into determining a specific place and time.&lt;/div&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;Sketches:&lt;/h3&gt;&lt;div&gt;When I started the project, I was more focused on the main screens. I put a lot of effort into the display of user-profiles and the swiping of the screens.&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://1.bp.blogspot.com/-BRqbyg6SHlU/YOFqWM5YKJI/AAAAAAAADwI/o5HSCDX9hxwjmzguUcoJJ0lPTi5BiK9lACLcBGAsYHQ/s2048/sketch.jpg&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;1864&quot; data-original-width=&quot;2048&quot; src=&quot;https://1.bp.blogspot.com/-BRqbyg6SHlU/YOFqWM5YKJI/AAAAAAAADwI/o5HSCDX9hxwjmzguUcoJJ0lPTi5BiK9lACLcBGAsYHQ/s320/sketch.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;Wireframes:&lt;/h3&gt;&lt;div&gt;At this stage, my focus was more on the functionality and usability of the app. The aim was to create an adventurous experience with as few disturbances as possible.&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://1.bp.blogspot.com/-ZYkDCIvmR7E/YOF3WrM6NnI/AAAAAAAADwQ/NUAvI4xRVksqx1gU8-d8pXgFCkdLG_KqACLcBGAsYHQ/s1500/wireframe.png&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;1072&quot; data-original-width=&quot;1500&quot; src=&quot;https://1.bp.blogspot.com/-ZYkDCIvmR7E/YOF3WrM6NnI/AAAAAAAADwQ/NUAvI4xRVksqx1gU8-d8pXgFCkdLG_KqACLcBGAsYHQ/s320/wireframe.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;Final Design:&lt;/h3&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;Onboarding:&lt;/h3&gt;&lt;div&gt;Here I made sure the users know the advantage of using the app. They get discounts when they use the app and secure dates.&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://1.bp.blogspot.com/-zK0wCU0Ngpw/YOx8aVTgYvI/AAAAAAAADzU/VbTIjhxtJmI4pEEc87ABuyOmhU8naYYZACLcBGAsYHQ/s2015/onboarding.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;1272&quot; data-original-width=&quot;2015&quot; src=&quot;https://1.bp.blogspot.com/-zK0wCU0Ngpw/YOx8aVTgYvI/AAAAAAAADzU/VbTIjhxtJmI4pEEc87ABuyOmhU8naYYZACLcBGAsYHQ/s320/onboarding.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;Main Screen:&lt;/h3&gt;&lt;div&gt;I put a lot of thought into getting the pattern right. A pattern that will meet all needs. A user can get 3 dates at a time. This makes them meticulous in picking a date they really want. when the user sees a profile they would go on a date with, they swipe the profile up. Profiles appear in a horizontal carousel, unlike other applications. This means you do not have to decide if you approve or reject people and you can continue scrolling. This solves a big problem as when the user runs out of places on the date spots he can no longer swipe profiles up. He can filter and swipe down profiles from the potential profile list. Once a spot becomes available, the user can swipe up.&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://1.bp.blogspot.com/-_hNuMDb1Kz8/YOFpvguP_3I/AAAAAAAADwA/6osOh_dmRuUcsogDh210g0asR_U1jboPQCLcBGAsYHQ/s1152/main%2Bscreen.png&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;898&quot; data-original-width=&quot;1152&quot; src=&quot;https://1.bp.blogspot.com/-_hNuMDb1Kz8/YOFpvguP_3I/AAAAAAAADwA/6osOh_dmRuUcsogDh210g0asR_U1jboPQCLcBGAsYHQ/s320/main%2Bscreen.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;Get on that Date:&lt;/h3&gt;&lt;div&gt;As soon as two people swipe each other up, a date has been set. The system with the use of AI selects a place and time according to each user&#39;s preferences. On the date screen, the date was given much more expression. On the date/chat screen, I made the date appear clear. if the user slides up, then chatting can resume.&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://1.bp.blogspot.com/-TcgQUYANdI4/YODBz3MYMkI/AAAAAAAADv4/NrKw06Gmv44IXRbmsvDzVrBJN0bPry-gwCLcBGAsYHQ/s1440/get%2Bon%2Bdate.png&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;900&quot; data-original-width=&quot;1440&quot; src=&quot;https://1.bp.blogspot.com/-TcgQUYANdI4/YODBz3MYMkI/AAAAAAAADv4/NrKw06Gmv44IXRbmsvDzVrBJN0bPry-gwCLcBGAsYHQ/s320/get%2Bon%2Bdate.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;Conclusions:&lt;/h3&gt;&lt;div&gt;The market for dating apps is saturated but this is different. It is fascinating. Secrets bring something new to the market. Users&#39; needs were researched and understood, then solutions were designed on an attractive interface to enable bridging of real-life connections.&lt;/div&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;&amp;nbsp;&lt;/h3&gt;</content><link rel='replies' type='application/atom+xml' href='https://www.digitallabng.com/feeds/694771309193363455/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://www.digitallabng.com/2021/07/secrets-dating-app-uiux-case-study.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/5000006675409301466/posts/default/694771309193363455'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/5000006675409301466/posts/default/694771309193363455'/><link rel='alternate' type='text/html' href='https://www.digitallabng.com/2021/07/secrets-dating-app-uiux-case-study.html' title='Secrets Dating App — UI/UX Case Study'/><author><name>digital lab</name><uri>http://www.blogger.com/profile/12036933087366391181</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://1.bp.blogspot.com/-A-cCd7ZVUoc/YOCyQyYxe7I/AAAAAAAADvQ/5B4QiZrGji4dbNbw3kD5z9e9xyz4CKr9QCLcBGAsYHQ/s72-w400-h304-c/case%2Bstudy.png" height="72" width="72"/><thr:total>0</thr:total></entry></feed>