[{"data":1,"prerenderedAt":155},["ShallowReactive",2],{"animation-all-in-frame":3,"surround-\u002Fanimation\u002Fall-in-frame":146},{"id":4,"title":5,"body":6,"client":112,"date":113,"description":114,"extension":115,"externalLinks":116,"images":119,"meta":128,"navigation":129,"path":130,"seo":131,"stem":132,"subtitle":133,"tags":134,"thumbnail":139,"tools":140,"__hash__":145},"animation\u002Fanimation\u002F1007.all-in-frame.md","All in Frame Stock",{"type":7,"value":8,"toc":103},"minimark",[9,16,21,25,28,32,35,38,47,51,54,57,61,64,70,74,77,80,84,96],[10,11],"browser-frame",{"alt":12,"src":13,"to":14,"url":15},"All in Frame homepage showing its search tools and opening photography grid.","\u002Fimages\u002Fcoding\u002Fall-in-frame\u002Faifs_capture_01.png","https:\u002F\u002Fallinframestock.com","allinframestock.com",[17,18,20],"h2",{"id":19},"from-an-idea-to-a-platform","From an idea to a platform",[22,23,24],"p",{},"All in Frame began with a few sentences and an ambitious goal: make authentic images of disabled people freely available to the marketers, advertisers, and creative teams who need them. At Where the Buffalo Roam, I transformed that starting point into a complete website. I defined the experience, designed every page, built the front end and supporting systems, and took the platform through deployment.",[22,26,27],{},"The work was highly collaborative. Where the Buffalo Roam produced the inaugural photography collection, LaVant Consulting brought deep expertise in disability culture and representation, and our copywriting partners helped shape the language throughout the site. My role was to turn those contributions into a cohesive, useful, and accessible digital product.",[17,29,31],{"id":30},"designing-around-dignity-and-everyday-life","Designing around dignity and everyday life",[22,33,34],{},"Stock photography depicting disability is often clinical, stereotypical, outdated, or prohibitively expensive. All in Frame offers a different model: 250 professionally produced, completely free images showing disabled people working, parenting, learning, traveling, exercising, and spending time together. More than 100 people contributed in front of and behind the camera, and over half identify as disabled.",[22,36,37],{},"The design needed to make that mission immediately clear without overshadowing the photography. I developed a restrained visual system with generous layouts, direct typography, and a flexible image grid that lets each scene carry the story. Collections organize the library around recognizable parts of everyday life, while responsive layouts make browsing feel equally natural across desktop and mobile devices.",[39,40],"image2up",{":height":41,":width":42,"alt1":43,"alt2":44,"imageSource1":45,"imageSource2":46},"6","16","A professional in a blue suit participating in a meeting at a table.","A parent reading a bedtime story to a child beside her mobility equipment.","\u002Fimages\u002Fcoding\u002Fall-in-frame\u002Fworkplace.webp","\u002Fimages\u002Fcoding\u002Fall-in-frame\u002Ffamily.webp",[17,48,50],{"id":49},"making-250-images-easy-to-discover","Making 250 images easy to discover",[22,52,53],{},"A photography library is only valuable when people can find the right image. I designed a search experience that works across titles, descriptions, alt text, and tags, with featured filters for subjects such as family, colleagues, guide dogs, mobility aids, and assistive technology. The partner team created detailed photo metadata through an AI-assisted workflow, which I structured into searchable collections and individual photo pages.",[22,55,56],{},"Each detail page brings the image, contextual description, photographer credit, collection, and download action into one clear flow. Visitors can also read and copy the image’s alt text, making it easier to publish the photography accessibly in their own work.",[17,58,60],{"id":59},"accessibility-as-a-foundation","Accessibility as a foundation",[22,62,63],{},"Accessibility could not be a final layer on a project centered on disability representation. I built it into the site’s structure and interaction patterns from the beginning. The experience includes semantic headings, keyboard navigation, visible focus states, descriptive labels, live announcements for changing search results, reduced-motion support, light and dark modes, and a skip link. The project aims to conform to WCAG 2.2 Level AA and has been developed with testing and guidance from Easy Surf, a disability-led accessibility consultancy.",[39,65],{":height":41,":width":42,"alt1":66,"alt2":67,"imageSource1":68,"imageSource2":69},"A blind commuter holding a white cane while waiting at a bus stop.","Three people practicing yoga together outdoors.","\u002Fimages\u002Fcoding\u002Fall-in-frame\u002Ftransit.webp","\u002Fimages\u002Fcoding\u002Fall-in-frame\u002Fwellness.webp",[17,71,73],{"id":72},"building-for-use-not-just-presentation","Building for use, not just presentation",[22,75,76],{},"I built All in Frame with Nuxt, Vue, and TypeScript, using structured content to keep the growing library maintainable. The production platform runs on Cloudflare, with optimized image delivery and D1-backed tracking for downloads. I also created the complete download experience: visitors share how they plan to use an image, review terms designed to protect the people represented, and receive the original asset without a licensing fee.",[22,78,79],{},"That supporting system gives the team useful insight into how the collection is being used while keeping the public experience straightforward. It also creates a foundation for future collections, resources, and production guidance without requiring the site to be rethought as it grows.",[17,81,83],{"id":82},"the-result","The result",[22,85,86,87,91,92,95],{},"Since launch, All in Frame has welcomed more than ",[88,89,90],"strong",{},"60,000 unique visitors"," and facilitated ",[88,93,94],{},"5,000 photo downloads",". More importantly, it gives creative teams an immediately useful alternative to the narrow and stereotypical disability imagery that has defined stock photography for too long. What began as a short description is now a living resource built to help authentic representation become the norm rather than the exception.",[97,98],"image1up",{"alt":99,"height":100,"src":101,"width":102},"Two students reading together at a library table with mobility aids nearby.",2,"\u002Fimages\u002Fcoding\u002Fall-in-frame\u002Feducation.webp",3,{"title":104,"searchDepth":100,"depth":100,"links":105},"",[106,107,108,109,110,111],{"id":19,"depth":100,"text":20},{"id":30,"depth":100,"text":31},{"id":49,"depth":100,"text":50},{"id":59,"depth":100,"text":60},{"id":72,"depth":100,"text":73},{"id":82,"depth":100,"text":83},"Where the Buffalo Roam & LaVant Consulting",null,"Disability, authentically represented.","md",[117],{"label":118,"url":14},"Visit All in Frame",[120,123,124,125,126,127],{"src":121,"alt":122},"\u002Fimages\u002Fcoding\u002Fall-in-frame\u002Fbasketball.webp","Two young people playing basketball together, including a player using a wheelchair.",{"src":45,"alt":43},{"src":46,"alt":44},{"src":68,"alt":66},{"src":69,"alt":67},{"src":101,"alt":99},{},true,"\u002Fanimation\u002Fall-in-frame",{"title":5,"description":114},"animation\u002F1007.all-in-frame","I took All in Frame from a short initial brief to a complete digital platform—designing every page, developing the experience, and deploying the finished site.",[135,136,137,138],"full stack","UX\u002FUI","Accessibility","Creative Development","\u002Fimages\u002Fcoding\u002Fall-in-frame\u002Fallinframe-thumb-03.png",[141,142,143,144],"Nuxt","Vue","TypeScript","Cloudflare","wTEGEaAmfM0snJEAFLJMiaVtK52w3z30wRup0qylIpM",[147,151],{"title":148,"path":149,"stem":150,"children":-1},"Filera","\u002Fanimation\u002Ffilera","animation\u002F1006.filera",{"title":152,"path":153,"stem":154,"children":-1},"Big Sky Framework","\u002Fanimation\u002Fbig-sky","animation\u002F1008.big-sky",1787637138239]