

{"id":12016,"date":"2022-01-14T11:30:32","date_gmt":"2022-01-14T11:30:32","guid":{"rendered":"https:\/\/blog.tubikstudio.com\/?p=12016"},"modified":"2025-10-24T11:28:05","modified_gmt":"2025-10-24T11:28:05","slug":"landing-page-design-delivery-app","status":"publish","type":"post","link":"https:\/\/tubikstudio.com\/blog\/landing-page-design-delivery-app\/","title":{"rendered":"Case Study: Pass-On. Landing Page Design for Delivery App"},"content":{"rendered":"<p>Another design case study is up, and this time it supports the idea of landing page importance in building a solid brand for a mobile application. Check the design process on the landing page for Pass-On, the application that helps people connect and organize deliveries conveniently across Saudi Arabia.<\/p>\n<h2>Project<\/h2>\n<p>Landing page promoting the mobile application supporting convenient deliveries in Saudi Arabia.<\/p>\n<p>The tubik creative team for this project included Anastasia Zhyltzova, Vlad Taran, and Olya Zakharyan.<\/p>\n<h2>Process<\/h2>\n<p>A well-designed <a href=\"https:\/\/blog.tubikstudio.com\/effective-landing-page-design\/\">landing page<\/a> is a tool of great importance for building mobile app branding and amplifying its online presence. It plays a crucial role if the case is mobile-only and the app doesn\u2019t correlate with a website. In general, it is a web page designed to focus on a specific, relatively narrow goal and a quick way of accomplishing a particular action. So, for a mobile app like the Pass-On application, the goal is app installation, and the landing page concisely covers its benefits and functions. In addition, creating a landing page based on geographic, gender, psychographic, demographic, and behavioral targeting is an effective way to reach potential app users and give them a quick presentation of the application, which will tell much more than just screenshots on the AppStore or PlayMarket and will make the brand communication more emotional and informative.<\/p>\n<p>To uncover more about the essence of the app, Pass-On is a digital platform (native Android and iOS app) that aims to provide easy, economical, and fast courier service. It is positioned as a community marketplace that connects travelers with available boot space to the sender with a parcel to be delivered. The client wanted the web design to be vibrant and classy, simple and trustworthy.<\/p>\n<p>Let us give you a glance at the design solution for the landing page design for Pass-On, clean, bold, and scannable in the best traditions of design for web marketing. One more point to mention is that it had to be adapted for two languages, English and Arabic, as the application is used in Saudi Arabia.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12018\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/01\/pass-on-landing-page-design-tubik.png\" alt=\"pass on landing page design tubik\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/01\/pass-on-landing-page-design-tubik.png 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/01\/pass-on-landing-page-design-tubik-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/01\/pass-on-landing-page-design-tubik-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/01\/pass-on-landing-page-design-tubik-1024x768.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/01\/pass-on-landing-page-design-tubik-150x113.png 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p>The main design features that determine the general design concept for the Pass-On landing page are the following:<\/p>\n<ul>\n<li><a href=\"https:\/\/blog.tubikstudio.com\/color-theory-brief-guide-for-designers\/\">color palette<\/a> based on bold contrast of clean basic colors &#8211; white, black and red, echoing the main colors in the application; no gradients, no multicolored combinations<\/li>\n<li>background colors separating web page sections to make content more organized and clear<\/li>\n<li>readable typography with prominent catchy taglines<\/li>\n<li>custom illustrations and <a href=\"https:\/\/blog.tubikstudio.com\/web-animation\/\">motion graphics<\/a><\/li>\n<li>mobile screens demonstrating the application&#8217;s user interface and functionality<\/li>\n<li>instantly noticeable call-to-action elements<\/li>\n<li>intuitive navigation based on well-established mental models of web interactions<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11529\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/08\/pass-on-web-design-tubik.png\" alt=\"pass on web design tubik\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/08\/pass-on-web-design-tubik.png 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/08\/pass-on-web-design-tubik-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/08\/pass-on-web-design-tubik-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/08\/pass-on-web-design-tubik-1024x768.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/08\/pass-on-web-design-tubik-150x113.png 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p>One of the catchy features of the landing page is the animated map used as a <a href=\"https:\/\/blog.tubikstudio.com\/hero-images-in-web-design\/\">hero image<\/a> that visually connects the visitor to the core idea of the service. Scrolling down, users see the section uncovering three primary benefits in a sort of animated interactive slider based on corresponding mockups demonstrating the particular screens of the application, enhanced with minor graphics giving visual hints to the text explanations.<\/p>\n<p><iframe loading=\"lazy\" title=\"Pass on landing page design tubik\" src=\"https:\/\/player.vimeo.com\/video\/638351363?h=93b2d03aea&amp;dnt=1&amp;app_id=122963\" width=\"500\" height=\"375\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe><\/p>\n<p>Another section also lets the visitor dive deeper into the benefits in a set of short, concise headlines. When the headline is clicked or hovered, the more detailed description is open, and theme photos also change to give it visual and emotional support. Due to such an approach, the page looks airy and uncluttered, although it contains a lot of information.<\/p>\n<p><iframe loading=\"lazy\" title=\"pass on landing page tubik design\" src=\"https:\/\/player.vimeo.com\/video\/665942587?h=d34e716382&amp;dnt=1&amp;app_id=122963\" width=\"500\" height=\"375\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe><\/p>\n<p>The landing page uses a diverse set of consistent illustrations. They support text information with visual hints and metaphors and make text content look neat, organized, and systematized. What&#8217;s more, the graphics add their two cents to make the whole landing page concept look more emotional and integral.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11530\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/08\/pass-on-landing-page-design-tubik.png\" alt=\"pass on landing page design\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/08\/pass-on-landing-page-design-tubik.png 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/08\/pass-on-landing-page-design-tubik-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/08\/pass-on-landing-page-design-tubik-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/08\/pass-on-landing-page-design-tubik-1024x768.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/08\/pass-on-landing-page-design-tubik-150x113.png 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p>To make the landing page attractive and functional on any device users come from, the mobile version was also well-thought-out and designed with attention to detail.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12017\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/01\/pass-on-app-landing-page-mobile-tubik-design.png\" alt=\"pass on app landing page mobile tubik design\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/01\/pass-on-app-landing-page-mobile-tubik-design.png 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/01\/pass-on-app-landing-page-mobile-tubik-design-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/01\/pass-on-app-landing-page-mobile-tubik-design-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/01\/pass-on-app-landing-page-mobile-tubik-design-1024x768.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/01\/pass-on-app-landing-page-mobile-tubik-design-150x113.png 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p>One more big challenge of this project was to think over the Arabic version of the landing page, as this language uses a different text direction in writing, the general perception of both copy and graphic content had to be inverted, and the text itself looks absolutely different. It means that in fact, the page needed not just localization, but a sort of new design and layout to make the text content and images work properly in totally different conditions. Take a look at the result.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12029\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/01\/pass-on-app-landing-page-arabic-version.png\" alt=\"pass on app landing page arabic version\" width=\"2280\" height=\"1720\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/01\/pass-on-app-landing-page-arabic-version.png 2280w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/01\/pass-on-app-landing-page-arabic-version-300x226.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/01\/pass-on-app-landing-page-arabic-version-768x579.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/01\/pass-on-app-landing-page-arabic-version-1024x772.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/01\/pass-on-app-landing-page-arabic-version-150x113.png 150w\" sizes=\"auto, (max-width: 2280px) 100vw, 2280px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12028\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/01\/pass-on-landing-page-design-arabic-version.png\" alt=\"pass on landing page design arabic version\" width=\"2280\" height=\"1720\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/01\/pass-on-landing-page-design-arabic-version.png 2280w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/01\/pass-on-landing-page-design-arabic-version-300x226.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/01\/pass-on-landing-page-design-arabic-version-768x579.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/01\/pass-on-landing-page-design-arabic-version-1024x772.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/01\/pass-on-landing-page-design-arabic-version-150x113.png 150w\" sizes=\"auto, (max-width: 2280px) 100vw, 2280px\" \/><\/p>\n<p>New design case studies from our team are coming soon. Stay tuned!<\/p>\n<h2>More Design Case Studies<\/h2>\n<p>Here\u2019s a set of more case studies sharing the design solutions and approaches for some of the design projects done by the Tubik team.<\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/identity-ux-design-delivery-service\/\">Carricare. Identity and UX Design for Safe Delivery Service<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/real-bitcoin-website-illustration\/\">Real Bitcoin. Creating Website Illustrations<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/mascot-design-shipping-service\/\">PackYak. Mascot Design for Shipping Service<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/branding-design-health-app\/\">Uplyfe. Identity Design for Health App<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/hackathons-hero-illustrations\/\">Devpost. Hero Illustrations for Hackathons Platform<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/identity-webdesign-shipping-service\/\">ShipDaddy. Identity and Web Design for Shipping Service<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/identity-website-design-tea-brand\/\">Bennett. Identity and Website Design for Tea Brand<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-book-cover-design\/\">ABUK. Custom Book Cover Design for Audiobook App<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-gno-ecommerce-branding-webdesign\/\">GNO Blankets. Branding and Web Design for Ecommerce<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Check the design process on the landing page for Pass-On, the application that helps people to connect and organize deliveries conveniently in Saudi Arabia.<\/p>\n","protected":false},"author":3,"featured_media":12419,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[4,9],"tags":[447,457,47,463,57,468,100,479,123,482,127,485,138,487,147,491,212,502,248,504,256,515,291,533,292,534,319,543,440],"coauthors":[],"class_list":["post-12016","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-case_study","category-ui_ux","tag-tubik-studio","tag-ui","tag-branding","tag-ui-design-article","tag-case-study","tag-ui-design-process","tag-design","tag-usability","tag-design-for-business","tag-user-experience","tag-design-for-marketing","tag-user-experience-design","tag-design-process","tag-user-experience-design-process","tag-design-studio","tag-user-interface","tag-graphic-design","tag-ux","tag-illustration","tag-ux-design-article","tag-interaction-design","tag-uxui","tag-landing-page","tag-web-design","tag-landing-page-design","tag-web-design-article","tag-mobile-app","tag-web-marketing","tag-tubik"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Case Study: Pass-On. Landing Page Design for Delivery App<\/title>\n<meta name=\"description\" content=\"Check the design process on the landing page for Pass-On, the application that helps people to connect and organize deliveries conveniently in Saudi Arabia.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/tubikstudio.com\/blog\/landing-page-design-delivery-app\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Case Study: Pass-On. Landing Page Design for Delivery App\" \/>\n<meta property=\"og:description\" content=\"Check the design process on the landing page for Pass-On, the application that helps people to connect and organize deliveries conveniently in Saudi Arabia.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tubikstudio.com\/blog\/landing-page-design-delivery-app\/\" \/>\n<meta property=\"og:site_name\" content=\"Tubik Blog: Articles About Design\" \/>\n<meta property=\"article:published_time\" content=\"2022-01-14T11:30:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-24T11:28:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/01\/pass-on-delivery-landing-page-design-tubik-case-study.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"1200\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Marina Yalanska\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marina Yalanska\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/landing-page-design-delivery-app\/\",\"url\":\"https:\/\/tubikstudio.com\/blog\/landing-page-design-delivery-app\/\",\"name\":\"Case Study: Pass-On. Landing Page Design for Delivery App\",\"isPartOf\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/landing-page-design-delivery-app\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/landing-page-design-delivery-app\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/01\/pass-on-delivery-landing-page-design-tubik-case-study.jpg\",\"datePublished\":\"2022-01-14T11:30:32+00:00\",\"dateModified\":\"2025-10-24T11:28:05+00:00\",\"author\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f\"},\"description\":\"Check the design process on the landing page for Pass-On, the application that helps people to connect and organize deliveries conveniently in Saudi Arabia.\",\"breadcrumb\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/landing-page-design-delivery-app\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tubikstudio.com\/blog\/landing-page-design-delivery-app\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/landing-page-design-delivery-app\/#primaryimage\",\"url\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/01\/pass-on-delivery-landing-page-design-tubik-case-study.jpg\",\"contentUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/01\/pass-on-delivery-landing-page-design-tubik-case-study.jpg\",\"width\":1600,\"height\":1200,\"caption\":\"pass-on delivery landing page design tubik case study\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/landing-page-design-delivery-app\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tubikstudio.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Case Study: Pass-On. Landing Page Design for Delivery App\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\",\"url\":\"https:\/\/tubikstudio.com\/blog\/\",\"name\":\"Tubik Blog: Articles About Design\",\"description\":\"Tubik Studio\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/tubikstudio.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f\",\"name\":\"Marina Yalanska\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/image\/2ddde1c118fcf989ce8e73997a3909dd\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g\",\"caption\":\"Marina Yalanska\"},\"url\":\"https:\/\/tubikstudio.com\/blog\/author\/marina-yalanska\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Case Study: Pass-On. Landing Page Design for Delivery App","description":"Check the design process on the landing page for Pass-On, the application that helps people to connect and organize deliveries conveniently in Saudi Arabia.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/tubikstudio.com\/blog\/landing-page-design-delivery-app\/","og_locale":"en_US","og_type":"article","og_title":"Case Study: Pass-On. Landing Page Design for Delivery App","og_description":"Check the design process on the landing page for Pass-On, the application that helps people to connect and organize deliveries conveniently in Saudi Arabia.","og_url":"https:\/\/tubikstudio.com\/blog\/landing-page-design-delivery-app\/","og_site_name":"Tubik Blog: Articles About Design","article_published_time":"2022-01-14T11:30:32+00:00","article_modified_time":"2025-10-24T11:28:05+00:00","og_image":[{"width":1600,"height":1200,"url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/01\/pass-on-delivery-landing-page-design-tubik-case-study.jpg","type":"image\/jpeg"}],"author":"Marina Yalanska","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Marina Yalanska","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tubikstudio.com\/blog\/landing-page-design-delivery-app\/","url":"https:\/\/tubikstudio.com\/blog\/landing-page-design-delivery-app\/","name":"Case Study: Pass-On. Landing Page Design for Delivery App","isPartOf":{"@id":"https:\/\/tubikstudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tubikstudio.com\/blog\/landing-page-design-delivery-app\/#primaryimage"},"image":{"@id":"https:\/\/tubikstudio.com\/blog\/landing-page-design-delivery-app\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/01\/pass-on-delivery-landing-page-design-tubik-case-study.jpg","datePublished":"2022-01-14T11:30:32+00:00","dateModified":"2025-10-24T11:28:05+00:00","author":{"@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f"},"description":"Check the design process on the landing page for Pass-On, the application that helps people to connect and organize deliveries conveniently in Saudi Arabia.","breadcrumb":{"@id":"https:\/\/tubikstudio.com\/blog\/landing-page-design-delivery-app\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tubikstudio.com\/blog\/landing-page-design-delivery-app\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/landing-page-design-delivery-app\/#primaryimage","url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/01\/pass-on-delivery-landing-page-design-tubik-case-study.jpg","contentUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/01\/pass-on-delivery-landing-page-design-tubik-case-study.jpg","width":1600,"height":1200,"caption":"pass-on delivery landing page design tubik case study"},{"@type":"BreadcrumbList","@id":"https:\/\/tubikstudio.com\/blog\/landing-page-design-delivery-app\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tubikstudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Case Study: Pass-On. Landing Page Design for Delivery App"}]},{"@type":"WebSite","@id":"https:\/\/tubikstudio.com\/blog\/#website","url":"https:\/\/tubikstudio.com\/blog\/","name":"Tubik Blog: Articles About Design","description":"Tubik Studio","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tubikstudio.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f","name":"Marina Yalanska","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/image\/2ddde1c118fcf989ce8e73997a3909dd","url":"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g","caption":"Marina Yalanska"},"url":"https:\/\/tubikstudio.com\/blog\/author\/marina-yalanska\/"}]}},"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/12016","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/comments?post=12016"}],"version-history":[{"count":11,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/12016\/revisions"}],"predecessor-version":[{"id":14838,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/12016\/revisions\/14838"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media\/12419"}],"wp:attachment":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media?parent=12016"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/categories?post=12016"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/tags?post=12016"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/coauthors?post=12016"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}