{"id":5257,"date":"2022-06-09T13:46:23","date_gmt":"2022-06-09T13:46:23","guid":{"rendered":"https:\/\/redmonk.com\/jgovernor\/?p=5257"},"modified":"2022-06-10T13:47:47","modified_gmt":"2022-06-10T13:47:47","slug":"some-thoughts-on-stock-photos-on-tech-websites-and-the-developer-aesthetic","status":"publish","type":"post","link":"https:\/\/redmonk.com\/jgovernor\/some-thoughts-on-stock-photos-on-tech-websites-and-the-developer-aesthetic\/","title":{"rendered":"Some thoughts on stock photos on tech websites and the Developer Aesthetic"},"content":{"rendered":"<p>My colleague Kate Holterhoff recently wrote a post looking at the use of stock imagery on corporate sites &#8211; <a href=\"https:\/\/redmonk.com\/kholterhoff\/2022\/05\/31\/dont-let-imagery-undermine-your-marketing-website\/\">Don\u2019t Let Imagery Undermine Your Marketing Website<\/a><\/p>\n<p>One of the questions posed is about content aimed at developers. Should we cut the use of imagery completely from dev2dev content? This is a good question, as articulated by Michael DeHaan, quoted in <a href=\"https:\/\/lastweekinaws.com\/podcast\/screaming-in-the-cloud\/automating-in-pre-container-times-with-michael-dehaan\/\">this podcast<\/a>:<\/p>\n<blockquote><p>\n  Why can\u2019t your webpage have a diagram and a screenshot instead of this, like, picture of a couple of people drinking coffee around a computer, right?\n<\/p><\/blockquote>\n<p>But, argues Holterhoff,<\/p>\n<blockquote><p>\n  While it may be tempting to express what a product accomplishes in writing alone, monomedia-style approaches fail to account for contemporary consumers\u2019 extreme visual sensibilities. Absent imagery is a missed opportunity to engage consumers. Poorly chosen images may actively undermine a campaign.\n<\/p><\/blockquote>\n<p>If we look at most developer focused websites, certainly of earlier stage companies, they eschew the kind of stock photos we generally see in Corporate Marketing pages. That\u2019s because dev sites are more oriented to the Developer Aesthetic, a loosely held and constantly evolving set of shared ideas about what and how things should look like and be done &#8211; think dark mode, or the rise of hexagons in the vernacular of various developer communities, extensive use of purple, even. The in-jokes, the language games and so on. The Aesthetic is something worth considering for people with a <a href=\"https:\/\/redmonk.com\/jgovernor\/2022\/02\/21\/what-is-developer-experience-a-roundup-of-links-and-goodness\/\">holistic view of Developer Experience<\/a>.<\/p>\n<p>So let\u2019s look at a couple of sites in terms of stock photos vs the Developer Aesthetic.<\/p>\n<p>On the face of it <a href=\"https:\/\/vercel.com\/\">Vercel.com<\/a> for example is all about clean lines, colour palettes and code.<\/p>\n<p><a href=\"http:\/\/redmonk.com\/jgovernor\/files\/2022\/06\/vercel-1.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/redmonk.com\/jgovernor\/files\/2022\/06\/vercel-1-1024x678.png\" alt=\"snippet of vercel homepage with bold text Developer Preview Ship\" width=\"1024\" height=\"678\" class=\"aligncenter size-large wp-image-5258\" srcset=\"https:\/\/redmonk.com\/jgovernor\/files\/2022\/06\/vercel-1-1024x678.png 1024w, https:\/\/redmonk.com\/jgovernor\/files\/2022\/06\/vercel-1-300x199.png 300w, https:\/\/redmonk.com\/jgovernor\/files\/2022\/06\/vercel-1-768x509.png 768w, https:\/\/redmonk.com\/jgovernor\/files\/2022\/06\/vercel-1-480x318.png 480w, https:\/\/redmonk.com\/jgovernor\/files\/2022\/06\/vercel-1-947x627.png 947w, https:\/\/redmonk.com\/jgovernor\/files\/2022\/06\/vercel-1.png 1134w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>And yet\u2026 further down the page are some images that\u2026 are arguably a variant on the trusty stock photo, though cleverly used.<\/p>\n<p><a href=\"http:\/\/redmonk.com\/jgovernor\/files\/2022\/06\/vercel-2.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/redmonk.com\/jgovernor\/files\/2022\/06\/vercel-2.png\" alt=\"image of speech bubbles of employees in different teams collaborating showing a web development workflow \" width=\"574\" height=\"420\" class=\"aligncenter size-full wp-image-5259\" srcset=\"https:\/\/redmonk.com\/jgovernor\/files\/2022\/06\/vercel-2.png 574w, https:\/\/redmonk.com\/jgovernor\/files\/2022\/06\/vercel-2-300x220.png 300w, https:\/\/redmonk.com\/jgovernor\/files\/2022\/06\/vercel-2-480x351.png 480w\" sizes=\"auto, (max-width: 574px) 100vw, 574px\" \/><\/a><\/p>\n<p>How about <a href=\"twilio.com\">Twilio<\/a>? That\u2019s a code-first company right? These days not so much. The images here are not so far from classic stock, even if presented differently.<\/p>\n<p><a href=\"http:\/\/redmonk.com\/jgovernor\/files\/2022\/06\/twilio-marketing-1.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/redmonk.com\/jgovernor\/files\/2022\/06\/twilio-marketing-1-1024x621.png\" alt=\"\" width=\"1024\" height=\"621\" class=\"aligncenter size-large wp-image-5263\" srcset=\"https:\/\/redmonk.com\/jgovernor\/files\/2022\/06\/twilio-marketing-1-1024x621.png 1024w, https:\/\/redmonk.com\/jgovernor\/files\/2022\/06\/twilio-marketing-1-300x182.png 300w, https:\/\/redmonk.com\/jgovernor\/files\/2022\/06\/twilio-marketing-1-768x465.png 768w, https:\/\/redmonk.com\/jgovernor\/files\/2022\/06\/twilio-marketing-1-480x291.png 480w, https:\/\/redmonk.com\/jgovernor\/files\/2022\/06\/twilio-marketing-1-1035x627.png 1035w, https:\/\/redmonk.com\/jgovernor\/files\/2022\/06\/twilio-marketing-1.png 1447w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>Of course Twilio is selling to constituencies other than developers these days, as the homepage makes clear.<\/p>\n<p>A company like <a href=\"supabase.com\">Supabase<\/a> on the other hand is all about dark mode (definitely Developer Aesthetic) and is pretty stark, with not much imagery.<\/p>\n<p><a href=\"http:\/\/redmonk.com\/jgovernor\/files\/2022\/06\/supabase-1.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/redmonk.com\/jgovernor\/files\/2022\/06\/supabase-1-1024x456.png\" alt=\"supabase homepage in dark mode showing a code snippet\" width=\"1024\" height=\"456\" class=\"aligncenter size-large wp-image-5261\" srcset=\"https:\/\/redmonk.com\/jgovernor\/files\/2022\/06\/supabase-1-1024x456.png 1024w, https:\/\/redmonk.com\/jgovernor\/files\/2022\/06\/supabase-1-300x134.png 300w, https:\/\/redmonk.com\/jgovernor\/files\/2022\/06\/supabase-1-768x342.png 768w, https:\/\/redmonk.com\/jgovernor\/files\/2022\/06\/supabase-1-480x214.png 480w, https:\/\/redmonk.com\/jgovernor\/files\/2022\/06\/supabase-1-1200x534.png 1200w, https:\/\/redmonk.com\/jgovernor\/files\/2022\/06\/supabase-1.png 1442w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>Supabase does however do something that many other smart community-led sites do. It foregrounds actual users. Not stock, but the authentic voice of the developer.<\/p>\n<p><a href=\"http:\/\/redmonk.com\/jgovernor\/files\/2022\/06\/supabase-faces.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/redmonk.com\/jgovernor\/files\/2022\/06\/supabase-faces.png\" alt=\"\" width=\"1011\" height=\"331\" class=\"aligncenter size-full wp-image-5260\" srcset=\"https:\/\/redmonk.com\/jgovernor\/files\/2022\/06\/supabase-faces.png 1011w, https:\/\/redmonk.com\/jgovernor\/files\/2022\/06\/supabase-faces-300x98.png 300w, https:\/\/redmonk.com\/jgovernor\/files\/2022\/06\/supabase-faces-768x251.png 768w, https:\/\/redmonk.com\/jgovernor\/files\/2022\/06\/supabase-faces-480x157.png 480w\" sizes=\"auto, (max-width: 1011px) 100vw, 1011px\" \/><\/a><\/p>\n<p><a href=\"Gitpod.com\">Gitpod<\/a> doesn\u2019t use stock, but offers this lovingly created 3d image of a developer&#8217;s work environment to push a vibe about developer experience. A hexagon of course &#8211; the Developer Aesthetic again.<\/p>\n<p><a href=\"http:\/\/redmonk.com\/jgovernor\/files\/2022\/06\/gitpod-developer-aesthetic.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/redmonk.com\/jgovernor\/files\/2022\/06\/gitpod-developer-aesthetic.png\" alt=\"\" width=\"784\" height=\"701\" class=\"aligncenter size-full wp-image-5264\" srcset=\"https:\/\/redmonk.com\/jgovernor\/files\/2022\/06\/gitpod-developer-aesthetic.png 784w, https:\/\/redmonk.com\/jgovernor\/files\/2022\/06\/gitpod-developer-aesthetic-300x268.png 300w, https:\/\/redmonk.com\/jgovernor\/files\/2022\/06\/gitpod-developer-aesthetic-768x687.png 768w, https:\/\/redmonk.com\/jgovernor\/files\/2022\/06\/gitpod-developer-aesthetic-480x429.png 480w, https:\/\/redmonk.com\/jgovernor\/files\/2022\/06\/gitpod-developer-aesthetic-701x627.png 701w\" sizes=\"auto, (max-width: 784px) 100vw, 784px\" \/><\/a><\/p>\n<p>Gitpod also highlights some well known and highly respected developers further down the page. This is about establishing a kind of emotional, visceral connection.<\/p>\n<p>Which, as Holterhoff argues, is also what stock photos are for in our hypervisual age &#8211; they allow marketing to connect with consumers in emotional ways.<\/p>\n<p>Of course there are different kinds of emotions, different expectations from the audience you\u2019re talking to. It totally makes sense for an early stage developer to developer company to be all about the software. Probably dark mode, not much in the way of stock or more traditional approaches.<\/p>\n<p>But as a company wants to engage with a broader range of constituencies, buyers, product influencers and so on, as Holterhood points out, stock imagery or stock imagery tropes are likely to become more and more part of the mix. But that doesn\u2019t generally map directly with the Developer Aesthetic.<\/p>\n<p>If you are going to use stock photos, please make sure to pay for them. The days of easy Flickr searching for Creative Commons images allowing for commercial use are apparently behind us. Let\u2019s make sure the artists are paid, and that you aren\u2019t potentially on the hook for copyright infringement. I have a subscription to Adobe Stock Photos, though I don\u2019t generally choose photos of grinning coffee drinkers, preferring more abstract nature flecked images to trigger emotions.<\/p>\n<p>In sum &#8211; there is no hard and fast rule here, but it pays to think very clearly about the audience you&#8217;re targeting, and if that audience is developers then engaging with some thought to the Developer Aesthetic is going to pay dividends.<\/p>\n<p>disclosure: Gitpod and Twilio are clients.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>My colleague Kate Holterhoff recently wrote a post looking at the use of stock imagery on corporate sites &#8211; Don\u2019t Let Imagery Undermine Your Marketing Website One of the questions posed is about content aimed at developers. Should we cut the use of imagery completely from dev2dev content? This is a good question, as articulated<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","footnotes":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false},"categories":[1],"tags":[],"class_list":["post-5257","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"jetpack_featured_media_url":"","jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p9wfjh-1mN","_links":{"self":[{"href":"https:\/\/redmonk.com\/jgovernor\/wp-json\/wp\/v2\/posts\/5257","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/redmonk.com\/jgovernor\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/redmonk.com\/jgovernor\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/redmonk.com\/jgovernor\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/redmonk.com\/jgovernor\/wp-json\/wp\/v2\/comments?post=5257"}],"version-history":[{"count":0,"href":"https:\/\/redmonk.com\/jgovernor\/wp-json\/wp\/v2\/posts\/5257\/revisions"}],"wp:attachment":[{"href":"https:\/\/redmonk.com\/jgovernor\/wp-json\/wp\/v2\/media?parent=5257"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/redmonk.com\/jgovernor\/wp-json\/wp\/v2\/categories?post=5257"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/redmonk.com\/jgovernor\/wp-json\/wp\/v2\/tags?post=5257"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}