https://johncostello.design/work-1 daily 1.0 2025-07-26 https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1547975352167-RPY10LLVBP76D5UCM3L8/151103+data+screens+-53.png Work Design for a graph to understand how trail vs paid users use document cloud. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1547975400392-NDLOS1CZL8S49D1WZ6OE/151103+data+screens+-52.png Work This graph show what features are most commonly used before and after users use the new “send for signature” tool in document cloud. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1547975132217-PEMX11QP31JGHJT9WBP1/151103+data+screens+-05.png Work This visualization shows what features are used after every tool thats available inside Adobe’s Document Cloud. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1547974864605-5N056E9H3XARWSIFHNUW/151103+data+screens+-48.png Work A sankey diagram showing how and where subscribers to Document Cloud come from. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1547975070746-NOGV2A0HP6SRWKT946ZK/151103+data+screens+-43.png Work Visualization indicating how and where paid users come from. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1547935458319-UNSQR161B80XXFT4K91P/151103+data+screens+-51.png Work Another expression for how to visualize what features are used before and after “send for signature”. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548446423679-FRTUX27J47F2W0C0VJYV/Artboard+1+Copy+115.png Work - Sankey Diagram A new way of visualizing a sankey diagram, each subsequent bar is broken up by the ratio of traffic coming from the previous type - and color coded to associate them. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1547975568664-C2B4PU3U39UQA03HGQ60/151103+data+screens+-28.png Work This visualization shows how each tool inside Document Cloud is accessed and the more common method of accessing each tool whether it be through clicking the tools button, from the drop down menubar, from search or using the keyboard shortcut. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1547976062482-L9FLC19FP9ZXXNIQYX1S/150831+abandoned+cart-03.png Work Each dot represents an online users shopping basket, the size being the value of them. The dots animate from left to right on the screen as users move closer to a purchase, dissolving out when they exit or close the browser window. It provides an intuitive way for customers to understand their online cart abandonment trends. Marketers could then create rules to target certain users with promotional emails to get them to return and make a purchase. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1547974772879-PEHIY254TK7CNLABK438/151103+data+screens+-54.png Work Analysis of how people use document cloud features in order for the design team to become more data driven. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1547954975696-6HSWAERMDDCLBFQOU8S3/connexio-dribble-03-600x450.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1547954995851-UWGXEHN85LQLDVDJ744D/ipad-icon-copy-600x450.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1547955007784-SPVLKS3KIBYQJYHKHER4/tablu-icon-600x450.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1547954968722-HBMI9EDU60M9F8SK56SJ/connexio-final-and-best-600x450.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1547954988843-8BMP5I4LSBY0LDDMX3ZD/icon--600x450.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548390980437-HW9M9SPCF0C1ITBS62L2/Artboard+2+Copy+361.png Work Activity Details This is an asset detail page, a twitter post in this example. I designed versions of this for all social networks as well as for image and video assets. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1550203478714-LKAO3PX1VSR0EL9LC0KP/12.png Work Sharing Folders can be shared but not individual assets to prevent permissions conflicts, sub folders could would inherit the permissions of the folder at the highest level. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548055149400-ZXR9RJ7FK45IGDWT39GX/011218+CX+SDK+rail.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548390137490-CS900J259A0PRHHPJ8Q3/rights+request.png Work Right Request If users wish to repost or reuse content they need to get the permission from the original publisher. This shows the UI for requesting the rights from a single post. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548390172378-5IPQ7JEJ0MVPGH3V7LSL/image-asset.png Work Source Switcher It launched with some external content sources such as Dropbox, more were planned to be added. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1550199876265-HC7NXCH9V3NZXXMMRYKP/Artboard+2+Copy+295.png Work - Filtering A filters rail is toggleable and any filter selections show up as pills on top of the content. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1550200844751-4UYCBLBT352F0YP28NOW/Artboard+2+Copy+473.png Work - All Header States This page shows all header states for webpage and modal versions of the SDK. This was done to ensure the patterns and call to actions were consistent. It also helped in ensuring we accounted for all use cases. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548390247655-2RTNHLX8TAKU5BAP6DPP/list+view%2C+filtered.png Work List View This shows list view for a users asset library as well as multiple filters being applied which show up as removable pills. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548137742076-DX78KCDJ10WZIA3WYBQ0/adding+from+dropbox+03+.png Work Dropbox This shows how users can view their dropbox content from inside the product, users would need to save content from any external source in order to be able to view an edit history or to comment on the asset. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548393469769-NEETQ8VN7Z0X82CSU3VU/image-asset.png Work Sharing pattern screens for all states. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548055271166-2M0KRZU5RU3WH9RQ025K/cards.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548396747604-NLFKWI5X4BYZPNRP4E8S/approve+07.png Work Approval UI This show a selection of posts that were created in the activity composer and sent to a user for approval. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548055334977-LLWLYLI1AL93RLS93FTO/image-asset.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548394261895-YK4TLETAL8J128EU7Z3G/01.png Work - Social Search Final design for social search UI, users can browse, search, save and repost any asset or activity found on most social networks. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548390338517-8O8CRPAL1S1H7VCM0T6U/image-asset.png Work Bulk Rights Request Users can also select multiple items and do a bulk rights request. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548394368313-WFSG3F2K917HSXJ6VH6I/image-asset.png Work Removing all filters. As multiple filter pills can be applied the UI needed an easy way of removing them all. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1550200668801-WXNFMDSR7UID906Z8PSJ/modal+sdk+browse.png Work - Browsing + Filtering Folders appear as cards with previews in the modal version, due to real estate constraints and also as this expression was less about content management and more about selecting and finding assets quickly from inside a workflow. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548055461439-FRI55FAJ5IL0CCBPNZ83/modal+009+.png Work - edwede Creative Cloud SDK We collaborated with the Creative Cloud team to use their image editing SDK to provide a small number of image editing options from inside the product. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1550203356443-XOMD5ZB6UCR3MYS89KY0/sdk+accessed+.png Work Product Switcher The asset library is accessed from the solution switcher, which I had designed also a year previous. With the Suite of products on the left (colored if users have access to them) and core services including the new asset library on the right. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548055401463-QJ9QUMQIKE6HZRO03NTY/add+content+to+project.png Work - edwedwed Modal Asset Detail View The solution needed to account for a wide number of asset types, from images and video to email templates, twitter post and website designs. It shows a commenting and activity history below the asset that I defined. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548055598218-A6P90JKMJPESSVSVAKCJ/modal+017+.png Work After testing prototypes with users they asked for the ability to upload inside the modal version, something we initially resisted but incorporated as usage of the website version was much lower in comparison to the modal and rail versions. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548390869340-RULSIRYXPKC2EBK901E2/Artboard+2+Copy+196.png Work - Social Search Wireframe During the project Adobe acquired Livefyre a company that focused on searching and managing user generated social content, so we aligned efforts with them and incorporated their technology. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548055672468-NPAL0GW3VYBM1DGIPNG3/adding+content+to+blank+project+.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548389951309-2MKTYLVCZMBX9Q7B3H2V/Artboard+2+Copy+98.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548055622961-UOTR0MRDQUYJHNOLE4S2/image-asset.png Work One feature that users loved was the ability to view an image and then see all the activities where that asset was being used, this is very useful in allowing for any activities that are using old assets to be cancelled. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1589567129504-TS78ZKYPURLLJATIAUEW/ezgif-4-b1baf9f4adcb.gif Work - A new way to cook Cameras can monitor the amount of food and water used in cooking and communicate the ideal amount needed for any recipe. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1589567236197-Q7CTNXP0D8B34ZL2Y0Z1/ezgif-4-64bc1016f10a.gif Work - Item recognition UI and controls are projected only when needed. Induction technology for cooking is hidden under seamless surfaces. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1589919769439-ZG26Q1K7KTRBUXOZGQVJ/ezgif-4-96b1820af2c2.gif Work - Intelligent control UIs become more fluid and appliances can be synced to ensure all food is ready at the same time. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1589920025290-VJ5C5LOYHFSK2FW62SWN/ezgif-4-a571dfdd5152.gif Work - Gesture recognition Interactions are no longer limited to be on the appliance and can instead be invoked and controlled from anywhere in the kitchen. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1547974438135-LV7MBFZOOJLRKK8FPO3Q/Artboard+6+Copy+2.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548644790615-7SQ16B4S7N7NFU5T521V/77.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1547974452644-2EN2T68M8MZCKAWQ0QMW/2-02.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548644792708-DVE41C658H6OOBBPT6LH/11.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548644792535-2OAI5JFKR3JR4AR92CI7/12.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548644792078-036F0ZTN26KXVHI9E89M/22.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548644790683-CZX9NFHTZMGE6RXXR1E3/66.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1547958899567-0R51JIX9OQE58DNV7HAN/connexio-final-and-best-600x450.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1547974596937-980Q5CIQL7DGCKLBIHEC/connexio-logo-for-gif-0.01.gif Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548644791463-85IPXVMRK03U3ADRLWEC/44.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548644791997-WDNZGBJBGKW30ZZO537O/33.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1547958897091-6TOAIK9H5UJ5C6XCN328/ipad-icon-copy-600x450.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1547958897945-ILWIVQRG8WA9HMTUTA4Y/icon--600x450.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548646977030-P7EO067NM7AA5Z49OQRL/Artboard+Copy+19.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548646977093-5NQDDX9F4NRKSJFNCZLY/88.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1547958897218-HYI1HV24ZW23SBG87RO9/ref4-13-600x450.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1547974509377-RZQC0T7YYFRSBSP5MRTE/Screenshot+2019-01-19+23.16.22.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1547974461353-BQ7RSRHYPE3APQRKE0Y0/Screen+Shot+2013-06-26+at+10.57.50+PM.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1547958898521-ZAPTCK23OBY3A1DDJ2H5/tablu-icon-600x450.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1547958898523-1FN0WRXD0G8TZG9H7FZX/tablu-3d-box-600x450.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1550896632317-1SOKTKGVBTHFQPLTSAZJ/Screenshot+2019-02-22+20.36.26.png Work Explorations for monitoring tool, using multiple metaphors from time / clock at the center and a loupe to denote investigation. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1550259900631-Z8Z07SEW2KDUJ16ZI6CL/Screenshot+2019-02-15+11.44.42.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548053383125-QIL0TF30DH7KA31O5T5Y/151210+nexus+calendar+tv+2-15.png Work - TV Mode As the product was intended for monitoring, I proposed a TV mode where a companies campaigns and events could be represented. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1550201005353-96NRE64RYHZYY6RMRM2O/widescreen+calendar+.png Work This column view - shown here in a widescreen format is well suited for social activities such as email and facebook post, this view helps marketers at a glance see conflicts, monitor whats live and scheduled as well as plan for future activities. The timeline scrubber on top was a detail that took lots of finesse to get right but allows users to visualize the amount of events in view and surrounding it and provides a fun and fast way to scrub through time. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548051975001-D67UTWJKAM1BESGWTWS7/042715+planning-26.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548051975088-IM3BHX6M5NJ1LI6G8D1Z/042715+planning-25.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548054729299-IS3972X0XCUM5ILYPGV4/042715+planning-10.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1550201047944-KKXZ9C1YEIKX4JSKDK3I/cm7.png Work This view shows the list view of marketing activities where users can scroll through everything scheduled or planned to go live. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1550201500951-F2C70DIZO3NR0MUH4EKE/Artboard+2+Copy+120.png Work Campaigns & Activities - Timeline View This was a proposal for a timeline view of multiple campaigns and the activities inside them. It was problematic due to the engineering required to be able to show pull in real time so many activities inside a single page. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1547962264802-J33Q37TQU165PNM1ZS3Q/image-asset.png Work Users can interact with the product in TV mode to scroll through time or select an event to see details. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1550201031371-O1ALDLFYS1V2JF3AVA6I/time+line+calendar+.png Work This shows a timeline of all activities for a company. This view is showing only social activities which do not have a duration and instead go live at a point in time. This type of view is best suited for viewing multiple campaigns. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548050927295-AL7LKBTGUSLJ7CY7NFRY/151206+nexus+calendar+watch%2C+ipad%2C+tv-33.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548050962336-KXZW66M7AXW7ITLFDVX5/151206+nexus+calendar+watch%2C+ipad%2C+tv-12.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548050927458-Z5IJKS3FBBO5WMRY11G9/151206+nexus+calendar+watch%2C+ipad%2C+tv-38.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548054446417-PLJS2X4PRC04W5CRCG0M/160118+nexus+content+planning+week++-37.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548054563487-GP6JNP07LP0KY4NAQ78G/30-30.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548052190117-QL0F4N9D3MZND20DO6Z2/160118+nexus+content+planning+week++-23.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548398576090-2WJ3PKV39N9HKJRJKC4G/160112+nexus+calendar+gantt++-31.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1550201458472-CHKKJB21T8RT72WAXCZV/Artboard+2+Copy+108.png Work - Campaign Timeline As companies can have tens of thousands of marketing activities, they needed to be able to be organized into campaigns and inside a single campaign users wanted the ability for multiple dedicated calendar views, e.g. summer 2019 campaign with a calendar dedicated to each region. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548398472378-B3A2RXQHSIEX1KO3TFTT/160112+nexus+calendar+gantt++-05.png Work - Timeline This is another exploration of a timeline view best suited for visualizing campaigns or multi day events. I am exploring style and information density and navigation, playing with color to communicate event status to lighten up the UI. The grey background was supposed to be the past, with blue timeline items for active events and a visual indicator for budget. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548052394294-0HOE1AI9WXHHI2LTO1QZ/151001nexuscalendar3.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548052434790-PCUCGU0FJZQ3PP8B6AA6/150929_nexus_calendar-16.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548403789697-0HA1MYJ8GVA3JJNY8TK9/image-asset.png Work - All Campaigns & Activities All Campaigns & Activities This was another treatment with the same idea, where there is more real estate for each activity and color coded based on its status. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548398542366-LRUY9VJUHF1I1EVUE50T/image-asset.png Work - Column View This screen shows a multi day view with events listed in chronological order, and with an asset preview if they existed, blue indicated it was live and a checkmark for it had completed. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548052723889-PW6CVMJZTJQEWGNA9C4L/150929_nexus_calendar-22.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548051518367-PT1SP3ZVLRFE72UPN0PK/150929_nexus_calendar-16.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548051518191-6HG2ZPWDZBEZW7GAT6IJ/150929_nexus_calendar-23.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548051928034-2TUAXIW7AU8GMJGO3D9R/150909+calendar_3.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548029750399-1IDD8G57OBVMFTUVGQXT/182.png Work This is styled version of a pervious wireframe. Page filters along with some high level metrics at the top provide users with a summary of their marketing performance. An interactive ROI tree map of then allows for a channel to be selected whereby users then get a breakdown of spend on that channel, Facebook in this screen, with controls to change the spend and a graph on the bottom so users can visualize the expected return for a given spend. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548380953200-GKHP18AMT8KYBOHQ6QKV/Artboard+1+Copy+315.png Work This design added tabs for each network as each has its own specific features and options, this also made content browsing a focus but ultimately put the balance of the page off so I decided to have an editing area be the focus and asset browsing be in a contextual rail. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548381209413-2ADPCOX9FHHBM37S9QA0/212.png Work An early wireframe exploration for the activity composer, this did not work as we discovered users wanted the ability to publish to multiple accounts on the same network. I added the timeline elements of previous explorations so users could see what other activities would be going out at the same time. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548376084199-CA0D0S8YW5AFPNG0VIAH/as+2.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1547977685863-DW3B0D68WX9NU5WAQ4S7/23.png Work This wireframe has a tree map that shows spend = size, and color = ROI (return on investment) so users can clearly see which channel is operating best for them, and allows any part to be resized thereby changing the companies spend on that channel. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548376056427-WVYV031YS4890RYJABJX/l2.png Work After testing early versions of my designs with users, many asked for the ability to assign drafts of activities to users. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548029186600-4AC1E9YVEWS89S5D865G/322-32.png Work - kjkjkljlkjlkjkljk e,mnf,menfef https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548029603417-UNEF7V5B15V7ECUXTQD2/Hp+11+copy+18.jpg Work A visual design exploration of how marketing activities could be monitored using a large display such a a TV. This screen done in collaboration with Cosmin Capitanu. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548381781117-75JMVSCCT5MEAWU64JZ3/Artboard+1+Copy+657.png Work Users can search the social web from the rail and browse their saved assets. Multiple posts can be dropped onto an activity template to reuse any or all content from each post. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548381923580-N6HKDF3KK8T55DG63S1Y/image-asset.png Work - What Shipped The ability to edit emails was dropped along with the ability to schedule activities, except for Twitter due to engineering effort. They were planned to be added in V2. We also added other template types so users could create drafts of marketing activities that could be handed off to others and published from any other product they chose. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1547977454040-XKE30BMPD7N1L8L9P3BJ/002.png Work This wireframe is an attempt at using Adobe’s AI technology so users can see a ROI graph so spend can be tailored to the exact return a user wants, this requires the product to anticipate a return (views, clicks, conversions) for a given spend and for each channel. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548380830375-FGREI1FS4GFWW5JNAT7R/image-asset.png Work This gets closer to what was the final design, one drawback is not being able to see the names of the destinations its scheduled to unless you select that network tab in the top. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548379973784-9ABE63LZKPXVF24BY3C8/Artboard+1+Copy+110.png Work Another early mock which changed as i decided to incorporate asset browsing more prominently into the UI. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548380018156-RQKY1XUWL2MT8K05LQ0Q/Artboard+1+Copy+135.png Work This make editing the focus and kept tabs for the networks but scheduling was moved into its own full page as requirements for it expanded. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548380810613-8LLSDR69B9UBDKUKO90L/image-asset.png Work I proposed a preview page dedicated to visualizing only the post previews and time(s) scheduled, I also proposed adding a metrics section at the bottom where it would show expected performance if its yet to go out and actual performance if it had already been posted, but this was dropped due to the engineered required. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548388269853-KZXSIRBJV2NLVEJEOXAC/image-asset.png Work Users can comment on individual activities and see its history in the rail. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548377079868-K0XCBW1D5LSIZGVBAUKA/activities+018.png Work A detailed view of a marketing activity draft, in this case a twitter post, but I designed versions for all types of marketing activities. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548030100819-D1JMXEZCYQY783RA44O4/140317%2Bplanning-12.jpg Work This wireframe provides high level metrics and filters for all aspects of any marketing initiative. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548379924450-RRKYQKOOL0NVS8KQ733W/171025_card_options.png Work Card options for all states of the cards used in the composer and activity management UI. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548029394118-B4LOXEVBI2JNRP0AUC82/Artboard+1+Copy+115.png Work This is a marketing activity coordination UI, where content and delivery touchpoints can be defined with rules and dynamically updated using Adobes Sensei AI technology. A patent was filed stemming from this design exercise titled “CONTROLLING USAGES OF CHANNELS OF A USER EXPERIENCE ECOSYSTEM” in 2017. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548376729888-B93PGDSZPXWFH7O5KDFD/005.png Work A view of a companies total marketing activities. A single source of every content based initiative, with further product features to allow for the creation and publishing of activities such as social posts and emails. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548021949374-2K9MANP9CE2FO9AWNFR5/Artboard+Copy+3.png Work - Tech Infrastructure Components This is an infrastructure component guide. The elements can be arranged and scaled to visualize any companies service architecture. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1593305912713-YU1ALP8Q7LRD3MEIHM0D/Group+57.png Work Event detail page used for tracing events and diagnosing root cause issues. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548022372190-7OGVC9XLGUMZBXM5V04Q/image-asset.png Work This is a diagram of all user paths and how they could sign up or sign in to a product. It was done so engineering could scope the work needed and for me to account for all the states and screens needed. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548450079478-7JSEAVND7H5403WWZ3XN/Artboard+Copy+2.png Work - Autonomous Driving Requirements Document quantifying all use cases, states and design requirements for a self driving car company I spent some time working for. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1593305822062-V5NMSA7Z9MEXCX85YQWJ/modeling.png Work - Data modeling The tool allowed for data to be ingested from different sources and then modeled in order to answer any custom queries and to populate real time data visualizations. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548025614149-BWMTLD5DQAU28BH7EM9N/Desktop+HD+Copy+1012.png Work - Performance Overview An exploration for an overview page of a metrics product and how it could communicate a high level a summary of a companies performance. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1593373575137-PO8EA7WFF79YRO7R26XJ/Group+56.png Work Creating data visualization from a modeled data table. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548022103324-NU122SP663RPQ6PLZS5N/4+copy.png Work All filter rail states for a product I worked on. This was done to ensure all requirements were accounted, explore options and to maintain consistency throughout the product. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548140388966-2I5PPSAAPUITY2B8FPB0/PA.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548140302314-UI0ACOY9UK8TP2ZREWRI/39.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548140209708-JWBXOMT4MON3VZBARNGB/171025_card_options.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548140359413-H1T75MWN8P1P7HAG4UE3/Artboard+2+Copy+116.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548140316007-85YPLH8YHCXZ0S72O86J/boards+04.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548140182811-U29G5H4NYUQZZ3VVN8CL/160209+social+calendar+sitemap.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548434961027-LDMY3O50LBVVMP0J2PXB/iris+press+photo+miele.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1588299171357-1KJ29BUZXLIYH5ERZJR8/Untitled-1.png Work Glass and aluminium cooker hood. Glass ellipse moves over the hob through motors in the aluminium section thats fastened to the wall. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548399926481-NLRWJB3FZVAJIPUB4WGP/IMAG0096.jpg Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548434916812-Y1OB8QMFODW87N77ZUEW/IRIS-1-.gif Work - IRIS Iris aims to encourage users to lead more sustainable lives through the food they eat, as well as facilitating more interaction between people in the kitchen. Iris is a circular touch-screen unit that can be installed in any surface in the kitchen. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548399956993-LVX5BKS3Q566QU9C23WM/3-.gif Work Air moves up under the glass canopy and air is filtered through the aluminium section that is fastened to the wall. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548399649831-UTDRHKTFQ44WC9SHXGLU/led+hob+board+.jpg Work - Visual Temperature LED lights built into an induction hob shine a temperature indicator onto pots when cooking. It is a nod to the traditional gas flame and provides for a more intuitive interaction with temperature. Featured in Wired. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548399874658-1STDFAXK1XM9HTSCZMXF/IMAG0095.jpg Work Physical model of cooker hood, refined from the previous render to have have a single square inlet for air extraction. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548400010025-K7S8A67BIO5HNVO3QK6V/Screenshot+2019-01-19+15.21.13.png Work Cooker hood where the side panel move outward when turned on to reveal the extraction grills . https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548435067202-YQDZZOTHDVMWANMCKLWB/P1010712.JPG Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548399461076-948ISE3ONMAZ7DFAMIGY/image-asset.jpeg Work Render of a cooker hood that moves above the hob when turned on. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548435023627-BREZWJG44TOGBXXH3J15/P1010709.JPG Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1592963223485-Z3Y1S2H09LZY07958RA3/ererer.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1592869760560-T7X3O09XA70LLXBSKC7I/add+asset.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1592891496811-O9DZEZK4P7YRAO4BXPUS/Artboard+Copy+81.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1588290243601-OUQKYLDANOA2MCEBXPVM/flow.jpg Work End - end flow showing a mobility vehicle and its potential journey when needing any repairs. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1589566064254-MX4JE6E56B6U81XKMUDL/vehicle+history.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1592768594993-73E3232DCGSZGKVIA5UQ/iphone.png Work Some screens from the mobile app used by the Uber field operators. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1592963279239-CUWJAUTGQ49RDZPY4QWH/er.png Work Selected vehicle screen showing details for a missing vehicle in a movable bottom sheet. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1593049771620-VJVBSEYKFNMJ0ICX2CZZ/tidepool+w2+battery+swap+2.jpg Work New vehicles with a game changing in field swappable battery, demanded a thorough UX study to ensure safe, reliable and easy interaction by operators. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1592869186074-XBIZQX0O73SJ1MGRWY7X/5566.png Work Flow map for all operations interactions + states for the on vehicle display UI. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1592768548013-NKSD8ISCOUBYST1U066W/ipad.png Work Some screens from the mechanics app used by Uber warehouse operators to diagnose and repair vehicles. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1588290160744-IXSUXSEIS84EITBYBSJQ/rfrfrf.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1592531421550-VA7PDZM1999DT6JF1648/Group+38.png Work Dark mode showing a zone being assigned to an operator. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/c33e3ded-fe9c-4f1c-8c51-0cda2fa2dea7/Screenshot+2025-07-25+at+7.22.12%E2%80%AFPM.png Work - Make it stand out Selection of treatments used for user testing prototype https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/f6675088-c6dd-4e11-84fc-5202788aa313/Screenshot+2025-07-25+at+1.02.38%E2%80%AFPM.png Work - Make it stand out Early wireframe exploration https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1547881464419-19OJDF14S5NGLJ4HC2R4/hd_674ed4f03a10d5848709c959840ff0fd.jpg Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1547955053566-9JIDPPCDFN4F4MKCAK44/connexio-dribble-03-600x450.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1547958650808-2PKX08Y3ZUQWL9ZQJQ6I/Screenshot+2019-01-19+15.06.18.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1547976212310-HAEYDL6EH0O8EMPYQMMS/Artboard+1+Copy+115.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1547977174437-7WTPO5VOC27S0NGLDUI1/151210+nexus+calendar+tv-15.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1547977227567-OW4G0EPH5W7KBJAL2YC3/Artboard+6+Copy+2.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1548028703789-5448CQS3K37F4RNMJCGI/40.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1550896762587-UUS7ZLYCLS8ICXNFCX02/hd_674ed4f03a10d5848709c959840ff0fd.jpg Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1588365596912-G2LBNCQ548J94U79IFTH/map%2Bmodal.jpg Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1659555871930-JECKWZTGDHCOJN7TSP6Q/1KtLrq7.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1659555888668-UBW49TVKL9G19U4CHE1Q/Artboard+Copy+3.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1659569169156-VRH5FQBUGVR7JMT3T5FV/Artboard+Copy+4.png Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1659681957353-50JTDMOB2OS2NV3JLZZQ/modal%2B0084%2B.jpg Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1659682828229-8BUZNDTUIDSDIDB31CWI/Artboard%2B2%2BCopy%2B121.jpg Work https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/58869970-1f42-4690-93ae-90db78d1e157/Screenshot+2025-07-25+at+2.37.46%E2%80%AFPM.png Work https://johncostello.design/modern-architecture daily 0.75 2020-04-26 https://images.squarespace-cdn.com/content/v1/56426809e4b032f47d420805/1481903422755-R17OWFGQJIHU2974MULT/MHeiderich_ReflexionenZwei-01.jpg Modern Architecture https://images.squarespace-cdn.com/content/v1/56426809e4b032f47d420805/1481903460637-YBIO6JQXT5MQB4YRZHDE/MHeiderich_ReflexionenZwei-01.jpg Modern Architecture https://images.squarespace-cdn.com/content/v1/56426809e4b032f47d420805/1459959786030-Z0W6M3PV2DL16U0IQQWA/MHeiderich-Southbound04.jpg Modern Architecture https://images.squarespace-cdn.com/content/v1/56426809e4b032f47d420805/1459959770458-XDV0VZ5Y4THTUUKCPC4Q/MHeiderich_ReflexionenZwei-05.jpg Modern Architecture https://images.squarespace-cdn.com/content/v1/56426809e4b032f47d420805/1459959778022-H7A0AQS0WTL8K6EKXARC/MHeiderich-NIP03.jpg Modern Architecture The art of photographing something as still as a building is to play with perspective. This helps you create a sense of flight or even a sense of shrinking. https://images.squarespace-cdn.com/content/v1/56426809e4b032f47d420805/1459961070194-IT4L1VHFGSY32MVTBW28/MHeiderich-ReflexionenEins022-crop.jpg Modern Architecture A building’s image should express the architect’s philosophy without sacrificing functionality. https://images.squarespace-cdn.com/content/v1/56426809e4b032f47d420805/1459961753855-YIWMSSHOK1UZR0PNLWON/MHeiderich-NIP02-crop.jpg Modern Architecture Accentuating the curves of a building sometimes calls for a more straight-on perspective, but not necessarily in a lateral way. You still want to evoke awe. https://images.squarespace-cdn.com/content/v1/56426809e4b032f47d420805/1459959766272-43M69EYUWLE1LAZUNVYP/MatthiasHeiderich-SpektrumZwei022.jpg Modern Architecture https://images.squarespace-cdn.com/content/v1/56426809e4b032f47d420805/1459988667520-MKMW23WBV4NI6Q443NCF/MatthiasHeiderich-SpektrumZwei04.jpg Modern Architecture I also shoot bridges. They are a part of any architectural landscape. https://images.squarespace-cdn.com/content/v1/56426809e4b032f47d420805/1459959774395-RWXLNXBPE9N2IGL0AZDU/MHeiderich-NIP01.jpg Modern Architecture Tilting my perspective, this building became a fan-like object. https://images.squarespace-cdn.com/content/v1/56426809e4b032f47d420805/1459959766331-JAZ3NSS8XVSN07H9J4LX/MatthiasHeiderich-SpektrumZwei023.jpg Modern Architecture https://images.squarespace-cdn.com/content/v1/56426809e4b032f47d420805/1459959771785-PG9B7IXQMVTYMMPCTPZA/MHeiderich_ReflexionenZwei-08.jpg Modern Architecture https://images.squarespace-cdn.com/content/v1/56426809e4b032f47d420805/1459959779333-W8ZYAJFY44FT26KC7XR6/MHeiderich-ReflexionenEins023.jpg Modern Architecture https://johncostello.design/adobe-content-management-platform daily 0.75 2020-04-26 https://images.squarespace-cdn.com/content/v1/56426809e4b032f47d420805/1459545472898-5XWLY2W43BNK854VYZ4G/ABASI+ROSBOROUGH+LANDFALL+1.jpg Adobe — Content management platform https://images.squarespace-cdn.com/content/v1/56426809e4b032f47d420805/1459545472898-5XWLY2W43BNK854VYZ4G/ABASI+ROSBOROUGH+LANDFALL+1.jpg Adobe — Content management platform https://images.squarespace-cdn.com/content/v1/56426809e4b032f47d420805/1459545474423-45337DAG7TMTGNQXOOWK/ABASI+ROSBOROUGH+LANDFALL+6.jpg Adobe — Content management platform “Be the zeitgeist. When the status quo tells you ‘no,’ you know you’re doing something right.” https://images.squarespace-cdn.com/content/v1/56426809e4b032f47d420805/1459545473499-YAX9WQ1GOLDFIK6CEHMW/ABASI+ROSBOROUGH+LANDFALL+4.jpg Adobe — Content management platform https://johncostello.design/sutter-hill-ventures2 daily 0.75 2020-04-26 https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1587886507058-EF7ETXKFLBDX87XPCHOX/222.png Sutter Hill Ventures https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1587882748873-YT0YHP8A5BKHWFD27MHV/Desktop+HD+Copy+1012.png Sutter Hill Ventures - tttt blueeeee https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1587882767091-J8W8WU3WUQD1GIIHV100/Artboard+Copy+3.png Sutter Hill Ventures - Service map This is a digram modeled with input from an ex Twitter senior infrastructure engineer. It shows their digital infrastructure and how it can be visualized clearly at a high level in order to monitor, diagnose and troubleshoot potential issues. https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1587882772220-WSL3ZVRP5407CPZA2W13/4+copy.png Sutter Hill Ventures https://johncostello.design/miele daily 0.75 2020-04-26 https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1587875435225-KTISP0JLCFITR96W6CB3/tst.jpg Miele https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1587875435225-KTISP0JLCFITR96W6CB3/tst.jpg Miele https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1587875495771-BIMIC47EQG55I701J6HS/IMAG0095.jpg Miele https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1587875503724-04D6ZI63YVFUM01I4VYY/11+.png Miele https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1587875511247-TEGKROKSPN91FSGZDR3Z/3.1.gif Miele https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1587875651665-JPAGQQ1CJVGDGBM1S14A/hood+1.png Miele https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1587875591802-OMH7XQDG5PRT0RCSJSNK/vertical+hood+.jpg Miele https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1587875594468-G0KJW4Q3WEHOQVMXJ1Y6/Screenshot+2019-01-19+15.21.13.png Miele https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1587875504217-BWP0YKMCWF49Z955DBWT/IMAG0096.jpg Miele https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1587875609476-STB0TWK4ZUCJL3H4UY2N/2.gif Miele https://johncostello.design/uber-2 daily 0.75 2021-10-08 https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1587885976785-ZK36OOVM355XOHRN8UPS/Artboard+Copy+8.png Uber https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1587885976785-ZK36OOVM355XOHRN8UPS/Artboard+Copy+8.png Uber https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1587876940447-BSCLGQL4IOMRHZOE0CMA/Artboard.png Uber - test kjgjhghjgjh https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1587875904413-RYYYYKJDH1CGM1YOGS0S/%E2%9D%96+Converted+to+dark+mode.png Uber https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1587876195199-YBYJM2GOBWV6CJF5039W/Artboard.png Uber https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1587885944979-0SX4YFSLI8GUMKIBIAGD/image-asset.png Uber - rrr rrrrr https://johncostello.design/adobe-marketing-calendar2 daily 0.75 2020-04-26 https://images.squarespace-cdn.com/content/v1/56426809e4b032f47d420805/1459548980965-WNYKRHV2YFGVO02H3AIB/2015-08-12_home-goods-0052-v2-FINAL.jpg Adobe Marketing Planner https://images.squarespace-cdn.com/content/v1/56426809e4b032f47d420805/1459548980965-WNYKRHV2YFGVO02H3AIB/2015-08-12_home-goods-0052-v2-FINAL.jpg Adobe Marketing Planner https://images.squarespace-cdn.com/content/v1/56426809e4b032f47d420805/1459548983735-4VM5Q2GIQNZAN3T9PVUS/2015-08-12_home-goods-0060-FINAL.jpg Adobe Marketing Planner https://images.squarespace-cdn.com/content/v1/56426809e4b032f47d420805/1459548983745-EJSBBEJBCHXVV9W1CZSZ/2015-08-12_home-goods-0095-FINAL.jpg Adobe Marketing Planner We juxtaposed the minimal layout of Clay’s studio with their pottery design using natural lighting and a wide-angle lens. https://johncostello.design/details daily 0.75 2020-04-26 https://johncostello.design/cal daily 0.75 2020-04-26 https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1587884411463-32NY00339DXJOR50Z0TO/Artboard+Copy+7.png cal https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1587886647169-ELUJCBGUCXSCE6G7DL04/222.png cal https://johncostello.design/cal-1 daily 0.75 2020-04-26 https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1587885500615-6HNPDL8IEGUPC3ULICSG/160425+AEM+split+screen+01+.png cal frfrfrfrfrf https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1587885572920-UUFREUDSBBCZ1TY1CB3H/Artboard+Copy+7.png cal https://johncostello.design/team daily 0.75 2020-04-26 https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1587886814969-HH1BWE0SEQZUP3S4TMQ5/222.png team https://johncostello.design/blank daily 0.75 2020-04-26 https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1587886991215-C5J912DQNM6MQ4XYBLXZ/222.png blank https://johncostello.design/about-intro daily 0.75 2020-04-27 https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1587959326099-DCAVZ4ILBVD8CIINKC2D/grey+bkg.png About Intro https://johncostello.design/join daily 0.75 2020-04-27 https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1587959389459-QA54G9PFQJ37K4BNB21M/adobe+grey+bkg.png Join https://johncostello.design/our-mission-and-goals daily 0.75 2020-04-26 https://johncostello.design/quote daily 0.75 2020-04-27 https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1587958896388-UX54WF0VUK7AJ9QB9CSL/test+cover+grey+.png Quote https://johncostello.design/our-story daily 0.75 2020-04-26 https://johncostello.design/new-page-3 daily 0.75 2020-04-27 https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1587968531323-JG3O4DQ6BQJP2DER6HTH/miele+cover.png New Page https://johncostello.design/new-page daily 0.75 2020-04-27 https://johncostello.design/resume daily 0.75 2025-08-02 https://images.squarespace-cdn.com/content/v1/5c3d54c4365f023a5cb705bf/1659661717695-OIN13XOYPGQ1R1GVYOF0/Artboard+Copy+83.png Resume