{"id":4269302,"date":"2022-08-18T14:47:41","date_gmt":"2022-08-18T12:47:41","guid":{"rendered":"https:\/\/www.dept.global\/insight\/the-basics-of-mobile-first-design\/"},"modified":"2025-12-08T13:40:21","modified_gmt":"2025-12-08T11:40:21","slug":"the-basics-of-mobile-first-design","status":"publish","type":"article","link":"https:\/\/www.dept.global\/en-au\/insight\/the-basics-of-mobile-first-design\/","title":{"rendered":"The basics of mobile-first design"},"content":{"rendered":"<div class=\"block-article-post-header js-block-article-post-header block-article-post-header__theme--onyxGrey\">\n\t<button\tclass=\"cta-button block-article-post-header__back-button cta-button__color--white cta-button__style--back\" aria-label=\"Back\" >\n\t<svg width='41' height='41' viewBox='0 0 41 41' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'><circle cx='20.5' cy='20.5' r='19.5' transform='rotate(-90 20.5 20.5)' stroke='var(--dept-button-icon-outline-color)' stroke-width='1.3' stroke-miterlimit='10' fill='none'\/><circle class='icon-backplate' cx='20.5' cy='20.5' r='19.5' transform='rotate(-90 20.5 20.5)' fill='var(--dept-button-icon-backplate-color)' fill-opacity='1'\/><path class='icon-center' d='M21.174 30 11 20.674l10.174-9.326m-9.326 9.328H30.5' stroke='var(--dept-button-icon-color)' stroke-width='1.3' stroke-miterlimit='10' fill='none'\/><\/svg>\n\t\t\t<span>\n\t\t\tBack to all articles\t\t<\/span>\n\t\n<\/button><h1\t\tclass=\"typography block-article-post-header__title typography__color--white typography__size--h1 typography__align--left\"\n\t\t\t>\n\t\tThe basics of mobile-first design\t<\/h1><div\n\t\tclass=\"image-wrap block-article-post-header__image-wrap\"\n\t\tdata-align=\"center center\"\n\t\t\t>\n\n\t\t\t<picture\n\t\tclass=\"image__picture\"\n\t\t\t\t>\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t<img\n\t\t\t\tsrc=\"https:\/\/www.dept.global\/wp-content\/uploads\/2022\/08\/mobile-apps.jpg\"\n\t\t\t\tclass=\"image block-article-post-header__image\"\n\n\t\t\t\t\n\t\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\/>\n\t\t<\/picture>\n\t\n\t<\/div><div class=\"author block-article-post-header__author\" data-animation=\"slide-fade\">\n\t\t\t<img\n\t\t\tclass=\"author__portrait\"\n\t\t\tsrc=\"https:\/\/www.dept.global\/wp-content\/uploads\/2022\/05\/image-150x150.png\"\n\t\t\talt=\"Imogene Robinson\"\n\t\t\/>\n\t\n\t<div class=\"author__text\">\n\t\tImogene Robinson\t\t<br \/>\n\t\tWriter\n\t\t\t<\/div>\n<\/div>\n\t<div class=\"block-article-post-header__meta\">\n\t\t\t\t\t\t\t<div class=\"block-article-post-header__meta-date\">\n\t\t\t\t<div class=\"block-article-post-header__date-description\">\n\t\t\t\t\tDate\t\t\t\t<\/div>\n\t\t\t\t<div class=\"block-article-post-header__published-date\">\n\t\t\t\t\t18 August 2022\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n<\/div>\n\n<div class=\"block-title-and-content js-block-title-and-content block-title-and-content__theme--white\">\n\t<div class=\"block-title-and-content__layout\">\n\t\t\n\t\t\t\t\t<div class=\"block-title-and-content__content\">\n\t\t\t\t\n<div class='block-title-and-content__item'><div class='block-title-and-content__item-inner'><h2\t\tclass=\"typography block-typography__typography typography__color--onyxGrey typography__size--h6 typography__align--left\"\n\t\t\t>\n\t\tMobile internet usage surpassed desktop usage in 2016, a trend that\u2019s only continued to grow. \t<\/h2><\/div><\/div>\n\n<div class='block-title-and-content__item'><div class='block-title-and-content__item-inner'><p\t\tclass=\"typography block-typography__typography typography__color--onyxGrey typography__size--regular-body typography__align--left\"\n\t\t\t>\n\t\tMost people have probably experienced a similar transition in their own day-to-days. These days, generally speaking, folks everywhere tend to use their phones and tablets more hours in the day than they use their laptops.<br><br>This shift has had important implications for those designing software, putting a new emphasis on mobile design that\u2019s resulted in a series of design techniques collectively called \u201cmobile-first design.\u201d<br><br>If you&#8217;re responsible for a software experience, how can you use this approach to ensure your mobile design is the best it can be?<br>\t<\/p><\/div><\/div>\n\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\n\t<div class=\"block-title-and-content__social-links\">\n\t\t\t\t\t<a\n\t\t\t\thref=\"https:\/\/www.dept.global\/en-au\/insight\/the-basics-of-mobile-first-design\/\"\n\t\t\t\tdata-share-url=\"https:\/\/www.dept.global\/en-au\/insight\/the-basics-of-mobile-first-design\/\"\n\t\t\t\tdata-share-title=\"The basics of mobile-first design\"\n\t\t\t\tdata-share-type=\"copy\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Copy page link\"\n\t\t\t\t\n\t\t\t\t\t\t\t\t\tdata-tooltip=\"true\"\n\t\t\t\t\tdata-tooltip-text=\"Link copied to clipboard.\"\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg fill='none' xmlns='http: \/\/www.w3.org\/2000\/svg' width='22' height='22' viewBox='0 0 22 22'><path d='M6.832 15.167l8.333-8.333M9.332 6.001l2.787-2.787a4.715 4.715 0 016.666 0v0a4.715 4.715 0 010 6.667L16 12.668M5.999 9.334l-2.787 2.787a4.715 4.715 0 000 6.666v0a4.715 4.715 0 006.667 0l2.787-2.786' stroke='currentColor' stroke-width='2'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t\t\t<a\n\t\t\t\thref=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fwww.dept.global%2Fen-au%2Finsight%2Fthe-basics-of-mobile-first-design%2F\"\n\t\t\t\tdata-share-url=\"https:\/\/www.dept.global\/en-au\/insight\/the-basics-of-mobile-first-design\/\"\n\t\t\t\tdata-share-title=\"The basics of mobile-first design\"\n\t\t\t\tdata-share-type=\"facebook\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Share to Facebook\"\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg width='14' height='22' viewBox='0 0 14 22' fill='none' xmlns='http: \/\/www.w3.org\/2000\/svg'><path d='M4.032 22L4 12H0V8h4V5.5C4 1.789 6.298 0 9.61 0c1.585 0 2.948.118 3.345.17v3.88H10.66c-1.8 0-2.15.856-2.15 2.112V8h5.241l-2 4H8.51v10H4.032z' fill='currentColor'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t\t\t<a\n\t\t\t\thref=\"https:\/\/api.whatsapp.com\/send?text=https%3A%2F%2Fwww.dept.global%2Fen-au%2Finsight%2Fthe-basics-of-mobile-first-design%2F\"\n\t\t\t\tdata-share-url=\"https:\/\/www.dept.global\/en-au\/insight\/the-basics-of-mobile-first-design\/\"\n\t\t\t\tdata-share-title=\"The basics of mobile-first design\"\n\t\t\t\tdata-share-type=\"whatsapp\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Share to Whatsapp\"\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg xmlns='http: \/\/www.w3.org\/2000\/svg' width='25' height='24' viewBox='0 0 25 24'><path d='M.805 24l1.687-6.163a11.869 11.869 0 01-1.588-5.945C.907 5.335 6.244 0 12.801 0c3.182.001 6.17 1.24 8.415 3.488a11.819 11.819 0 013.481 8.413c-.002 6.558-5.34 11.893-11.896 11.893h-.005c-1.99-.001-3.947-.5-5.685-1.448L.805 24zm6.598-3.807l.361.214a9.874 9.874 0 005.033 1.378h.004c5.45 0 9.885-4.434 9.888-9.885a9.824 9.824 0 00-2.894-6.993 9.823 9.823 0 00-6.99-2.898c-5.454 0-9.89 4.434-9.892 9.884a9.86 9.86 0 001.512 5.26l.235.374-.999 3.648 3.742-.982z' fill='currentColor'\/><path d='M9.825 6.921c-.24-.58-.486-.501-.668-.51-.174-.009-.372-.01-.57-.01-.198 0-.52.074-.793.371-.272.298-1.04 1.017-1.04 2.48 0 1.462 1.065 2.875 1.214 3.073.148.199 2.096 3.2 5.078 4.487.709.306 1.262.49 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.759-.72 2.007-1.413.247-.694.247-1.29.173-1.413-.074-.124-.272-.199-.57-.347-.297-.149-1.758-.868-2.03-.967-.273-.1-.471-.149-.67.149-.198.297-.767.966-.94 1.165-.174.198-.348.223-.645.074-.297-.149-1.255-.462-2.39-1.475-.884-.788-1.48-1.76-1.654-2.058-.173-.298-.018-.459.13-.607.134-.133.298-.347.446-.52.149-.174.199-.298.298-.496.099-.198.05-.372-.025-.52-.074-.15-.669-1.612-.917-2.207z' fill='currentColor'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t\t\t<a\n\t\t\t\thref=\"https:\/\/twitter.com\/intent\/tweet?url=https%3A%2F%2Fwww.dept.global%2Fen-au%2Finsight%2Fthe-basics-of-mobile-first-design%2F&#038;text=The%20basics%20of%20mobile-first%20design\"\n\t\t\t\tdata-share-url=\"https:\/\/www.dept.global\/en-au\/insight\/the-basics-of-mobile-first-design\/\"\n\t\t\t\tdata-share-title=\"The basics of mobile-first design\"\n\t\t\t\tdata-share-type=\"twitter\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Share to Twitter\"\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg width='25' height='20' viewBox='0 0 25 20' fill='none' xmlns='http: \/\/www.w3.org\/2000\/svg'><path d='M24.75 2.3c-.9.4-1.8.7-2.8.8 1-.6 1.8-1.6 2.2-2.7-1 .6-2 1-3.1 1.2-.9-1-2.2-1.6-3.6-1.6-2.7 0-4.9 2.2-4.9 4.9 0 .4 0 .8.1 1.1-4.2-.2-7.8-2.2-10.2-5.2-.5.8-.7 1.6-.7 2.5 0 1.7.9 3.2 2.2 4.1-.8 0-1.6-.2-2.2-.6v.1c0 2.4 1.7 4.4 3.9 4.8-.4.1-.8.2-1.3.2-.3 0-.6 0-.9-.1.6 2 2.4 3.4 4.6 3.4-1.7 1.3-3.8 2.1-6.1 2.1-.4 0-.8 0-1.2-.1 2.2 1.4 4.8 2.2 7.5 2.2 9.1 0 14-7.5 14-14v-.6c1-.7 1.8-1.6 2.5-2.5z' fill='currentColor'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t\t\t<a\n\t\t\t\thref=\"http:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fwww.dept.global%2Fen-au%2Finsight%2Fthe-basics-of-mobile-first-design%2F\"\n\t\t\t\tdata-share-url=\"https:\/\/www.dept.global\/en-au\/insight\/the-basics-of-mobile-first-design\/\"\n\t\t\t\tdata-share-title=\"The basics of mobile-first design\"\n\t\t\t\tdata-share-type=\"linkedin\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Share to Linkedin\"\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http: \/\/www.w3.org\/2000\/svg'><path d='M1.15 17.3h3.6V5.8h-3.6v11.5zM.75 2.1c0 1.2 1 2.1 2.1 2.1 1.2 0 2.1-.9 2.1-2.1 0-1.2-1-2.1-2.1-2.1-1.2 0-2.1 1-2.1 2.1zM14.45 17.3h3.6v-6.2c0-3.1-.7-5.5-4.3-5.5-1.8 0-2.9.9-3.4 1.8V5.8h-3.4v11.5h3.6v-5.7c0-1.5.2-2.9 2.1-2.9 1.8 0 1.8 1.7 1.8 3v5.6z' fill='currentColor'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t<\/div>\n<\/div>\n\n<div\n\t\tclass=\"image-wrap block-image__image-wrap\"\n\t\tdata-align=\"center center\"\n\t\t\t>\n\n\t\t\t<picture\n\t\tclass=\"image__picture\"\n\t\t\t\t>\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t<img\n\t\t\t\tsrc=\"https:\/\/www.dept.global\/wp-content\/uploads\/2021\/06\/Mobile-x-5.png\"\n\t\t\t\tclass=\"image block-image__image\"\n\n\t\t\t\t\t\t\t\talt=\"JM Mobile app \"\n\t\t\t\t\n\t\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\/>\n\t\t<\/picture>\n\t\n\t<\/div>\n\n<div class=\"block-title-and-content js-block-title-and-content block-title-and-content__theme--onyxGrey\">\n\t<div class=\"block-title-and-content__layout\">\n\t\t<h2\t\tclass=\"typography block-title-and-content__title typography__color--white typography__size--h2 typography__align--left\"\n\t\tdata-size-mobile=\"h2\" \t>\n\t\tWhat is mobile-first design?\t<\/h2>\n\t\t\t\t\t<div class=\"block-title-and-content__content\">\n\t\t\t\t\n<div class='block-title-and-content__item'><div class='block-title-and-content__item-inner'><p\t\tclass=\"typography block-typography__typography typography__color--bodyOnBlack typography__size--regular-body typography__align--left\"\n\t\t\t>\n\t\tDesigning with a mobile-first approach makes the most of what a mobile device has to offer by going against the traditional direction of web design.\u00a0<br><br>Before mobile became the dominant way folks interacted with the internet, designers generally worked large to small; desktop to tablet to smartphone. Hardly surprising, given that the desktop long preceded the mobile phone and the iPhone didn\u2019t debut until 2007.\u00a0<br><br>Nowadays, given the current ubiquity of smartphones, designers generally work small to large; starting from the pocket-sized screen and scaling up from there.\u00a0<br><br>This approach forces designers to work with the most limited real estate first, on the screen size users will likely use most. Instead of paring down a desktop design to fit a mobile device, mobile-first designs are optimized for mobile devices and then expanded for desktop.<br><br>As a result, mobile-first design is the right approach for most software and web experiences today.<br><br>\t<\/p><\/div><\/div>\n\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\n\t<div class=\"block-title-and-content__social-links\">\n\t\t\t\t\t<a\n\t\t\t\thref=\"https:\/\/www.dept.global\/en-au\/insight\/the-basics-of-mobile-first-design\/\"\n\t\t\t\tdata-share-url=\"https:\/\/www.dept.global\/en-au\/insight\/the-basics-of-mobile-first-design\/\"\n\t\t\t\tdata-share-title=\"The basics of mobile-first design\"\n\t\t\t\tdata-share-type=\"copy\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Copy page link\"\n\t\t\t\t\n\t\t\t\t\t\t\t\t\tdata-tooltip=\"true\"\n\t\t\t\t\tdata-tooltip-text=\"Link copied to clipboard.\"\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg fill='none' xmlns='http: \/\/www.w3.org\/2000\/svg' width='22' height='22' viewBox='0 0 22 22'><path d='M6.832 15.167l8.333-8.333M9.332 6.001l2.787-2.787a4.715 4.715 0 016.666 0v0a4.715 4.715 0 010 6.667L16 12.668M5.999 9.334l-2.787 2.787a4.715 4.715 0 000 6.666v0a4.715 4.715 0 006.667 0l2.787-2.786' stroke='currentColor' stroke-width='2'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t\t\t<a\n\t\t\t\thref=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fwww.dept.global%2Fen-au%2Finsight%2Fthe-basics-of-mobile-first-design%2F\"\n\t\t\t\tdata-share-url=\"https:\/\/www.dept.global\/en-au\/insight\/the-basics-of-mobile-first-design\/\"\n\t\t\t\tdata-share-title=\"The basics of mobile-first design\"\n\t\t\t\tdata-share-type=\"facebook\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Share to Facebook\"\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg width='14' height='22' viewBox='0 0 14 22' fill='none' xmlns='http: \/\/www.w3.org\/2000\/svg'><path d='M4.032 22L4 12H0V8h4V5.5C4 1.789 6.298 0 9.61 0c1.585 0 2.948.118 3.345.17v3.88H10.66c-1.8 0-2.15.856-2.15 2.112V8h5.241l-2 4H8.51v10H4.032z' fill='currentColor'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t\t\t<a\n\t\t\t\thref=\"https:\/\/api.whatsapp.com\/send?text=https%3A%2F%2Fwww.dept.global%2Fen-au%2Finsight%2Fthe-basics-of-mobile-first-design%2F\"\n\t\t\t\tdata-share-url=\"https:\/\/www.dept.global\/en-au\/insight\/the-basics-of-mobile-first-design\/\"\n\t\t\t\tdata-share-title=\"The basics of mobile-first design\"\n\t\t\t\tdata-share-type=\"whatsapp\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Share to Whatsapp\"\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg xmlns='http: \/\/www.w3.org\/2000\/svg' width='25' height='24' viewBox='0 0 25 24'><path d='M.805 24l1.687-6.163a11.869 11.869 0 01-1.588-5.945C.907 5.335 6.244 0 12.801 0c3.182.001 6.17 1.24 8.415 3.488a11.819 11.819 0 013.481 8.413c-.002 6.558-5.34 11.893-11.896 11.893h-.005c-1.99-.001-3.947-.5-5.685-1.448L.805 24zm6.598-3.807l.361.214a9.874 9.874 0 005.033 1.378h.004c5.45 0 9.885-4.434 9.888-9.885a9.824 9.824 0 00-2.894-6.993 9.823 9.823 0 00-6.99-2.898c-5.454 0-9.89 4.434-9.892 9.884a9.86 9.86 0 001.512 5.26l.235.374-.999 3.648 3.742-.982z' fill='currentColor'\/><path d='M9.825 6.921c-.24-.58-.486-.501-.668-.51-.174-.009-.372-.01-.57-.01-.198 0-.52.074-.793.371-.272.298-1.04 1.017-1.04 2.48 0 1.462 1.065 2.875 1.214 3.073.148.199 2.096 3.2 5.078 4.487.709.306 1.262.49 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.759-.72 2.007-1.413.247-.694.247-1.29.173-1.413-.074-.124-.272-.199-.57-.347-.297-.149-1.758-.868-2.03-.967-.273-.1-.471-.149-.67.149-.198.297-.767.966-.94 1.165-.174.198-.348.223-.645.074-.297-.149-1.255-.462-2.39-1.475-.884-.788-1.48-1.76-1.654-2.058-.173-.298-.018-.459.13-.607.134-.133.298-.347.446-.52.149-.174.199-.298.298-.496.099-.198.05-.372-.025-.52-.074-.15-.669-1.612-.917-2.207z' fill='currentColor'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t\t\t<a\n\t\t\t\thref=\"https:\/\/twitter.com\/intent\/tweet?url=https%3A%2F%2Fwww.dept.global%2Fen-au%2Finsight%2Fthe-basics-of-mobile-first-design%2F&#038;text=The%20basics%20of%20mobile-first%20design\"\n\t\t\t\tdata-share-url=\"https:\/\/www.dept.global\/en-au\/insight\/the-basics-of-mobile-first-design\/\"\n\t\t\t\tdata-share-title=\"The basics of mobile-first design\"\n\t\t\t\tdata-share-type=\"twitter\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Share to Twitter\"\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg width='25' height='20' viewBox='0 0 25 20' fill='none' xmlns='http: \/\/www.w3.org\/2000\/svg'><path d='M24.75 2.3c-.9.4-1.8.7-2.8.8 1-.6 1.8-1.6 2.2-2.7-1 .6-2 1-3.1 1.2-.9-1-2.2-1.6-3.6-1.6-2.7 0-4.9 2.2-4.9 4.9 0 .4 0 .8.1 1.1-4.2-.2-7.8-2.2-10.2-5.2-.5.8-.7 1.6-.7 2.5 0 1.7.9 3.2 2.2 4.1-.8 0-1.6-.2-2.2-.6v.1c0 2.4 1.7 4.4 3.9 4.8-.4.1-.8.2-1.3.2-.3 0-.6 0-.9-.1.6 2 2.4 3.4 4.6 3.4-1.7 1.3-3.8 2.1-6.1 2.1-.4 0-.8 0-1.2-.1 2.2 1.4 4.8 2.2 7.5 2.2 9.1 0 14-7.5 14-14v-.6c1-.7 1.8-1.6 2.5-2.5z' fill='currentColor'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t\t\t<a\n\t\t\t\thref=\"http:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fwww.dept.global%2Fen-au%2Finsight%2Fthe-basics-of-mobile-first-design%2F\"\n\t\t\t\tdata-share-url=\"https:\/\/www.dept.global\/en-au\/insight\/the-basics-of-mobile-first-design\/\"\n\t\t\t\tdata-share-title=\"The basics of mobile-first design\"\n\t\t\t\tdata-share-type=\"linkedin\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Share to Linkedin\"\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http: \/\/www.w3.org\/2000\/svg'><path d='M1.15 17.3h3.6V5.8h-3.6v11.5zM.75 2.1c0 1.2 1 2.1 2.1 2.1 1.2 0 2.1-.9 2.1-2.1 0-1.2-1-2.1-2.1-2.1-1.2 0-2.1 1-2.1 2.1zM14.45 17.3h3.6v-6.2c0-3.1-.7-5.5-4.3-5.5-1.8 0-2.9.9-3.4 1.8V5.8h-3.4v11.5h3.6v-5.7c0-1.5.2-2.9 2.1-2.9 1.8 0 1.8 1.7 1.8 3v5.6z' fill='currentColor'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t<\/div>\n<\/div>\n\n<div class=\"block-title-and-content js-block-title-and-content block-title-and-content__theme--white\">\n\t<div class=\"block-title-and-content__layout\">\n\t\t<h2\t\tclass=\"typography block-title-and-content__title typography__color--onyxGrey typography__size--h2 typography__align--left\"\n\t\tdata-size-mobile=\"h2\" \t>\n\t\tThinking smaller means thinking smarter\t<\/h2>\n\t\t\t\t\t<div class=\"block-title-and-content__content\">\n\t\t\t\t\n<div class='block-title-and-content__item'><div class='block-title-and-content__item-inner'><p\t\tclass=\"typography block-typography__typography typography__color--onyxGrey typography__size--regular-body typography__align--left\"\n\t\t\t>\n\t\tDesigning for mobile is a challenge that forces product designers to think practically and clearly define the components that make up the foundation of the UI and UX.<br><br>A navigation bar designed for mobile, for instance, is much more minimalist than a desktop nav. Smaller devices require comparatively larger touch targets to make buttons more easily clickable. Mobile devices are also most typically held in portrait orientation, shortening the navigation bar and reducing the available real estate even more.<br><br>With these limitations, a mobile navigation bar realistically can fit no more than three or four clearly defined components. <br><br>Thanks to the sneaky piece of design innovation known as the \u201chamburger menu,\u201d however, it\u2019s possible to create additional space for more without overcrowding the main navigation. <br><br>Just bear in mind that hiding something under a hamburger menu generally signifies it\u2019s of lesser importance.\t<\/p><\/div><\/div>\n\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\n\t<div class=\"block-title-and-content__social-links\">\n\t\t\t\t\t<a\n\t\t\t\thref=\"https:\/\/www.dept.global\/en-au\/insight\/the-basics-of-mobile-first-design\/\"\n\t\t\t\tdata-share-url=\"https:\/\/www.dept.global\/en-au\/insight\/the-basics-of-mobile-first-design\/\"\n\t\t\t\tdata-share-title=\"The basics of mobile-first design\"\n\t\t\t\tdata-share-type=\"copy\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Copy page link\"\n\t\t\t\t\n\t\t\t\t\t\t\t\t\tdata-tooltip=\"true\"\n\t\t\t\t\tdata-tooltip-text=\"Link copied to clipboard.\"\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg fill='none' xmlns='http: \/\/www.w3.org\/2000\/svg' width='22' height='22' viewBox='0 0 22 22'><path d='M6.832 15.167l8.333-8.333M9.332 6.001l2.787-2.787a4.715 4.715 0 016.666 0v0a4.715 4.715 0 010 6.667L16 12.668M5.999 9.334l-2.787 2.787a4.715 4.715 0 000 6.666v0a4.715 4.715 0 006.667 0l2.787-2.786' stroke='currentColor' stroke-width='2'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t\t\t<a\n\t\t\t\thref=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fwww.dept.global%2Fen-au%2Finsight%2Fthe-basics-of-mobile-first-design%2F\"\n\t\t\t\tdata-share-url=\"https:\/\/www.dept.global\/en-au\/insight\/the-basics-of-mobile-first-design\/\"\n\t\t\t\tdata-share-title=\"The basics of mobile-first design\"\n\t\t\t\tdata-share-type=\"facebook\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Share to Facebook\"\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg width='14' height='22' viewBox='0 0 14 22' fill='none' xmlns='http: \/\/www.w3.org\/2000\/svg'><path d='M4.032 22L4 12H0V8h4V5.5C4 1.789 6.298 0 9.61 0c1.585 0 2.948.118 3.345.17v3.88H10.66c-1.8 0-2.15.856-2.15 2.112V8h5.241l-2 4H8.51v10H4.032z' fill='currentColor'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t\t\t<a\n\t\t\t\thref=\"https:\/\/api.whatsapp.com\/send?text=https%3A%2F%2Fwww.dept.global%2Fen-au%2Finsight%2Fthe-basics-of-mobile-first-design%2F\"\n\t\t\t\tdata-share-url=\"https:\/\/www.dept.global\/en-au\/insight\/the-basics-of-mobile-first-design\/\"\n\t\t\t\tdata-share-title=\"The basics of mobile-first design\"\n\t\t\t\tdata-share-type=\"whatsapp\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Share to Whatsapp\"\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg xmlns='http: \/\/www.w3.org\/2000\/svg' width='25' height='24' viewBox='0 0 25 24'><path d='M.805 24l1.687-6.163a11.869 11.869 0 01-1.588-5.945C.907 5.335 6.244 0 12.801 0c3.182.001 6.17 1.24 8.415 3.488a11.819 11.819 0 013.481 8.413c-.002 6.558-5.34 11.893-11.896 11.893h-.005c-1.99-.001-3.947-.5-5.685-1.448L.805 24zm6.598-3.807l.361.214a9.874 9.874 0 005.033 1.378h.004c5.45 0 9.885-4.434 9.888-9.885a9.824 9.824 0 00-2.894-6.993 9.823 9.823 0 00-6.99-2.898c-5.454 0-9.89 4.434-9.892 9.884a9.86 9.86 0 001.512 5.26l.235.374-.999 3.648 3.742-.982z' fill='currentColor'\/><path d='M9.825 6.921c-.24-.58-.486-.501-.668-.51-.174-.009-.372-.01-.57-.01-.198 0-.52.074-.793.371-.272.298-1.04 1.017-1.04 2.48 0 1.462 1.065 2.875 1.214 3.073.148.199 2.096 3.2 5.078 4.487.709.306 1.262.49 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.759-.72 2.007-1.413.247-.694.247-1.29.173-1.413-.074-.124-.272-.199-.57-.347-.297-.149-1.758-.868-2.03-.967-.273-.1-.471-.149-.67.149-.198.297-.767.966-.94 1.165-.174.198-.348.223-.645.074-.297-.149-1.255-.462-2.39-1.475-.884-.788-1.48-1.76-1.654-2.058-.173-.298-.018-.459.13-.607.134-.133.298-.347.446-.52.149-.174.199-.298.298-.496.099-.198.05-.372-.025-.52-.074-.15-.669-1.612-.917-2.207z' fill='currentColor'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t\t\t<a\n\t\t\t\thref=\"https:\/\/twitter.com\/intent\/tweet?url=https%3A%2F%2Fwww.dept.global%2Fen-au%2Finsight%2Fthe-basics-of-mobile-first-design%2F&#038;text=The%20basics%20of%20mobile-first%20design\"\n\t\t\t\tdata-share-url=\"https:\/\/www.dept.global\/en-au\/insight\/the-basics-of-mobile-first-design\/\"\n\t\t\t\tdata-share-title=\"The basics of mobile-first design\"\n\t\t\t\tdata-share-type=\"twitter\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Share to Twitter\"\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg width='25' height='20' viewBox='0 0 25 20' fill='none' xmlns='http: \/\/www.w3.org\/2000\/svg'><path d='M24.75 2.3c-.9.4-1.8.7-2.8.8 1-.6 1.8-1.6 2.2-2.7-1 .6-2 1-3.1 1.2-.9-1-2.2-1.6-3.6-1.6-2.7 0-4.9 2.2-4.9 4.9 0 .4 0 .8.1 1.1-4.2-.2-7.8-2.2-10.2-5.2-.5.8-.7 1.6-.7 2.5 0 1.7.9 3.2 2.2 4.1-.8 0-1.6-.2-2.2-.6v.1c0 2.4 1.7 4.4 3.9 4.8-.4.1-.8.2-1.3.2-.3 0-.6 0-.9-.1.6 2 2.4 3.4 4.6 3.4-1.7 1.3-3.8 2.1-6.1 2.1-.4 0-.8 0-1.2-.1 2.2 1.4 4.8 2.2 7.5 2.2 9.1 0 14-7.5 14-14v-.6c1-.7 1.8-1.6 2.5-2.5z' fill='currentColor'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t\t\t<a\n\t\t\t\thref=\"http:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fwww.dept.global%2Fen-au%2Finsight%2Fthe-basics-of-mobile-first-design%2F\"\n\t\t\t\tdata-share-url=\"https:\/\/www.dept.global\/en-au\/insight\/the-basics-of-mobile-first-design\/\"\n\t\t\t\tdata-share-title=\"The basics of mobile-first design\"\n\t\t\t\tdata-share-type=\"linkedin\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Share to Linkedin\"\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http: \/\/www.w3.org\/2000\/svg'><path d='M1.15 17.3h3.6V5.8h-3.6v11.5zM.75 2.1c0 1.2 1 2.1 2.1 2.1 1.2 0 2.1-.9 2.1-2.1 0-1.2-1-2.1-2.1-2.1-1.2 0-2.1 1-2.1 2.1zM14.45 17.3h3.6v-6.2c0-3.1-.7-5.5-4.3-5.5-1.8 0-2.9.9-3.4 1.8V5.8h-3.4v11.5h3.6v-5.7c0-1.5.2-2.9 2.1-2.9 1.8 0 1.8 1.7 1.8 3v5.6z' fill='currentColor'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t<\/div>\n<\/div>\n\n<div class=\"block-title-and-content js-block-title-and-content block-title-and-content__theme--onyxGrey\">\n\t<div class=\"block-title-and-content__layout\">\n\t\t<h2\t\tclass=\"typography block-title-and-content__title typography__color--white typography__size--h2 typography__align--left\"\n\t\tdata-size-mobile=\"h2\" \t>\n\t\tMobile-first means content-first\t<\/h2>\n\t\t\t\t\t<div class=\"block-title-and-content__content\">\n\t\t\t\t\n<div class='block-title-and-content__item'><div class='block-title-and-content__item-inner'><p\t\tclass=\"typography block-typography__typography typography__color--bodyOnBlack typography__size--regular-body typography__align--left\"\n\t\t\t>\n\t\tTop of the list when tackling mobile design is content. <br><br>Users expect a mobile experience to contain the same content that they\u2019d otherwise find in a desktop experience. At the same time, finding relevant content should also be just as intuitive.<br><br>A clear visual hierarchy of content is a must. Take advantage of different design elements, like high-contrast color palettes, negative space, and large, easy-to-read typography, to present to the user a logical flow of content. <br><br>Make it skimmable by trimming down word count and introducing short \u201cabove the fold\u201d previews of content to help the user navigate to the content they need.<br><br>Organizing content into a hierarchy might be tricky. If it is, it\u2019s helpful to take an inventory of what\u2019s available in a spreadsheet (or even on sticky notes) and arrange those blocks into an order that reflects their relevance to the user.\t<\/p><\/div><\/div>\n\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\n\t<div class=\"block-title-and-content__social-links\">\n\t\t\t\t\t<a\n\t\t\t\thref=\"https:\/\/www.dept.global\/en-au\/insight\/the-basics-of-mobile-first-design\/\"\n\t\t\t\tdata-share-url=\"https:\/\/www.dept.global\/en-au\/insight\/the-basics-of-mobile-first-design\/\"\n\t\t\t\tdata-share-title=\"The basics of mobile-first design\"\n\t\t\t\tdata-share-type=\"copy\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Copy page link\"\n\t\t\t\t\n\t\t\t\t\t\t\t\t\tdata-tooltip=\"true\"\n\t\t\t\t\tdata-tooltip-text=\"Link copied to clipboard.\"\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg fill='none' xmlns='http: \/\/www.w3.org\/2000\/svg' width='22' height='22' viewBox='0 0 22 22'><path d='M6.832 15.167l8.333-8.333M9.332 6.001l2.787-2.787a4.715 4.715 0 016.666 0v0a4.715 4.715 0 010 6.667L16 12.668M5.999 9.334l-2.787 2.787a4.715 4.715 0 000 6.666v0a4.715 4.715 0 006.667 0l2.787-2.786' stroke='currentColor' stroke-width='2'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t\t\t<a\n\t\t\t\thref=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fwww.dept.global%2Fen-au%2Finsight%2Fthe-basics-of-mobile-first-design%2F\"\n\t\t\t\tdata-share-url=\"https:\/\/www.dept.global\/en-au\/insight\/the-basics-of-mobile-first-design\/\"\n\t\t\t\tdata-share-title=\"The basics of mobile-first design\"\n\t\t\t\tdata-share-type=\"facebook\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Share to Facebook\"\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg width='14' height='22' viewBox='0 0 14 22' fill='none' xmlns='http: \/\/www.w3.org\/2000\/svg'><path d='M4.032 22L4 12H0V8h4V5.5C4 1.789 6.298 0 9.61 0c1.585 0 2.948.118 3.345.17v3.88H10.66c-1.8 0-2.15.856-2.15 2.112V8h5.241l-2 4H8.51v10H4.032z' fill='currentColor'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t\t\t<a\n\t\t\t\thref=\"https:\/\/api.whatsapp.com\/send?text=https%3A%2F%2Fwww.dept.global%2Fen-au%2Finsight%2Fthe-basics-of-mobile-first-design%2F\"\n\t\t\t\tdata-share-url=\"https:\/\/www.dept.global\/en-au\/insight\/the-basics-of-mobile-first-design\/\"\n\t\t\t\tdata-share-title=\"The basics of mobile-first design\"\n\t\t\t\tdata-share-type=\"whatsapp\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Share to Whatsapp\"\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg xmlns='http: \/\/www.w3.org\/2000\/svg' width='25' height='24' viewBox='0 0 25 24'><path d='M.805 24l1.687-6.163a11.869 11.869 0 01-1.588-5.945C.907 5.335 6.244 0 12.801 0c3.182.001 6.17 1.24 8.415 3.488a11.819 11.819 0 013.481 8.413c-.002 6.558-5.34 11.893-11.896 11.893h-.005c-1.99-.001-3.947-.5-5.685-1.448L.805 24zm6.598-3.807l.361.214a9.874 9.874 0 005.033 1.378h.004c5.45 0 9.885-4.434 9.888-9.885a9.824 9.824 0 00-2.894-6.993 9.823 9.823 0 00-6.99-2.898c-5.454 0-9.89 4.434-9.892 9.884a9.86 9.86 0 001.512 5.26l.235.374-.999 3.648 3.742-.982z' fill='currentColor'\/><path d='M9.825 6.921c-.24-.58-.486-.501-.668-.51-.174-.009-.372-.01-.57-.01-.198 0-.52.074-.793.371-.272.298-1.04 1.017-1.04 2.48 0 1.462 1.065 2.875 1.214 3.073.148.199 2.096 3.2 5.078 4.487.709.306 1.262.49 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.759-.72 2.007-1.413.247-.694.247-1.29.173-1.413-.074-.124-.272-.199-.57-.347-.297-.149-1.758-.868-2.03-.967-.273-.1-.471-.149-.67.149-.198.297-.767.966-.94 1.165-.174.198-.348.223-.645.074-.297-.149-1.255-.462-2.39-1.475-.884-.788-1.48-1.76-1.654-2.058-.173-.298-.018-.459.13-.607.134-.133.298-.347.446-.52.149-.174.199-.298.298-.496.099-.198.05-.372-.025-.52-.074-.15-.669-1.612-.917-2.207z' fill='currentColor'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t\t\t<a\n\t\t\t\thref=\"https:\/\/twitter.com\/intent\/tweet?url=https%3A%2F%2Fwww.dept.global%2Fen-au%2Finsight%2Fthe-basics-of-mobile-first-design%2F&#038;text=The%20basics%20of%20mobile-first%20design\"\n\t\t\t\tdata-share-url=\"https:\/\/www.dept.global\/en-au\/insight\/the-basics-of-mobile-first-design\/\"\n\t\t\t\tdata-share-title=\"The basics of mobile-first design\"\n\t\t\t\tdata-share-type=\"twitter\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Share to Twitter\"\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg width='25' height='20' viewBox='0 0 25 20' fill='none' xmlns='http: \/\/www.w3.org\/2000\/svg'><path d='M24.75 2.3c-.9.4-1.8.7-2.8.8 1-.6 1.8-1.6 2.2-2.7-1 .6-2 1-3.1 1.2-.9-1-2.2-1.6-3.6-1.6-2.7 0-4.9 2.2-4.9 4.9 0 .4 0 .8.1 1.1-4.2-.2-7.8-2.2-10.2-5.2-.5.8-.7 1.6-.7 2.5 0 1.7.9 3.2 2.2 4.1-.8 0-1.6-.2-2.2-.6v.1c0 2.4 1.7 4.4 3.9 4.8-.4.1-.8.2-1.3.2-.3 0-.6 0-.9-.1.6 2 2.4 3.4 4.6 3.4-1.7 1.3-3.8 2.1-6.1 2.1-.4 0-.8 0-1.2-.1 2.2 1.4 4.8 2.2 7.5 2.2 9.1 0 14-7.5 14-14v-.6c1-.7 1.8-1.6 2.5-2.5z' fill='currentColor'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t\t\t<a\n\t\t\t\thref=\"http:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fwww.dept.global%2Fen-au%2Finsight%2Fthe-basics-of-mobile-first-design%2F\"\n\t\t\t\tdata-share-url=\"https:\/\/www.dept.global\/en-au\/insight\/the-basics-of-mobile-first-design\/\"\n\t\t\t\tdata-share-title=\"The basics of mobile-first design\"\n\t\t\t\tdata-share-type=\"linkedin\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Share to Linkedin\"\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http: \/\/www.w3.org\/2000\/svg'><path d='M1.15 17.3h3.6V5.8h-3.6v11.5zM.75 2.1c0 1.2 1 2.1 2.1 2.1 1.2 0 2.1-.9 2.1-2.1 0-1.2-1-2.1-2.1-2.1-1.2 0-2.1 1-2.1 2.1zM14.45 17.3h3.6v-6.2c0-3.1-.7-5.5-4.3-5.5-1.8 0-2.9.9-3.4 1.8V5.8h-3.4v11.5h3.6v-5.7c0-1.5.2-2.9 2.1-2.9 1.8 0 1.8 1.7 1.8 3v5.6z' fill='currentColor'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t<\/div>\n<\/div>\n\n<div class=\"block-title-and-content js-block-title-and-content block-title-and-content__theme--white\">\n\t<div class=\"block-title-and-content__layout\">\n\t\t<h2\t\tclass=\"typography block-title-and-content__title typography__color--onyxGrey typography__size--h2 typography__align--left\"\n\t\tdata-size-mobile=\"h2\" \t>\n\t\tPrioritize accessibility over looks\t<\/h2>\n\t\t\t\t\t<div class=\"block-title-and-content__content\">\n\t\t\t\t\n<div class='block-title-and-content__item'><div class='block-title-and-content__item-inner'><p\t\tclass=\"typography block-typography__typography typography__color--onyxGrey typography__size--regular-body typography__align--left\"\n\t\t\t>\n\t\tThink about the user and what their mobile specifications are. <br><br>What\u2019s their demographic? Are they living in a more rural or urban area? Do they access mobile sites with a WiFi or data connection? Are they using an iOS or Android device?<br><br>In building a <a href=\"https:\/\/www.dept.global\/en-us\/case\/bridging-opportunity-gap-between-person-students-non-traditional-learners\/\">mobile education platform for ASU students in Kenya<\/a>, for example, we had to tailor our approach to the technical requirements for learners in low bandwidth countries. Cutting-edge responsiveness, animation, and UX would simply not serve learners using a five-year-old Android device on high latency, low bandwidth network.\u00a0<br><br>Prioritizing accessibility in mobile design doesn\u2019t always require taking into account extreme disparities like those between college students in the US and Kenya. <br><br>Compressing images and using asynchronous loading to ensure that key content is displayed quickly\u2014even if other portions of the design take a few seconds longer to appear\u2014is another way of prioritizing accessibility for a user base made up of people who are on the go and experiencing slow connections.<br><br>Above all else, however, the best way to prioritize accessibility in a mobile design is through user testing. Putting a product in the hands of real users with real devices will help inform a design that works for everyone\t<\/p><\/div><\/div>\n\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\n\t<div class=\"block-title-and-content__social-links\">\n\t\t\t\t\t<a\n\t\t\t\thref=\"https:\/\/www.dept.global\/en-au\/insight\/the-basics-of-mobile-first-design\/\"\n\t\t\t\tdata-share-url=\"https:\/\/www.dept.global\/en-au\/insight\/the-basics-of-mobile-first-design\/\"\n\t\t\t\tdata-share-title=\"The basics of mobile-first design\"\n\t\t\t\tdata-share-type=\"copy\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Copy page link\"\n\t\t\t\t\n\t\t\t\t\t\t\t\t\tdata-tooltip=\"true\"\n\t\t\t\t\tdata-tooltip-text=\"Link copied to clipboard.\"\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg fill='none' xmlns='http: \/\/www.w3.org\/2000\/svg' width='22' height='22' viewBox='0 0 22 22'><path d='M6.832 15.167l8.333-8.333M9.332 6.001l2.787-2.787a4.715 4.715 0 016.666 0v0a4.715 4.715 0 010 6.667L16 12.668M5.999 9.334l-2.787 2.787a4.715 4.715 0 000 6.666v0a4.715 4.715 0 006.667 0l2.787-2.786' stroke='currentColor' stroke-width='2'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t\t\t<a\n\t\t\t\thref=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fwww.dept.global%2Fen-au%2Finsight%2Fthe-basics-of-mobile-first-design%2F\"\n\t\t\t\tdata-share-url=\"https:\/\/www.dept.global\/en-au\/insight\/the-basics-of-mobile-first-design\/\"\n\t\t\t\tdata-share-title=\"The basics of mobile-first design\"\n\t\t\t\tdata-share-type=\"facebook\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Share to Facebook\"\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg width='14' height='22' viewBox='0 0 14 22' fill='none' xmlns='http: \/\/www.w3.org\/2000\/svg'><path d='M4.032 22L4 12H0V8h4V5.5C4 1.789 6.298 0 9.61 0c1.585 0 2.948.118 3.345.17v3.88H10.66c-1.8 0-2.15.856-2.15 2.112V8h5.241l-2 4H8.51v10H4.032z' fill='currentColor'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t\t\t<a\n\t\t\t\thref=\"https:\/\/api.whatsapp.com\/send?text=https%3A%2F%2Fwww.dept.global%2Fen-au%2Finsight%2Fthe-basics-of-mobile-first-design%2F\"\n\t\t\t\tdata-share-url=\"https:\/\/www.dept.global\/en-au\/insight\/the-basics-of-mobile-first-design\/\"\n\t\t\t\tdata-share-title=\"The basics of mobile-first design\"\n\t\t\t\tdata-share-type=\"whatsapp\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Share to Whatsapp\"\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg xmlns='http: \/\/www.w3.org\/2000\/svg' width='25' height='24' viewBox='0 0 25 24'><path d='M.805 24l1.687-6.163a11.869 11.869 0 01-1.588-5.945C.907 5.335 6.244 0 12.801 0c3.182.001 6.17 1.24 8.415 3.488a11.819 11.819 0 013.481 8.413c-.002 6.558-5.34 11.893-11.896 11.893h-.005c-1.99-.001-3.947-.5-5.685-1.448L.805 24zm6.598-3.807l.361.214a9.874 9.874 0 005.033 1.378h.004c5.45 0 9.885-4.434 9.888-9.885a9.824 9.824 0 00-2.894-6.993 9.823 9.823 0 00-6.99-2.898c-5.454 0-9.89 4.434-9.892 9.884a9.86 9.86 0 001.512 5.26l.235.374-.999 3.648 3.742-.982z' fill='currentColor'\/><path d='M9.825 6.921c-.24-.58-.486-.501-.668-.51-.174-.009-.372-.01-.57-.01-.198 0-.52.074-.793.371-.272.298-1.04 1.017-1.04 2.48 0 1.462 1.065 2.875 1.214 3.073.148.199 2.096 3.2 5.078 4.487.709.306 1.262.49 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.759-.72 2.007-1.413.247-.694.247-1.29.173-1.413-.074-.124-.272-.199-.57-.347-.297-.149-1.758-.868-2.03-.967-.273-.1-.471-.149-.67.149-.198.297-.767.966-.94 1.165-.174.198-.348.223-.645.074-.297-.149-1.255-.462-2.39-1.475-.884-.788-1.48-1.76-1.654-2.058-.173-.298-.018-.459.13-.607.134-.133.298-.347.446-.52.149-.174.199-.298.298-.496.099-.198.05-.372-.025-.52-.074-.15-.669-1.612-.917-2.207z' fill='currentColor'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t\t\t<a\n\t\t\t\thref=\"https:\/\/twitter.com\/intent\/tweet?url=https%3A%2F%2Fwww.dept.global%2Fen-au%2Finsight%2Fthe-basics-of-mobile-first-design%2F&#038;text=The%20basics%20of%20mobile-first%20design\"\n\t\t\t\tdata-share-url=\"https:\/\/www.dept.global\/en-au\/insight\/the-basics-of-mobile-first-design\/\"\n\t\t\t\tdata-share-title=\"The basics of mobile-first design\"\n\t\t\t\tdata-share-type=\"twitter\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Share to Twitter\"\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg width='25' height='20' viewBox='0 0 25 20' fill='none' xmlns='http: \/\/www.w3.org\/2000\/svg'><path d='M24.75 2.3c-.9.4-1.8.7-2.8.8 1-.6 1.8-1.6 2.2-2.7-1 .6-2 1-3.1 1.2-.9-1-2.2-1.6-3.6-1.6-2.7 0-4.9 2.2-4.9 4.9 0 .4 0 .8.1 1.1-4.2-.2-7.8-2.2-10.2-5.2-.5.8-.7 1.6-.7 2.5 0 1.7.9 3.2 2.2 4.1-.8 0-1.6-.2-2.2-.6v.1c0 2.4 1.7 4.4 3.9 4.8-.4.1-.8.2-1.3.2-.3 0-.6 0-.9-.1.6 2 2.4 3.4 4.6 3.4-1.7 1.3-3.8 2.1-6.1 2.1-.4 0-.8 0-1.2-.1 2.2 1.4 4.8 2.2 7.5 2.2 9.1 0 14-7.5 14-14v-.6c1-.7 1.8-1.6 2.5-2.5z' fill='currentColor'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t\t\t<a\n\t\t\t\thref=\"http:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fwww.dept.global%2Fen-au%2Finsight%2Fthe-basics-of-mobile-first-design%2F\"\n\t\t\t\tdata-share-url=\"https:\/\/www.dept.global\/en-au\/insight\/the-basics-of-mobile-first-design\/\"\n\t\t\t\tdata-share-title=\"The basics of mobile-first design\"\n\t\t\t\tdata-share-type=\"linkedin\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Share to Linkedin\"\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http: \/\/www.w3.org\/2000\/svg'><path d='M1.15 17.3h3.6V5.8h-3.6v11.5zM.75 2.1c0 1.2 1 2.1 2.1 2.1 1.2 0 2.1-.9 2.1-2.1 0-1.2-1-2.1-2.1-2.1-1.2 0-2.1 1-2.1 2.1zM14.45 17.3h3.6v-6.2c0-3.1-.7-5.5-4.3-5.5-1.8 0-2.9.9-3.4 1.8V5.8h-3.4v11.5h3.6v-5.7c0-1.5.2-2.9 2.1-2.9 1.8 0 1.8 1.7 1.8 3v5.6z' fill='currentColor'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t<\/div>\n<\/div>\n\n<div class=\"block-title-and-content js-block-title-and-content block-title-and-content__theme--onyxGrey\">\n\t<div class=\"block-title-and-content__layout\">\n\t\t<h2\t\tclass=\"typography block-title-and-content__title typography__color--white typography__size--h2 typography__align--left\"\n\t\tdata-size-mobile=\"h2\" \t>\n\t\tFinal thoughts on mobile-first design \t<\/h2>\n\t\t\t\t\t<div class=\"block-title-and-content__content\">\n\t\t\t\t\n<div class='block-title-and-content__item'><div class='block-title-and-content__item-inner'><p\t\tclass=\"typography block-typography__typography typography__color--bodyOnBlack typography__size--regular-body typography__align--left\"\n\t\t\t>\n\t\tA mobile-first approach benefits from a design principle known as \u201cprogressive enhancement.\u201d\u00a0<br><br>Mobile design might be challenging, but the nature of those challenges leads to an outcome that is accessible, intelligently designed, and puts the most essential content front &amp; center.\u00a0<br>Simply put, approaching design mobile-first creates an unbeatably solid foundation that makes enhancing for a larger device easy.\u00a0<br><br>Considering a mobile-first approach for your product\u2019s design? Learn more about our <a href=\"https:\/\/www.dept.global\/en-us\/service\/experience\/product-design\/\">digital product design services<\/a> and get in touch with one of our design experts.\t<\/p><\/div><\/div>\n\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\n\t<div class=\"block-title-and-content__social-links\">\n\t\t\t\t\t<a\n\t\t\t\thref=\"https:\/\/www.dept.global\/en-au\/insight\/the-basics-of-mobile-first-design\/\"\n\t\t\t\tdata-share-url=\"https:\/\/www.dept.global\/en-au\/insight\/the-basics-of-mobile-first-design\/\"\n\t\t\t\tdata-share-title=\"The basics of mobile-first design\"\n\t\t\t\tdata-share-type=\"copy\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Copy page link\"\n\t\t\t\t\n\t\t\t\t\t\t\t\t\tdata-tooltip=\"true\"\n\t\t\t\t\tdata-tooltip-text=\"Link copied to clipboard.\"\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg fill='none' xmlns='http: \/\/www.w3.org\/2000\/svg' width='22' height='22' viewBox='0 0 22 22'><path d='M6.832 15.167l8.333-8.333M9.332 6.001l2.787-2.787a4.715 4.715 0 016.666 0v0a4.715 4.715 0 010 6.667L16 12.668M5.999 9.334l-2.787 2.787a4.715 4.715 0 000 6.666v0a4.715 4.715 0 006.667 0l2.787-2.786' stroke='currentColor' stroke-width='2'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t\t\t<a\n\t\t\t\thref=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fwww.dept.global%2Fen-au%2Finsight%2Fthe-basics-of-mobile-first-design%2F\"\n\t\t\t\tdata-share-url=\"https:\/\/www.dept.global\/en-au\/insight\/the-basics-of-mobile-first-design\/\"\n\t\t\t\tdata-share-title=\"The basics of mobile-first design\"\n\t\t\t\tdata-share-type=\"facebook\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Share to Facebook\"\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg width='14' height='22' viewBox='0 0 14 22' fill='none' xmlns='http: \/\/www.w3.org\/2000\/svg'><path d='M4.032 22L4 12H0V8h4V5.5C4 1.789 6.298 0 9.61 0c1.585 0 2.948.118 3.345.17v3.88H10.66c-1.8 0-2.15.856-2.15 2.112V8h5.241l-2 4H8.51v10H4.032z' fill='currentColor'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t\t\t<a\n\t\t\t\thref=\"https:\/\/api.whatsapp.com\/send?text=https%3A%2F%2Fwww.dept.global%2Fen-au%2Finsight%2Fthe-basics-of-mobile-first-design%2F\"\n\t\t\t\tdata-share-url=\"https:\/\/www.dept.global\/en-au\/insight\/the-basics-of-mobile-first-design\/\"\n\t\t\t\tdata-share-title=\"The basics of mobile-first design\"\n\t\t\t\tdata-share-type=\"whatsapp\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Share to Whatsapp\"\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg xmlns='http: \/\/www.w3.org\/2000\/svg' width='25' height='24' viewBox='0 0 25 24'><path d='M.805 24l1.687-6.163a11.869 11.869 0 01-1.588-5.945C.907 5.335 6.244 0 12.801 0c3.182.001 6.17 1.24 8.415 3.488a11.819 11.819 0 013.481 8.413c-.002 6.558-5.34 11.893-11.896 11.893h-.005c-1.99-.001-3.947-.5-5.685-1.448L.805 24zm6.598-3.807l.361.214a9.874 9.874 0 005.033 1.378h.004c5.45 0 9.885-4.434 9.888-9.885a9.824 9.824 0 00-2.894-6.993 9.823 9.823 0 00-6.99-2.898c-5.454 0-9.89 4.434-9.892 9.884a9.86 9.86 0 001.512 5.26l.235.374-.999 3.648 3.742-.982z' fill='currentColor'\/><path d='M9.825 6.921c-.24-.58-.486-.501-.668-.51-.174-.009-.372-.01-.57-.01-.198 0-.52.074-.793.371-.272.298-1.04 1.017-1.04 2.48 0 1.462 1.065 2.875 1.214 3.073.148.199 2.096 3.2 5.078 4.487.709.306 1.262.49 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.759-.72 2.007-1.413.247-.694.247-1.29.173-1.413-.074-.124-.272-.199-.57-.347-.297-.149-1.758-.868-2.03-.967-.273-.1-.471-.149-.67.149-.198.297-.767.966-.94 1.165-.174.198-.348.223-.645.074-.297-.149-1.255-.462-2.39-1.475-.884-.788-1.48-1.76-1.654-2.058-.173-.298-.018-.459.13-.607.134-.133.298-.347.446-.52.149-.174.199-.298.298-.496.099-.198.05-.372-.025-.52-.074-.15-.669-1.612-.917-2.207z' fill='currentColor'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t\t\t<a\n\t\t\t\thref=\"https:\/\/twitter.com\/intent\/tweet?url=https%3A%2F%2Fwww.dept.global%2Fen-au%2Finsight%2Fthe-basics-of-mobile-first-design%2F&#038;text=The%20basics%20of%20mobile-first%20design\"\n\t\t\t\tdata-share-url=\"https:\/\/www.dept.global\/en-au\/insight\/the-basics-of-mobile-first-design\/\"\n\t\t\t\tdata-share-title=\"The basics of mobile-first design\"\n\t\t\t\tdata-share-type=\"twitter\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Share to Twitter\"\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg width='25' height='20' viewBox='0 0 25 20' fill='none' xmlns='http: \/\/www.w3.org\/2000\/svg'><path d='M24.75 2.3c-.9.4-1.8.7-2.8.8 1-.6 1.8-1.6 2.2-2.7-1 .6-2 1-3.1 1.2-.9-1-2.2-1.6-3.6-1.6-2.7 0-4.9 2.2-4.9 4.9 0 .4 0 .8.1 1.1-4.2-.2-7.8-2.2-10.2-5.2-.5.8-.7 1.6-.7 2.5 0 1.7.9 3.2 2.2 4.1-.8 0-1.6-.2-2.2-.6v.1c0 2.4 1.7 4.4 3.9 4.8-.4.1-.8.2-1.3.2-.3 0-.6 0-.9-.1.6 2 2.4 3.4 4.6 3.4-1.7 1.3-3.8 2.1-6.1 2.1-.4 0-.8 0-1.2-.1 2.2 1.4 4.8 2.2 7.5 2.2 9.1 0 14-7.5 14-14v-.6c1-.7 1.8-1.6 2.5-2.5z' fill='currentColor'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t\t\t<a\n\t\t\t\thref=\"http:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fwww.dept.global%2Fen-au%2Finsight%2Fthe-basics-of-mobile-first-design%2F\"\n\t\t\t\tdata-share-url=\"https:\/\/www.dept.global\/en-au\/insight\/the-basics-of-mobile-first-design\/\"\n\t\t\t\tdata-share-title=\"The basics of mobile-first design\"\n\t\t\t\tdata-share-type=\"linkedin\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Share to Linkedin\"\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http: \/\/www.w3.org\/2000\/svg'><path d='M1.15 17.3h3.6V5.8h-3.6v11.5zM.75 2.1c0 1.2 1 2.1 2.1 2.1 1.2 0 2.1-.9 2.1-2.1 0-1.2-1-2.1-2.1-2.1-1.2 0-2.1 1-2.1 2.1zM14.45 17.3h3.6v-6.2c0-3.1-.7-5.5-4.3-5.5-1.8 0-2.9.9-3.4 1.8V5.8h-3.4v11.5h3.6v-5.7c0-1.5.2-2.9 2.1-2.9 1.8 0 1.8 1.7 1.8 3v5.6z' fill='currentColor'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t<\/div>\n<\/div>\n\n<div class=\"block-highlighted-item-listing\">\n\t<h2\t\tclass=\"typography block-highlighted-item-listing__title typography__color--onyxGrey typography__size--regular-body typography__align--left\"\n\t\t\t>\n\t\tMore Insights?\t<\/h2><a\tclass=\"cta-button block-highlighted-item-listing__cta-button cta-button__color--onyxGrey cta-button__style--regular\" href=\"https:\/\/www.dept.global\/en-us\/all-insights\/\" >\n\t\n\t\t\t<span>\n\t\t\tView all Insights\t\t<\/span>\n\t\n<\/a>\n\t<div class=\"block-highlighted-item-listing__cards\">\n\t\t<a\tclass=\"universal-item-card universal-item-card__type--article universal-item-card--has-link-decoration\"\n\tdata-theme=\"white\"\n\t\t\thref=\"https:\/\/www.dept.global\/en-au\/insight\/healthdirect-is-bringing-trusted-clinically-grounded-health-guidance-to-chatgpt-designed-and-built-by-dept\/\"\n\t\t\t\ttitle=\"Healthdirect is bringing trusted, clinically grounded health guidance to ChatGPT, designed and built by DEPT\u00ae.\"\n\t\t>\n\t\t\t<div class=\"universal-item-card__backplate universal-item-card__backplate--with-image\"><\/div>\n\t\n\t<div\n\t\tclass=\"image-wrap universal-item-card__image-wrap\"\n\t\tdata-align=\"center center\"\n\t\t\t>\n\n\t\t\t<picture\n\t\tclass=\"image__picture\"\n\t\t\t\t>\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t<img\n\t\t\t\tsrc=\"https:\/\/www.dept.global\/wp-content\/uploads\/2026\/07\/Chatgpt-Assistance-Healthcare-AU-1920x1080-1.png\"\n\t\t\t\tclass=\"image universal-item-card__image\"\n\n\t\t\t\t\t\t\t\talt=\"Healthdirect is bringing trusted, clinically grounded health guidance to ChatGPT, designed and built by DEPT\u00ae.\"\n\t\t\t\t\n\t\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\/>\n\t\t<\/picture>\n\t\n\t<\/div><p\t\tclass=\"typography universal-item-card__meta typography__color--darkGrey typography__size--eyebrow-lc typography__align--left\"\n\t\t\t>\n\t\tAI TRANSFORMATION&emsp;\u2022&emsp;Evan Davey\t<\/p><h3\t\tclass=\"typography universal-item-card__title typography__color--onyxGrey typography__size--h6 typography__align--left\"\n\t\t\t>\n\t\t<span>Healthdirect is bringing trusted, clinically grounded health guidance to ChatGPT, designed and built by DEPT\u00ae.<\/span>\t<\/h3><button\tclass=\"cta-button universal-item-card__btn cta-button__color--onyxGrey cta-button__style--regular has-parent-hover\" >\n\t\n\t\t\t<span>\n\t\t\tRead Article\t\t<\/span>\n\t\n<\/button>\n\t\n\t<\/a><a\tclass=\"universal-item-card universal-item-card__type--article universal-item-card--has-link-decoration\"\n\tdata-theme=\"white\"\n\t\t\thref=\"https:\/\/www.dept.global\/en-au\/insight\/dept-returns-with-the-secret-garden-and-opens-souvenir-shop-with-capsule-collection-at-cannes-lions-2026\/\"\n\t\t\t\ttitle=\"DEPT\u00ae returns with The Secret Garden and opens Souvenir Shop with capsule collection at Cannes Lions 2026\"\n\t\t>\n\t\t\t<div class=\"universal-item-card__backplate universal-item-card__backplate--with-image\"><\/div>\n\t\n\t<div\n\t\tclass=\"image-wrap universal-item-card__image-wrap\"\n\t\tdata-align=\"center center\"\n\t\t\t>\n\n\t\t\t<picture\n\t\tclass=\"image__picture\"\n\t\t\t\t>\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t<img\n\t\t\t\tsrc=\"https:\/\/www.dept.global\/wp-content\/uploads\/2026\/05\/Souvenir-Shop-PR-1920x1080-insight-1.png\"\n\t\t\t\tclass=\"image universal-item-card__image\"\n\n\t\t\t\t\t\t\t\talt=\"DEPT\u00ae returns with The Secret Garden and opens Souvenir Shop with capsule collection at Cannes Lions 2026\"\n\t\t\t\t\n\t\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\/>\n\t\t<\/picture>\n\t\n\t<\/div><p\t\tclass=\"typography universal-item-card__meta typography__color--darkGrey typography__size--eyebrow-lc typography__align--left\"\n\t\t\t>\n\t\tBRAND &AMP; MEDIA&emsp;\u2022&emsp;In\u00eas Saraiva\t<\/p><h3\t\tclass=\"typography universal-item-card__title typography__color--onyxGrey typography__size--h6 typography__align--left\"\n\t\t\t>\n\t\t<span>DEPT\u00ae returns with The Secret Garden and opens Souvenir Shop with capsule collection at Cannes Lions 2026<\/span>\t<\/h3><button\tclass=\"cta-button universal-item-card__btn cta-button__color--onyxGrey cta-button__style--regular has-parent-hover\" >\n\t\n\t\t\t<span>\n\t\t\tRead Article\t\t<\/span>\n\t\n<\/button>\n\t\n\t<\/a><a\tclass=\"universal-item-card universal-item-card__type--article universal-item-card--has-link-decoration\"\n\tdata-theme=\"white\"\n\t\t\thref=\"https:\/\/www.dept.global\/en-au\/insight\/dept-launches-accelerator-powered-by-adobe-genstudio-for-performance-marketing-to-bridge-ais-execution-gap\/\"\n\t\t\t\ttitle=\"DEPT\u00ae launches accelerator powered by Adobe GenStudio for Performance Marketing to bridge AI\u2019s execution gap\"\n\t\t>\n\t\t\t<div class=\"universal-item-card__backplate universal-item-card__backplate--with-image\"><\/div>\n\t\n\t<div\n\t\tclass=\"image-wrap universal-item-card__image-wrap\"\n\t\tdata-align=\"center center\"\n\t\t\t>\n\n\t\t\t<picture\n\t\tclass=\"image__picture\"\n\t\t\t\t>\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t<img\n\t\t\t\tsrc=\"https:\/\/www.dept.global\/wp-content\/uploads\/2026\/04\/DEPTxAdobe-Accelerator_1080x1080-1.png\"\n\t\t\t\tclass=\"image universal-item-card__image\"\n\n\t\t\t\t\t\t\t\talt=\"DEPT\u00ae launches accelerator powered by Adobe GenStudio for Performance Marketing to bridge AI\u2019s execution gap\"\n\t\t\t\t\n\t\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\/>\n\t\t<\/picture>\n\t\n\t<\/div><p\t\tclass=\"typography universal-item-card__meta typography__color--darkGrey typography__size--eyebrow-lc typography__align--left\"\n\t\t\t>\n\t\tBRAND &AMP; MEDIA&emsp;\u2022&emsp;In\u00eas Saraiva\t<\/p><h3\t\tclass=\"typography universal-item-card__title typography__color--onyxGrey typography__size--h6 typography__align--left\"\n\t\t\t>\n\t\t<span>DEPT\u00ae launches accelerator powered by Adobe GenStudio for Performance Marketing to bridge AI\u2019s execution gap<\/span>\t<\/h3><button\tclass=\"cta-button universal-item-card__btn cta-button__color--onyxGrey cta-button__style--regular has-parent-hover\" >\n\t\n\t\t\t<span>\n\t\t\tRead Article\t\t<\/span>\n\t\n<\/button>\n\t\n\t<\/a>\t<\/div>\n<\/div>\n\n<div\n\tclass=\"block-form-page js-block-form-page\"\n\t>\n\t<p\t\tclass=\"typography block-form-page__title typography__color--richBlack typography__size--h2 typography__align--left\"\n\t\tdata-size-mobile=\"h5\" \t>\n\t\tSign up for the DEPT\u00ae product newsletter \t<\/p><div class=\"pardot-forms block-form-page__pardot-forms js-pardot-forms\">\n\t\t<iframe\n\t\tdata-initial-src=\"https:\/\/www2.dept.global\/l\/321011\/2022-06-22\/2dqkjm8\"\n\t\tclass=\"pardot-forms__embed block-form-page__embed js-pardot-forms-embed\"\n\t\ttype=\"text\/html\"\n\t><\/iframe>\n\t<div class=\"loader pardot-forms__loader loader__color--hanPurple js-pardot-forms-loader\">\n\t<div class=\"loader__first\"><\/div>\n\t<div class=\"loader__second\"><\/div>\n<\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":4269303,"template":"","meta":{"_acf_changed":false,"es_utils_meta_schema":"","dept_alt_featured_image":[],"dept_algolia_noindex":false,"dept_algolia_featured":false,"member_job_title":"","member_linkedin_url":"","footnotes":""},"insight-topics":[42719],"person":[842],"class_list":["post-4269302","article","type-article","status-publish","has-post-thumbnail","hentry"],"acf":{"dept_is_3q_page":false,"dept_insight_featured":true,"dept_current_cpt_partner":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>The basics of mobile-first design - DEPT\u00ae<\/title>\n<meta name=\"description\" content=\"What is mobile first design? In this beginner guide, we break down everything non-designers need to know about going mobile first.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.dept.global\/en-au\/insight\/the-basics-of-mobile-first-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The basics of mobile-first design - DEPT\u00ae\" \/>\n<meta property=\"og:description\" content=\"What is mobile first design? In this beginner guide, we break down everything non-designers need to know about going mobile first.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.dept.global\/en-au\/insight\/the-basics-of-mobile-first-design\/\" \/>\n<meta property=\"og:site_name\" content=\"DEPT\u00ae\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-08T11:40:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dept.global\/wp-content\/uploads\/2022\/08\/mobile-apps.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"580\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.dept.global\\\/en-au\\\/insight\\\/the-basics-of-mobile-first-design\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.dept.global\\\/en-au\\\/insight\\\/the-basics-of-mobile-first-design\\\/\"},\"author\":{\"name\":\"deptagency\",\"@id\":\"https:\\\/\\\/www.dept.global\\\/en-au\\\/#\\\/schema\\\/person\\\/a27e34308c442620cedf554c42b7cc25\"},\"headline\":\"The basics of mobile-first design\",\"datePublished\":\"2022-08-18T12:47:41+00:00\",\"dateModified\":\"2025-12-08T11:40:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.dept.global\\\/en-au\\\/insight\\\/the-basics-of-mobile-first-design\\\/\"},\"wordCount\":5,\"publisher\":{\"@id\":\"https:\\\/\\\/www.dept.global\\\/en-au\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.dept.global\\\/en-au\\\/insight\\\/the-basics-of-mobile-first-design\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.dept.global\\\/wp-content\\\/uploads\\\/2022\\\/08\\\/mobile-apps.jpg\",\"articleSection\":[\"Uncategorized @en-apac\"],\"inLanguage\":\"en-AU\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.dept.global\\\/en-au\\\/insight\\\/the-basics-of-mobile-first-design\\\/\",\"url\":\"https:\\\/\\\/www.dept.global\\\/en-au\\\/insight\\\/the-basics-of-mobile-first-design\\\/\",\"name\":\"The basics of mobile-first design - DEPT\u00ae\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.dept.global\\\/en-au\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.dept.global\\\/en-au\\\/insight\\\/the-basics-of-mobile-first-design\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.dept.global\\\/en-au\\\/insight\\\/the-basics-of-mobile-first-design\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.dept.global\\\/wp-content\\\/uploads\\\/2022\\\/08\\\/mobile-apps.jpg\",\"datePublished\":\"2022-08-18T12:47:41+00:00\",\"dateModified\":\"2025-12-08T11:40:21+00:00\",\"description\":\"What is mobile first design? In this beginner guide, we break down everything non-designers need to know about going mobile first.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.dept.global\\\/en-au\\\/insight\\\/the-basics-of-mobile-first-design\\\/#breadcrumb\"},\"inLanguage\":\"en-AU\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.dept.global\\\/en-au\\\/insight\\\/the-basics-of-mobile-first-design\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-AU\",\"@id\":\"https:\\\/\\\/www.dept.global\\\/en-au\\\/insight\\\/the-basics-of-mobile-first-design\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.dept.global\\\/wp-content\\\/uploads\\\/2022\\\/08\\\/mobile-apps.jpg\",\"contentUrl\":\"https:\\\/\\\/www.dept.global\\\/wp-content\\\/uploads\\\/2022\\\/08\\\/mobile-apps.jpg\",\"width\":1000,\"height\":580},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.dept.global\\\/en-au\\\/insight\\\/the-basics-of-mobile-first-design\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.dept.global\\\/en-au\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The basics of mobile-first design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.dept.global\\\/en-au\\\/#website\",\"url\":\"https:\\\/\\\/www.dept.global\\\/en-au\\\/\",\"name\":\"DEPT\u00ae\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.dept.global\\\/en-au\\\/#organization\"},\"alternateName\":\"DEPT\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.dept.global\\\/en-au\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-AU\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.dept.global\\\/en-au\\\/#organization\",\"name\":\"DEPT\u00ae\",\"alternateName\":\"DEPT\",\"url\":\"https:\\\/\\\/www.dept.global\\\/en-au\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-AU\",\"@id\":\"https:\\\/\\\/www.dept.global\\\/en-au\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.dept.global\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/logo-dept.svg\",\"contentUrl\":\"https:\\\/\\\/www.dept.global\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/logo-dept.svg\",\"width\":1,\"height\":1,\"caption\":\"DEPT\u00ae\"},\"image\":{\"@id\":\"https:\\\/\\\/www.dept.global\\\/en-au\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.tiktok.com\\\/@deptagency\",\"https:\\\/\\\/www.instagram.com\\\/deptagency\\\/?hl=en\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/deptagency\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.dept.global\\\/en-au\\\/#\\\/schema\\\/person\\\/a27e34308c442620cedf554c42b7cc25\",\"name\":\"deptagency\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-AU\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3b539bfd2d9e4c926e02df7b72858639d46df35da71d91991f101ff2e320334f?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3b539bfd2d9e4c926e02df7b72858639d46df35da71d91991f101ff2e320334f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3b539bfd2d9e4c926e02df7b72858639d46df35da71d91991f101ff2e320334f?s=96&d=mm&r=g\",\"caption\":\"deptagency\"},\"sameAs\":[\"https:\\\/\\\/www.dept.global\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"The basics of mobile-first design - DEPT\u00ae","description":"What is mobile first design? In this beginner guide, we break down everything non-designers need to know about going mobile first.","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:\/\/www.dept.global\/en-au\/insight\/the-basics-of-mobile-first-design\/","og_locale":"en_US","og_type":"article","og_title":"The basics of mobile-first design - DEPT\u00ae","og_description":"What is mobile first design? In this beginner guide, we break down everything non-designers need to know about going mobile first.","og_url":"https:\/\/www.dept.global\/en-au\/insight\/the-basics-of-mobile-first-design\/","og_site_name":"DEPT\u00ae","article_modified_time":"2025-12-08T11:40:21+00:00","og_image":[{"width":1000,"height":580,"url":"https:\/\/www.dept.global\/wp-content\/uploads\/2022\/08\/mobile-apps.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.dept.global\/en-au\/insight\/the-basics-of-mobile-first-design\/#article","isPartOf":{"@id":"https:\/\/www.dept.global\/en-au\/insight\/the-basics-of-mobile-first-design\/"},"author":{"name":"deptagency","@id":"https:\/\/www.dept.global\/en-au\/#\/schema\/person\/a27e34308c442620cedf554c42b7cc25"},"headline":"The basics of mobile-first design","datePublished":"2022-08-18T12:47:41+00:00","dateModified":"2025-12-08T11:40:21+00:00","mainEntityOfPage":{"@id":"https:\/\/www.dept.global\/en-au\/insight\/the-basics-of-mobile-first-design\/"},"wordCount":5,"publisher":{"@id":"https:\/\/www.dept.global\/en-au\/#organization"},"image":{"@id":"https:\/\/www.dept.global\/en-au\/insight\/the-basics-of-mobile-first-design\/#primaryimage"},"thumbnailUrl":"https:\/\/www.dept.global\/wp-content\/uploads\/2022\/08\/mobile-apps.jpg","articleSection":["Uncategorized @en-apac"],"inLanguage":"en-AU"},{"@type":"WebPage","@id":"https:\/\/www.dept.global\/en-au\/insight\/the-basics-of-mobile-first-design\/","url":"https:\/\/www.dept.global\/en-au\/insight\/the-basics-of-mobile-first-design\/","name":"The basics of mobile-first design - DEPT\u00ae","isPartOf":{"@id":"https:\/\/www.dept.global\/en-au\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.dept.global\/en-au\/insight\/the-basics-of-mobile-first-design\/#primaryimage"},"image":{"@id":"https:\/\/www.dept.global\/en-au\/insight\/the-basics-of-mobile-first-design\/#primaryimage"},"thumbnailUrl":"https:\/\/www.dept.global\/wp-content\/uploads\/2022\/08\/mobile-apps.jpg","datePublished":"2022-08-18T12:47:41+00:00","dateModified":"2025-12-08T11:40:21+00:00","description":"What is mobile first design? In this beginner guide, we break down everything non-designers need to know about going mobile first.","breadcrumb":{"@id":"https:\/\/www.dept.global\/en-au\/insight\/the-basics-of-mobile-first-design\/#breadcrumb"},"inLanguage":"en-AU","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.dept.global\/en-au\/insight\/the-basics-of-mobile-first-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-AU","@id":"https:\/\/www.dept.global\/en-au\/insight\/the-basics-of-mobile-first-design\/#primaryimage","url":"https:\/\/www.dept.global\/wp-content\/uploads\/2022\/08\/mobile-apps.jpg","contentUrl":"https:\/\/www.dept.global\/wp-content\/uploads\/2022\/08\/mobile-apps.jpg","width":1000,"height":580},{"@type":"BreadcrumbList","@id":"https:\/\/www.dept.global\/en-au\/insight\/the-basics-of-mobile-first-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.dept.global\/en-au\/"},{"@type":"ListItem","position":2,"name":"The basics of mobile-first design"}]},{"@type":"WebSite","@id":"https:\/\/www.dept.global\/en-au\/#website","url":"https:\/\/www.dept.global\/en-au\/","name":"DEPT\u00ae","description":"","publisher":{"@id":"https:\/\/www.dept.global\/en-au\/#organization"},"alternateName":"DEPT","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.dept.global\/en-au\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-AU"},{"@type":"Organization","@id":"https:\/\/www.dept.global\/en-au\/#organization","name":"DEPT\u00ae","alternateName":"DEPT","url":"https:\/\/www.dept.global\/en-au\/","logo":{"@type":"ImageObject","inLanguage":"en-AU","@id":"https:\/\/www.dept.global\/en-au\/#\/schema\/logo\/image\/","url":"https:\/\/www.dept.global\/wp-content\/uploads\/2025\/10\/logo-dept.svg","contentUrl":"https:\/\/www.dept.global\/wp-content\/uploads\/2025\/10\/logo-dept.svg","width":1,"height":1,"caption":"DEPT\u00ae"},"image":{"@id":"https:\/\/www.dept.global\/en-au\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.tiktok.com\/@deptagency","https:\/\/www.instagram.com\/deptagency\/?hl=en","https:\/\/www.linkedin.com\/company\/deptagency"]},{"@type":"Person","@id":"https:\/\/www.dept.global\/en-au\/#\/schema\/person\/a27e34308c442620cedf554c42b7cc25","name":"deptagency","image":{"@type":"ImageObject","inLanguage":"en-AU","@id":"https:\/\/secure.gravatar.com\/avatar\/3b539bfd2d9e4c926e02df7b72858639d46df35da71d91991f101ff2e320334f?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/3b539bfd2d9e4c926e02df7b72858639d46df35da71d91991f101ff2e320334f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3b539bfd2d9e4c926e02df7b72858639d46df35da71d91991f101ff2e320334f?s=96&d=mm&r=g","caption":"deptagency"},"sameAs":["https:\/\/www.dept.global"]}]}},"_links":{"self":[{"href":"https:\/\/www.dept.global\/en-au\/wp-json\/wp\/v2\/insight\/4269302","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dept.global\/en-au\/wp-json\/wp\/v2\/insight"}],"about":[{"href":"https:\/\/www.dept.global\/en-au\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/www.dept.global\/en-au\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":1,"href":"https:\/\/www.dept.global\/en-au\/wp-json\/wp\/v2\/insight\/4269302\/revisions"}],"predecessor-version":[{"id":4373876,"href":"https:\/\/www.dept.global\/en-au\/wp-json\/wp\/v2\/insight\/4269302\/revisions\/4373876"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.dept.global\/en-au\/wp-json\/wp\/v2\/media\/4269303"}],"wp:attachment":[{"href":"https:\/\/www.dept.global\/en-au\/wp-json\/wp\/v2\/media?parent=4269302"}],"wp:term":[{"taxonomy":"insight-topic","embeddable":true,"href":"https:\/\/www.dept.global\/en-au\/wp-json\/wp\/v2\/insight-topics?post=4269302"},{"taxonomy":"person","embeddable":true,"href":"https:\/\/www.dept.global\/en-au\/wp-json\/wp\/v2\/person?post=4269302"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}