{"id":91,"date":"2023-03-31T07:15:00","date_gmt":"2023-03-31T07:15:00","guid":{"rendered":"https:\/\/thatsadam.dk\/portfolio\/spotroute\/"},"modified":"2026-08-28T09:42:32","modified_gmt":"2026-08-28T09:42:32","slug":"spotted","status":"publish","type":"portfolio","link":"https:\/\/thatsadam.dk\/da\/work\/spotted\/","title":{"rendered":"Spottet"},"content":{"rendered":"","protected":false},"excerpt":{"rendered":"","protected":false},"featured_media":68,"template":"","meta":{"_acf_changed":true,"_yoast_wpseo_title":"Spotted \u2014 UX\/UI Case Study | That's Adam","inline_featured_image":false,"_monsterinsights_skip_tracking":false},"project_type":[],"class_list":["post-91","portfolio","type-portfolio","status-publish","has-post-thumbnail","hentry"],"acf":{"portfolio_content":[{"acf_fc_layout":"text_block","label":"01 \/ Overview","heading":"Project description","body":"Spotted was a project I tackled while getting official qualifications for UX\/UI at Career Foundry. The brief was to come up with app ourselves, something that these days would be a lot easier with AI but I went back to my youth and digitized the books I used to love on car journeys where you had to record rare cars you had seen.","button_label":"","button_url":"","button_new_tab":false},{"acf_fc_layout":"large_pull_quote","quote":"\u2018Design a native app that solves a user specific problem\u2019","attribution":"\u2014 Project brief statement"},{"acf_fc_layout":"table","label":"02 \/ Market Analysis","heading":"Competitor Research","columns":[{"column_header":"App name"},{"column_header":"Flight 24"},{"column_header":"Spotting trains"},{"column_header":"Car spotting by Motorhead"},{"column_header":"Car spotting radar"}],"rows":[{"row_label":"Description","row_image":"","cells":[{"cell_value":"App for tracking aviation."},{"cell_value":"App for recording sightings of trains."},{"cell_value":"App for recording sightings of cars."},{"cell_value":"App for recording sightings of cars."}]},{"row_label":"Features","row_image":"","cells":[{"cell_value":"Great detail on flights\r\nOpens straight into app so you can see what is flying over quickly\r\nPop up limited details on flights"},{"cell_value":"Unknown\r\nGreat detail on flights"},{"cell_value":"Auto recognition of vehicles\r\nFull specs on vehicles\r\nGreat detail on flights"},{"cell_value":"See where sightings occured\r\nFilter results on the map\r\nGreat detail on flights"}]},{"row_label":"Target Audience","row_image":"","cells":[{"cell_value":"13-65 anyone with an interest in plane, typically and more mature audience. Also just interesting to see what flying above."},{"cell_value":"40-70. Typically trains spotting is a UK based past time and was most popular with kids pre 1980 so the older generation is more likely."},{"cell_value":"8-35. From kids to big kids."},{"cell_value":"8-35. From kids to big kids."}]},{"row_label":"User Experience","row_image":"","cells":[{"cell_value":"Great, app works well and smoothly. It is logical and doesn't let adverts get in the way of the experience."},{"cell_value":"Terrible! I was not able to access the app. After going through the full intro i was asked to login\/signup and the told I couldn't because I needed a golden ticket. No explanation, very frustrating."},{"cell_value":"I don't know because although it was meant to be available for download it wasn't. All the info I have is from a slick website they produced."},{"cell_value":"Terrible! full of spam, long adverts in between stages, no sightings, bad UI, Terrible design aesthetically and UX."}]}]},{"acf_fc_layout":"large_pull_quote","quote":"\u2018Design a native app that solves a user specific problem\u2019","attribution":"\u2014 Project brief statement"},{"acf_fc_layout":"text_plus","label":"03 \/ Design Analysis","heading":"User feedback","body":"We utilized a strict 12-column grid system to ensure visual consistency across all touchpoints. For typography, we selected 'Inter' for its exceptional legibility and neutral character, allowing the brand's content to take center stage.","bullets":[{"bullet_text":"Show a variety of vehicle sighting opportunities"},{"bullet_text":"Have vehicle specs"},{"bullet_text":"Have groups"},{"bullet_text":"Have share features"},{"bullet_text":"Have auto vehicle recognition"},{"bullet_text":"Be useable in some form without login quickly"},{"bullet_text":"Be simple and logical to a wide age range"},{"bullet_text":"Be fun"},{"bullet_text":"Show sighting on a map along with others"},{"bullet_text":"Alert user when sightings have been logged in an area"},{"bullet_text":"Show vehicles live on the map"},{"bullet_text":"Show vehicle route"},{"bullet_text":"Offer a good selection of images  "},{"bullet_text":"Have a journey route\/progress bar"},{"bullet_text":"Have relevant and clear filters"},{"bullet_text":"Harmonious revenues stream that doesn\u2019t interfere with the User experience"},{"bullet_text":"Do what it says it will do and not frustrate users"}],"image":"","image_position":"right","button_label":"","button_url":"","button_new_tab":false},{"acf_fc_layout":"screen_mockups","label":"04 \/ Design Phase","heading":"Low fid screen mockups","description":"Creating the layout of a design and focusing on what should be on a page is a useful part of the project. Whilst not always essential for project that fall into the operational tier, the higher time hungry projects with more complexity can benefit from visualisation of what functionality should display on a page before aesthetics come into play","bullets":null,"images":[{"image":81,"caption":"Screen 1","external_link":""},{"image":86,"caption":"Screen 2","external_link":""},{"image":88,"caption":"Screen 3","external_link":""},{"image":79,"caption":"Screen 4","external_link":""}],"rounded_corners":false},{"acf_fc_layout":"text_plus","label":"05 \/  Branding","heading":"Logo design","body":"With layout and features established the visuals could be approached and central to them is branding. The logo was inspired by pair of binoculars which I wanted to simplify and characterise to capture the playful nature of the app","bullets":null,"image":99,"image_position":"right","button_label":"","button_url":"","button_new_tab":false},{"acf_fc_layout":"screen_mockups","label":"06 \/ Design phase ","heading":"High fid screen mockups","description":"","bullets":null,"images":[{"image":74,"caption":"","external_link":""},{"image":71,"caption":"","external_link":""},{"image":76,"caption":"","external_link":""},{"image":83,"caption":"","external_link":""},{"image":78,"caption":"","external_link":""}],"rounded_corners":false},{"acf_fc_layout":"preference_testing","label":"07 \/ Feedback","heading":"Preferecne testing","tests":[{"test_label":"Test 1","test_description":"Test 1 was to determine what sort of aesthetic the login\/signup page should have, whether imagery or graphic colours should but displayed and how prominent they should be","options":[{"option_label":"Option 1","option_percentage":"50%","option_image":79},{"option_label":"Option 2","option_percentage":"10%","option_image":77},{"option_label":"opti0n 3","option_percentage":"40%","option_image":78}],"test_outcome":""},{"test_label":"Test 2","test_description":"Test 2 was to clarify how the spots should be displayed. when working in low fid mode the layout looked cool for option 3 but add info and I felt it became more complex. Option 2 displayed more but I felt everything was too small so outside input was very beneficial","options":[{"option_label":"Option 1","option_percentage":"12.5%","option_image":83},{"option_label":"Option 2","option_percentage":"75%","option_image":84},{"option_label":"Option 3","option_percentage":"12.5%","option_image":85}],"test_outcome":""}]},{"acf_fc_layout":"text_plus","label":"08 \/ Design analysis","heading":"User feedback","body":"We utilized a strict 12-column grid system to ensure visual consistency across all touchpoints. For typography, we selected 'Inter' for its exceptional legibility and neutral character, allowing the brand's content to take center stage.","bullets":[{"bullet_text":"Vehicle icons in the filter bar made me think it had some navigation aspect to it"},{"bullet_text":"it might make more sense for the profile page to come from the left instead of right."},{"bullet_text":"When you click on a map marker that isn't centered on the screen, "},{"bullet_text":"The line spacing on the card could be opened up a little bit since you have some extra real estate."},{"bullet_text":"The vehicle stats are a little hard to read, space them out. "},{"bullet_text":"When I viewed the prototype on my phone, the bottom bar was lower than when viewed on PC, "},{"bullet_text":"Tried to add a spot from the gallery while using my phone and it flipped some of the pictures sideways. "},{"bullet_text":"It seemed hard to back out of add photos page without adding pictures."},{"bullet_text":"The line spacing on the vehicle history feels a little tight like in the card on the map screen. "},{"bullet_text":"Slider and pop up make map to small"},{"bullet_text":"Not all  bottom bars are calibrated correctly"},{"bullet_text":"move filter to a more logical place"},{"bullet_text":"Create more obvious confirm button or double up"}],"image":"","image_position":"right","button_label":"","button_url":"","button_new_tab":false},{"acf_fc_layout":"image_full_width","label":"","heading":"","image":70,"alt_text":""}]},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Spotted \u2014 UX\/UI Case Study | That&#039;s Adam<\/title>\n<meta name=\"description\" content=\"How I designed SpotRoute: a GPS tracking and route-planning app for the car spotting community. End-to-end UX\/UI from research to prototype.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/thatsadam.dk\/da\/work\/spotted\/\" \/>\n<meta property=\"og:locale\" content=\"da_DK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Spotted \u2014 UX\/UI Case Study | That&#039;s Adam\" \/>\n<meta property=\"og:description\" content=\"How I designed SpotRoute: a GPS tracking and route-planning app for the car spotting community. End-to-end UX\/UI from research to prototype.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/thatsadam.dk\/da\/work\/spotted\/\" \/>\n<meta property=\"og:site_name\" content=\"That&#039;s Adam\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-28T09:42:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/thatsadam.dk\/wp-content\/uploads\/2026\/03\/1-cover-scaled.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1646\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimeret l\u00e6setid\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/thatsadam.dk\\\/work\\\/spotted\\\/\",\"url\":\"https:\\\/\\\/thatsadam.dk\\\/work\\\/spotted\\\/\",\"name\":\"Spotted \u2014 UX\\\/UI Case Study | That's Adam\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thatsadam.dk\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/thatsadam.dk\\\/work\\\/spotted\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/thatsadam.dk\\\/work\\\/spotted\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thatsadam.dk\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/1-cover-scaled.webp\",\"datePublished\":\"2023-03-31T07:15:00+00:00\",\"dateModified\":\"2026-08-28T09:42:32+00:00\",\"description\":\"How I designed SpotRoute: a GPS tracking and route-planning app for the car spotting community. End-to-end UX\\\/UI from research to prototype.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/thatsadam.dk\\\/work\\\/spotted\\\/#breadcrumb\"},\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/thatsadam.dk\\\/work\\\/spotted\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\\\/\\\/thatsadam.dk\\\/work\\\/spotted\\\/#primaryimage\",\"url\":\"https:\\\/\\\/thatsadam.dk\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/1-cover-scaled.webp\",\"contentUrl\":\"https:\\\/\\\/thatsadam.dk\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/1-cover-scaled.webp\",\"width\":2560,\"height\":1646},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/thatsadam.dk\\\/work\\\/spotted\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/thatsadam.dk\\\/en\\\/home\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Portfolio\",\"item\":\"https:\\\/\\\/thatsadam.dk\\\/work\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Spotted\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/thatsadam.dk\\\/#website\",\"url\":\"https:\\\/\\\/thatsadam.dk\\\/\",\"name\":\"That&#039;s Adam\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/thatsadam.dk\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/thatsadam.dk\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"da-DK\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/thatsadam.dk\\\/#organization\",\"name\":\"That&#039;s Adam\",\"url\":\"https:\\\/\\\/thatsadam.dk\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\\\/\\\/thatsadam.dk\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/thatsadam.dk\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/ext-custom-logo-1773126814855.webp\",\"contentUrl\":\"https:\\\/\\\/thatsadam.dk\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/ext-custom-logo-1773126814855.webp\",\"width\":256,\"height\":256,\"caption\":\"That&#039;s Adam\"},\"image\":{\"@id\":\"https:\\\/\\\/thatsadam.dk\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Spotted \u2014 UX\/UI Case Study | That's Adam","description":"How I designed SpotRoute: a GPS tracking and route-planning app for the car spotting community. End-to-end UX\/UI from research to prototype.","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:\/\/thatsadam.dk\/da\/work\/spotted\/","og_locale":"da_DK","og_type":"article","og_title":"Spotted \u2014 UX\/UI Case Study | That's Adam","og_description":"How I designed SpotRoute: a GPS tracking and route-planning app for the car spotting community. End-to-end UX\/UI from research to prototype.","og_url":"https:\/\/thatsadam.dk\/da\/work\/spotted\/","og_site_name":"That&#039;s Adam","article_modified_time":"2026-08-28T09:42:32+00:00","og_image":[{"width":2560,"height":1646,"url":"https:\/\/thatsadam.dk\/wp-content\/uploads\/2026\/03\/1-cover-scaled.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Estimeret l\u00e6setid":"1 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/thatsadam.dk\/work\/spotted\/","url":"https:\/\/thatsadam.dk\/work\/spotted\/","name":"Spotted \u2014 UX\/UI Case Study | That's Adam","isPartOf":{"@id":"https:\/\/thatsadam.dk\/#website"},"primaryImageOfPage":{"@id":"https:\/\/thatsadam.dk\/work\/spotted\/#primaryimage"},"image":{"@id":"https:\/\/thatsadam.dk\/work\/spotted\/#primaryimage"},"thumbnailUrl":"https:\/\/thatsadam.dk\/wp-content\/uploads\/2026\/03\/1-cover-scaled.webp","datePublished":"2023-03-31T07:15:00+00:00","dateModified":"2026-08-28T09:42:32+00:00","description":"How I designed SpotRoute: a GPS tracking and route-planning app for the car spotting community. End-to-end UX\/UI from research to prototype.","breadcrumb":{"@id":"https:\/\/thatsadam.dk\/work\/spotted\/#breadcrumb"},"inLanguage":"da-DK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thatsadam.dk\/work\/spotted\/"]}]},{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/thatsadam.dk\/work\/spotted\/#primaryimage","url":"https:\/\/thatsadam.dk\/wp-content\/uploads\/2026\/03\/1-cover-scaled.webp","contentUrl":"https:\/\/thatsadam.dk\/wp-content\/uploads\/2026\/03\/1-cover-scaled.webp","width":2560,"height":1646},{"@type":"BreadcrumbList","@id":"https:\/\/thatsadam.dk\/work\/spotted\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/thatsadam.dk\/en\/home\/"},{"@type":"ListItem","position":2,"name":"Portfolio","item":"https:\/\/thatsadam.dk\/work\/"},{"@type":"ListItem","position":3,"name":"Spotted"}]},{"@type":"WebSite","@id":"https:\/\/thatsadam.dk\/#website","url":"https:\/\/thatsadam.dk\/","name":"That&#039;s Adam","description":"","publisher":{"@id":"https:\/\/thatsadam.dk\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/thatsadam.dk\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"da-DK"},{"@type":"Organization","@id":"https:\/\/thatsadam.dk\/#organization","name":"That&#039;s Adam","url":"https:\/\/thatsadam.dk\/","logo":{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/thatsadam.dk\/#\/schema\/logo\/image\/","url":"https:\/\/thatsadam.dk\/wp-content\/uploads\/2026\/03\/ext-custom-logo-1773126814855.webp","contentUrl":"https:\/\/thatsadam.dk\/wp-content\/uploads\/2026\/03\/ext-custom-logo-1773126814855.webp","width":256,"height":256,"caption":"That&#039;s Adam"},"image":{"@id":"https:\/\/thatsadam.dk\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/thatsadam.dk\/da\/wp-json\/wp\/v2\/portfolio\/91","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thatsadam.dk\/da\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/thatsadam.dk\/da\/wp-json\/wp\/v2\/types\/portfolio"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thatsadam.dk\/da\/wp-json\/wp\/v2\/media\/68"}],"wp:attachment":[{"href":"https:\/\/thatsadam.dk\/da\/wp-json\/wp\/v2\/media?parent=91"}],"wp:term":[{"taxonomy":"project_type","embeddable":true,"href":"https:\/\/thatsadam.dk\/da\/wp-json\/wp\/v2\/project_type?post=91"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}