{"id":43829,"date":"2018-01-22T04:50:14","date_gmt":"2018-01-22T11:50:14","guid":{"rendered":"http:\/\/www.taterboy.com\/blog\/2018\/01\/designing-a-mobile-responsive-website-for-chilango\/"},"modified":"2018-01-22T04:50:14","modified_gmt":"2018-01-22T11:50:14","slug":"designing-a-mobile-responsive-website-for-chilango","status":"publish","type":"post","link":"https:\/\/www.taterboy.com\/blog\/2018\/01\/designing-a-mobile-responsive-website-for-chilango\/","title":{"rendered":"Designing a mobile responsive website for Chilango"},"content":{"rendered":"<figure><img data-recalc-dims=\"1\" decoding=\"async\" alt=\"\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2018\/01\/12ADxEZH3x_aGNA0vuCOo0NpQ.png?w=900\"><\/figure>\n<p>During a General Assembly concept project myself and two colleagues were challenged with creating a responsive website or app that handled orders and payments from Chilango\u2019s restaurant tables. We created a responsive website which could have been integrated with Chilango\u2019s existing responsive website which just deals with pre ordering. We really focused on achieving a quick and easy ordering process which included splitting bills between groups. <a href=\"https:\/\/invis.io\/C6E9EB5WE#\/261700153_Screen_1\">https:\/\/invis.io\/C6E9EB5WE<\/a><\/p>\n<p><strong>Methods<\/strong><\/p>\n<p>User interviews?\u2014?Contextual enquiry?\u2014?Affinity mapping?\u2014?Experience mapping?\u2014?User flow?\u2014?Design studio?\u2014?Paper prototyping?\u2014?Wire framing?\u2014?Usability testing<\/p>\n<h4>Tools<\/h4>\n<figure><img data-recalc-dims=\"1\" decoding=\"async\" alt=\"\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2018\/01\/12AfyFPeU5GxB_D4ti0_BmMug.png?w=900\"><\/figure>\n<figure><img data-recalc-dims=\"1\" decoding=\"async\" alt=\"\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2018\/01\/12A52_TDWnH-fWKXxzAVb_lrg.png?w=900\"><\/figure>\n<h3><strong>Brief<\/strong><\/h3>\n<p>Chilango sees an opportunity to leverage existing customer habits by introducing a mobile website that handles ordering and payment for\u00a0groups.<\/p>\n<p><strong>Features to include in our\u00a0solution<\/strong><\/p>\n<p>\u00b7 Customers should be able to order from their\u00a0table.<\/p>\n<p>\u00b7 Groups of users should be able to all order to the same\u00a0table.<\/p>\n<p>\u00b7 The product should handle splitting the bill and\u00a0payment.<\/p>\n<p><strong>We also needed the product to\u00a0consider<\/strong><\/p>\n<p>\u00b7 Food arriving at the same time to each person at the\u00a0table<\/p>\n<p>\u00b7 How to display new specials and items out of\u00a0stock.<\/p>\n<h3>Chilango<\/h3>\n<p>Chilango is a Mexican food restaurant that has 11 sites around\u00a0London.<\/p>\n<p>\u201cChilango in a single word? Vibrancy\u201d<\/p>\n<p>Currently have a responsive website that allows a customer to pre order food to pick up and cut queues. We were therefore aware and able to get onboard with Chilango\u2019s desired to create efficient and effective customer\u00a0service.<\/p>\n<h3><strong>Competitor research<\/strong><\/h3>\n<figure><img data-recalc-dims=\"1\" decoding=\"async\" alt=\"\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2018\/01\/12AxBMmxEyI7NdJly07CsNHTQ.png?w=900\"><\/figure>\n<p>Taking key points from competitors such as Chipotle\u2019s visuals, GBK\u2019s order from table app process and Flypay\u2019s splitting the bill\u00a0process.<\/p>\n<h3><strong>Contextual enquiry<\/strong><\/h3>\n<figure><img data-recalc-dims=\"1\" decoding=\"async\" alt=\"\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2018\/01\/12Aer8jVhEUGsiHW3tuoLX-oA.png?w=900\"><\/figure>\n<p>We visited two separate Chilango\u2019s in central London and spoke to employees and customers at each to better understand the restaurants. Key takeaways were:<\/p>\n<ul>\n<li>Customers consisted in the majority of young local male city workers in small\u00a0groups.<\/li>\n<li>Receipts were often asked for to claim back expenses from\u00a0work.<\/li>\n<li>Majority of customers used cards to\u00a0pay.<\/li>\n<li>Ordering and payment is a quick process and customers see their order being made from fresh ingredients in front of\u00a0them.<\/li>\n<li>However, this process can lead to people being rushed through service, with mistakes, at peak\u00a0times.<\/li>\n<\/ul>\n<h3>DF Mexico<\/h3>\n<figure><img data-recalc-dims=\"1\" decoding=\"async\" alt=\"\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2018\/01\/12A5gQIaCiM9R8xXL5kuYoNQg.gif?w=900\"><\/figure>\n<p>We visited DF Mexico to conduct a contextual enquiry on customers using the touch screen tablets to order as we were interested in designing an app for a Chilango touchscreen tablet.<\/p>\n<figure><img data-recalc-dims=\"1\" decoding=\"async\" alt=\"\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2018\/01\/12AkXtAosbWz9okvwxiXvzfNA.png?w=900\"><\/figure>\n<p><em>\u201cI think it\u2019s great they have the table\u00a0, its efficient and mean someone doesn\u2019t get my order wrong but it would be even better if the tablet was at my table so I didn\u2019t have to get\u00a0up\u201d<\/em><\/p>\n<p>From our contextual enquiry our persona took the form of a young professional who would tend to just grab a meal for lunch or have a quick sit down meal in the evenings after\u00a0work.<\/p>\n<figure><img data-recalc-dims=\"1\" decoding=\"async\" alt=\"\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2018\/01\/12A_2nYgMoegVg97Suz24ghJQ.png?w=900\"><\/figure>\n<p>Our research up to this moment could still be applied. We tailored our scanner survey and user interview script towards understanding people\u2019s experiences ordering as a group, splitting a bill and ordering digitally.<\/p>\n<h3><strong>User interviews<\/strong><\/h3>\n<p>We sent out a screener survey in order to find the most suitable users to interview.<\/p>\n<ul>\n<li>98.8% of people have a smartphone and consider themselves tech\u00a0savvy.<\/li>\n<li>53% found splitting the bill frustrating.<\/li>\n<li>73.2% ordered food in a group monthly or more\u00a0often.<\/li>\n<li>57% ordered food through a website or phone monthly or more\u00a0often.<\/li>\n<\/ul>\n<p>From these screeners we interviewed 14 people who fitted the demographic we were looking\u00a0for.<\/p>\n<p><strong>Below some key findings:<\/strong><\/p>\n<figure><img data-recalc-dims=\"1\" decoding=\"async\" alt=\"\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2018\/01\/12AVDBNXBvH238HfPYLxKyT1w.png?w=900\"><\/figure>\n<h3><strong>Affinity map<\/strong><\/h3>\n<figure><img data-recalc-dims=\"1\" decoding=\"async\" alt=\"\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2018\/01\/12AYofK8o80eopRE60zTXYfLQ.png?w=900\"><\/figure>\n<p>Through an affinity mapping we were able to group quotes from our interviews into 5 key\u00a0areas.<\/p>\n<figure><img data-recalc-dims=\"1\" decoding=\"async\" alt=\"\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2018\/01\/12AOUB10MHQ6E6W-P8jB4xXVQ.png?w=900\"><\/figure>\n<p>The key take aways from our user interviews were that people\u00a0were:<\/p>\n<ul>\n<li>People were very open to ordering food digitally, as it can make the process quicker without pressure from staff or other customers, however, as long as it is\u00a0clear.<\/li>\n<li>Splitting the bill is a pain with people leaving or having to pay\u00a0more.<\/li>\n<li>Apps specific to a restaurant were non-existent on our users phones, only aggregated apps, as apps take up retail\u00a0space.<\/li>\n<li>Annoyance over either wanting to just pay for themselves instead of splitting the total bill or when people couldn\u2019t remember what they\u00a0ordered.<\/li>\n<\/ul>\n<h3><strong>Define<\/strong><\/h3>\n<p>We began to consider a tablet in each Chilango table where each person could order from, however we soon understand that this wasn\u2019t viable due to the expensive nature when everyone owned a smart\u00a0phone.<\/p>\n<p>This led us to focusing on the technology that people already possessed, their phones. Due to our feedback that people did not download apps for specific restaurants we decided to create a mobile optimised responsive website.<\/p>\n<p>Once we had come to this decision we created two user flows and an experience map based on our contextual research and\u00a0persona.<\/p>\n<p>User flow 1 and user flow 2 differ depending on the decision whether to split the bill with friends or just pay for what you ordered, this ability was a key take away from the interviews.<\/p>\n<figure><img data-recalc-dims=\"1\" decoding=\"async\" alt=\"\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2018\/01\/12Af_euERU_z9-HJzal6lkrwg.png?w=900\"><\/figure>\n<figure><img data-recalc-dims=\"1\" decoding=\"async\" alt=\"\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2018\/01\/12ALyCHfwvOvY5lT3HPu-Ac0g.png?w=900\"><\/figure>\n<p>We came up with 3 scenarios to use when testing our\u00a0product.<\/p>\n<figure><img data-recalc-dims=\"1\" decoding=\"async\" alt=\"\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2018\/01\/12AWkHx-rPlHvG-Br5msqoisA.png?w=900\"><\/figure>\n<p>We prioritised features within our sprint scope, with the main functionalities being:<\/p>\n<p>\u00b7 Add\u00a0table<\/p>\n<p>\u00b7 Add number of\u00a0people<\/p>\n<p>\u00b7 Menu<\/p>\n<p>\u00b7 Submit\u00a0order<\/p>\n<p>\u00b7 Pay\u00a0now<\/p>\n<p>\u00b7 Pay for\u00a0others<\/p>\n<h3><strong>Develop<\/strong><\/h3>\n<h4>Iterating?\u2014?the people\u2019s\u00a0choices<\/h4>\n<p>Through a design studio we came up with some initial designs, making sure we included all the requirements from the brief, which we could test and iterate\u00a0on.<\/p>\n<figure><img data-recalc-dims=\"1\" decoding=\"async\" alt=\"\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2018\/01\/12Aif2t_0w3eMj-jglQQoz6w.png?w=900\"><\/figure>\n<figure><img data-recalc-dims=\"1\" decoding=\"async\" alt=\"\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2018\/01\/12AB-vSHINyQZZWBsTGw4pXJw.png?w=900\"><\/figure>\n<figure><img data-recalc-dims=\"1\" decoding=\"async\" alt=\"\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2018\/01\/12AbowEU0hNESF6uaprGeLhlw.png?w=900\"><\/figure>\n<p>We tested each iteration on users and designed based on their feedback.<\/p>\n<p><strong>Check in<\/strong><\/p>\n<figure><img data-recalc-dims=\"1\" decoding=\"async\" alt=\"\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2018\/01\/12AUSfqSPdpZnVZIhHtGlpVYw.png?w=900\"><\/figure>\n<p>Users were unsure whether the questions how many amigos on your table included themselves in the total, so we changed the copy and added an extra faded sentence to make this\u00a0clear.<\/p>\n<p>We used a friendly and casual conversation tone to keep onboard with Chilango\u2019s branding.<\/p>\n<p>We also created two separate screens for the questions in order to improve the fluidity of the check\u00a0in.<\/p>\n<p><strong>Menu<\/strong><\/p>\n<figure><img data-recalc-dims=\"1\" decoding=\"async\" alt=\"\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2018\/01\/12A9MHW5_tpcdaVD6Y0FsqRmQ.png?w=900\"><\/figure>\n<p>Our original header on the menu screen confused users as they thought the icons were clickable, however once we placed Mexican wrestling masks, keeping to the fun colourful branding of Chilango, and labelled them with the users names it became clear what they\u00a0were.<\/p>\n<p>Users also wanted to be able to go to a menu, to change settings or choose a favourite meal so we added in an account\u00a0button.<\/p>\n<p><strong>My order<\/strong><\/p>\n<figure><img data-recalc-dims=\"1\" decoding=\"async\" alt=\"\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2018\/01\/12AFLNTa9hCbkqXdEMMthEENg.png?w=900\"><\/figure>\n<p>On my order screen we added an edit button so users could go back to the menu page to edit their\u00a0order.<\/p>\n<p><strong>Loading screen<\/strong><\/p>\n<figure><img data-recalc-dims=\"1\" decoding=\"async\" alt=\"\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2018\/01\/12AMm0tcNS_P3MirgWPZqnn7g.png?w=900\"><\/figure>\n<p>Not all users knew what a \u2018luchadores\u2019 was, we therefore changed it to \u2018amigos\u2019, this also kept it consistent with the check-in\u00a0screen.<\/p>\n<p>We included the avatars into this screen so that those waiting for their friends to order could see who hadn\u2019t ordered and why they were having to\u00a0wait.<\/p>\n<p><strong>Split bill<\/strong><\/p>\n<figure><img data-recalc-dims=\"1\" decoding=\"async\" alt=\"\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2018\/01\/12AY34DAx_RfGY2SoU_RGjsJg.png?w=900\"><\/figure>\n<p>To split the bill with your friends in the first iteration the user had to click on the avatars to bring up that person\u2019s bill, however users could not achieve this. We therefore placed all the bills on one page which the user could scroll through to select the items they wanted to pay\u00a0for.<\/p>\n<p>Through testing a couple of issues came up that we changed to make a smoother and more enjoyable experience for our\u00a0users.<\/p>\n<h3><strong>Check out the clickable prototype<\/strong><\/h3>\n<p><a href=\"https:\/\/projects.invisionapp.com\/share\/C6E9EB5WE#\/screens\">https:\/\/projects.invisionapp.com\/share\/C6E9EB5WE#\/screens<\/a><\/p>\n<p><a href=\"https:\/\/medium.com\/media\/d0a4269936e32175da09692ff08b28c9\/href\">https:\/\/medium.com\/media\/d0a4269936e32175da09692ff08b28c9\/href<\/a><\/p>\n<p><strong>Next steps<\/strong><\/p>\n<figure><img data-recalc-dims=\"1\" decoding=\"async\" alt=\"\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2018\/01\/12AWTFsBlgiqMUY5cC10pdLhA.jpeg?w=900\"><\/figure>\n<p>Thanks to my two awesome teammates <a href=\"https:\/\/medium.com\/u\/43c21568398b\">Loren Gdf<\/a> and <a href=\"https:\/\/medium.com\/u\/e9b1fc392547\">Emma E Gibson<\/a>, go check them out, both great UX designers!<\/p>\n<figure><img data-recalc-dims=\"1\" decoding=\"async\" alt=\"\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2018\/01\/12AWY_ODCecknV8fEMDO-TgzQ.jpeg?w=900\"><\/figure>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/medium.com\/_\/stat?event=post.clientViewed&#038;referrerSource=full_rss&#038;postId=86aebbfcf036\" width=\"1\" height=\"1\"><\/p>\n<p class=\"wpematico_credit\"><small>Powered by <a href=\"http:\/\/www.wpematico.com\" target=\"_blank\">WPeMatico<\/a><\/small><\/p>\n","protected":false},"excerpt":{"rendered":"<p>During a General Assembly concept project myself and two colleagues were challenged with creating a responsive website or app that handled orders and payments from Chilango\u2019s restaurant tables. We created a responsive website which could have been integrated with Chilango\u2019s existing responsive website which just deals with pre ordering. We really focused on achieving a&#8230;<a class=\"moretag\" href=\"https:\/\/www.taterboy.com\/blog\/2018\/01\/designing-a-mobile-responsive-website-for-chilango\/\"> Read the full article&#8230;<\/a><\/p>\n","protected":false},"author":4,"featured_media":43830,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[15],"tags":[],"class_list":["post-43829","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-general-info"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.0.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"During a General Assembly concept project myself and two colleagues were challenged with creating a responsive website or app that handled orders and payments from Chilango\u2019s restaurant tables. We created a responsive website which could have been integrated with Chilango\u2019s existing responsive website which just deals with pre ordering. We really focused on achieving a\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Guest Contribution\"\/>\n\t<meta name=\"keywords\" content=\"general info\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/www.taterboy.com\/blog\/2018\/01\/designing-a-mobile-responsive-website-for-chilango\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.0.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Design for Immersive Technologies | User Experience for Games, Virtual Reality (VR) and Augmented\/Mixed Reality (AR\/MR)\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Designing a mobile responsive website for Chilango | Design for Immersive Technologies\" \/>\n\t\t<meta property=\"og:description\" content=\"During a General Assembly concept project myself and two colleagues were challenged with creating a responsive website or app that handled orders and payments from Chilango\u2019s restaurant tables. We created a responsive website which could have been integrated with Chilango\u2019s existing responsive website which just deals with pre ordering. We really focused on achieving a\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/www.taterboy.com\/blog\/2018\/01\/designing-a-mobile-responsive-website-for-chilango\/\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2018-01-22T11:50:14+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2018-01-22T11:50:14+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Designing a mobile responsive website for Chilango | Design for Immersive Technologies\" \/>\n\t\t<meta name=\"twitter:description\" content=\"During a General Assembly concept project myself and two colleagues were challenged with creating a responsive website or app that handled orders and payments from Chilango\u2019s restaurant tables. We created a responsive website which could have been integrated with Chilango\u2019s existing responsive website which just deals with pre ordering. We really focused on achieving a\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2018\\\/01\\\/designing-a-mobile-responsive-website-for-chilango\\\/#article\",\"name\":\"Designing a mobile responsive website for Chilango | Design for Immersive Technologies\",\"headline\":\"Designing a mobile responsive website for Chilango\",\"author\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#organization\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/www.taterboy.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/01\\\/12ADxEZH3x_aGNA0vuCOo0NpQ.png?fit=1024%2C492&ssl=1\",\"width\":1024,\"height\":492},\"datePublished\":\"2018-01-22T04:50:14-07:00\",\"dateModified\":\"2018-01-22T04:50:14-07:00\",\"inLanguage\":\"en-US\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2018\\\/01\\\/designing-a-mobile-responsive-website-for-chilango\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2018\\\/01\\\/designing-a-mobile-responsive-website-for-chilango\\\/#webpage\"},\"articleSection\":\"General Info\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2018\\\/01\\\/designing-a-mobile-responsive-website-for-chilango\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.taterboy.com\\\/blog\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/category\\\/general-info\\\/#listItem\",\"name\":\"General Info\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/category\\\/general-info\\\/#listItem\",\"position\":2,\"name\":\"General Info\",\"item\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/category\\\/general-info\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2018\\\/01\\\/designing-a-mobile-responsive-website-for-chilango\\\/#listItem\",\"name\":\"Designing a mobile responsive website for Chilango\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2018\\\/01\\\/designing-a-mobile-responsive-website-for-chilango\\\/#listItem\",\"position\":3,\"name\":\"Designing a mobile responsive website for Chilango\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/category\\\/general-info\\\/#listItem\",\"name\":\"General Info\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#organization\",\"name\":\"Design for Immersive Technologies\",\"description\":\"User Experience for Games, Virtual Reality (VR) and Augmented\\\/Mixed Reality (AR\\\/MR)\",\"url\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\",\"url\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/\",\"name\":\"Guest Contribution\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2018\\\/01\\\/designing-a-mobile-responsive-website-for-chilango\\\/#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d2aad73eb0f48c67b141e9fc978a0e498969791ed623346e361d02d19775b0bb?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"Guest Contribution\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2018\\\/01\\\/designing-a-mobile-responsive-website-for-chilango\\\/#webpage\",\"url\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2018\\\/01\\\/designing-a-mobile-responsive-website-for-chilango\\\/\",\"name\":\"Designing a mobile responsive website for Chilango | Design for Immersive Technologies\",\"description\":\"During a General Assembly concept project myself and two colleagues were challenged with creating a responsive website or app that handled orders and payments from Chilango\\u2019s restaurant tables. We created a responsive website which could have been integrated with Chilango\\u2019s existing responsive website which just deals with pre ordering. We really focused on achieving a\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2018\\\/01\\\/designing-a-mobile-responsive-website-for-chilango\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/www.taterboy.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/01\\\/12ADxEZH3x_aGNA0vuCOo0NpQ.png?fit=1024%2C492&ssl=1\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2018\\\/01\\\/designing-a-mobile-responsive-website-for-chilango\\\/#mainImage\",\"width\":1024,\"height\":492},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2018\\\/01\\\/designing-a-mobile-responsive-website-for-chilango\\\/#mainImage\"},\"datePublished\":\"2018-01-22T04:50:14-07:00\",\"dateModified\":\"2018-01-22T04:50:14-07:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/\",\"name\":\"Design for Immersive Technologies\",\"description\":\"User Experience for Games, Virtual Reality (VR) and Augmented\\\/Mixed Reality (AR\\\/MR)\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Designing a mobile responsive website for Chilango | Design for Immersive Technologies","description":"During a General Assembly concept project myself and two colleagues were challenged with creating a responsive website or app that handled orders and payments from Chilango\u2019s restaurant tables. We created a responsive website which could have been integrated with Chilango\u2019s existing responsive website which just deals with pre ordering. We really focused on achieving a","canonical_url":"https:\/\/www.taterboy.com\/blog\/2018\/01\/designing-a-mobile-responsive-website-for-chilango\/","robots":"max-image-preview:large","keywords":"general info","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.taterboy.com\/blog\/2018\/01\/designing-a-mobile-responsive-website-for-chilango\/#article","name":"Designing a mobile responsive website for Chilango | Design for Immersive Technologies","headline":"Designing a mobile responsive website for Chilango","author":{"@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author"},"publisher":{"@id":"https:\/\/www.taterboy.com\/blog\/#organization"},"image":{"@type":"ImageObject","url":"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2018\/01\/12ADxEZH3x_aGNA0vuCOo0NpQ.png?fit=1024%2C492&ssl=1","width":1024,"height":492},"datePublished":"2018-01-22T04:50:14-07:00","dateModified":"2018-01-22T04:50:14-07:00","inLanguage":"en-US","mainEntityOfPage":{"@id":"https:\/\/www.taterboy.com\/blog\/2018\/01\/designing-a-mobile-responsive-website-for-chilango\/#webpage"},"isPartOf":{"@id":"https:\/\/www.taterboy.com\/blog\/2018\/01\/designing-a-mobile-responsive-website-for-chilango\/#webpage"},"articleSection":"General Info"},{"@type":"BreadcrumbList","@id":"https:\/\/www.taterboy.com\/blog\/2018\/01\/designing-a-mobile-responsive-website-for-chilango\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog#listItem","position":1,"name":"Home","item":"https:\/\/www.taterboy.com\/blog","nextItem":{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/category\/general-info\/#listItem","name":"General Info"}},{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/category\/general-info\/#listItem","position":2,"name":"General Info","item":"https:\/\/www.taterboy.com\/blog\/category\/general-info\/","nextItem":{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/2018\/01\/designing-a-mobile-responsive-website-for-chilango\/#listItem","name":"Designing a mobile responsive website for Chilango"},"previousItem":{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/2018\/01\/designing-a-mobile-responsive-website-for-chilango\/#listItem","position":3,"name":"Designing a mobile responsive website for Chilango","previousItem":{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/category\/general-info\/#listItem","name":"General Info"}}]},{"@type":"Organization","@id":"https:\/\/www.taterboy.com\/blog\/#organization","name":"Design for Immersive Technologies","description":"User Experience for Games, Virtual Reality (VR) and Augmented\/Mixed Reality (AR\/MR)","url":"https:\/\/www.taterboy.com\/blog\/"},{"@type":"Person","@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author","url":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/","name":"Guest Contribution","image":{"@type":"ImageObject","@id":"https:\/\/www.taterboy.com\/blog\/2018\/01\/designing-a-mobile-responsive-website-for-chilango\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/d2aad73eb0f48c67b141e9fc978a0e498969791ed623346e361d02d19775b0bb?s=96&d=mm&r=g","width":96,"height":96,"caption":"Guest Contribution"}},{"@type":"WebPage","@id":"https:\/\/www.taterboy.com\/blog\/2018\/01\/designing-a-mobile-responsive-website-for-chilango\/#webpage","url":"https:\/\/www.taterboy.com\/blog\/2018\/01\/designing-a-mobile-responsive-website-for-chilango\/","name":"Designing a mobile responsive website for Chilango | Design for Immersive Technologies","description":"During a General Assembly concept project myself and two colleagues were challenged with creating a responsive website or app that handled orders and payments from Chilango\u2019s restaurant tables. We created a responsive website which could have been integrated with Chilango\u2019s existing responsive website which just deals with pre ordering. We really focused on achieving a","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/www.taterboy.com\/blog\/#website"},"breadcrumb":{"@id":"https:\/\/www.taterboy.com\/blog\/2018\/01\/designing-a-mobile-responsive-website-for-chilango\/#breadcrumblist"},"author":{"@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author"},"creator":{"@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author"},"image":{"@type":"ImageObject","url":"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2018\/01\/12ADxEZH3x_aGNA0vuCOo0NpQ.png?fit=1024%2C492&ssl=1","@id":"https:\/\/www.taterboy.com\/blog\/2018\/01\/designing-a-mobile-responsive-website-for-chilango\/#mainImage","width":1024,"height":492},"primaryImageOfPage":{"@id":"https:\/\/www.taterboy.com\/blog\/2018\/01\/designing-a-mobile-responsive-website-for-chilango\/#mainImage"},"datePublished":"2018-01-22T04:50:14-07:00","dateModified":"2018-01-22T04:50:14-07:00"},{"@type":"WebSite","@id":"https:\/\/www.taterboy.com\/blog\/#website","url":"https:\/\/www.taterboy.com\/blog\/","name":"Design for Immersive Technologies","description":"User Experience for Games, Virtual Reality (VR) and Augmented\/Mixed Reality (AR\/MR)","inLanguage":"en-US","publisher":{"@id":"https:\/\/www.taterboy.com\/blog\/#organization"}}]},"og:locale":"en_US","og:site_name":"Design for Immersive Technologies | User Experience for Games, Virtual Reality (VR) and Augmented\/Mixed Reality (AR\/MR)","og:type":"article","og:title":"Designing a mobile responsive website for Chilango | Design for Immersive Technologies","og:description":"During a General Assembly concept project myself and two colleagues were challenged with creating a responsive website or app that handled orders and payments from Chilango\u2019s restaurant tables. We created a responsive website which could have been integrated with Chilango\u2019s existing responsive website which just deals with pre ordering. We really focused on achieving a","og:url":"https:\/\/www.taterboy.com\/blog\/2018\/01\/designing-a-mobile-responsive-website-for-chilango\/","article:published_time":"2018-01-22T11:50:14+00:00","article:modified_time":"2018-01-22T11:50:14+00:00","twitter:card":"summary","twitter:title":"Designing a mobile responsive website for Chilango | Design for Immersive Technologies","twitter:description":"During a General Assembly concept project myself and two colleagues were challenged with creating a responsive website or app that handled orders and payments from Chilango\u2019s restaurant tables. We created a responsive website which could have been integrated with Chilango\u2019s existing responsive website which just deals with pre ordering. We really focused on achieving a"},"aioseo_meta_data":{"post_id":"43829","title":null,"description":null,"keywords":null,"keyphrases":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_custom_url":null,"og_image_custom_fields":null,"og_custom_image_width":null,"og_custom_image_height":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"location":null,"local_seo":null,"created":"2021-02-08 05:47:42","updated":"2026-08-22 19:10:10","focus_keyword":null,"additional_keywords":null,"truseo_locale":null,"primary_term":null,"og_image_url":null,"og_image_width":null,"og_image_height":null,"twitter_image_url":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"Article","isEnabled":true},"graphs":[]},"limit_modified_date":false,"ai":null,"breadcrumb_settings":null,"seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/www.taterboy.com\/blog\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/www.taterboy.com\/blog\/category\/general-info\/\" title=\"General Info\">General Info<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tDesigning a mobile responsive website for Chilango\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/www.taterboy.com\/blog"},{"label":"General Info","link":"https:\/\/www.taterboy.com\/blog\/category\/general-info\/"},{"label":"Designing a mobile responsive website for Chilango","link":"https:\/\/www.taterboy.com\/blog\/2018\/01\/designing-a-mobile-responsive-website-for-chilango\/"}],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p8wzr5-boV","jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2018\/01\/12ADxEZH3x_aGNA0vuCOo0NpQ.png?fit=1024%2C492&ssl=1","_links":{"self":[{"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/posts\/43829","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/comments?post=43829"}],"version-history":[{"count":0,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/posts\/43829\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/media\/43830"}],"wp:attachment":[{"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/media?parent=43829"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/categories?post=43829"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/tags?post=43829"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}