Paste the URL into src, take the img tag out of the comment, delete the placeholder div. The alt text is already written for you. 4. Nothing else changes. The grid rebalances its columns around whatever it finds, so tiles can be filled in any order. A tile left pending shows a dashed navy placeholder with its number and name - it does not break the layout and it does not break the page. --------------------------------------------------------------------------- THE 30 PIECES - status, and the page each image lives on LIVE (8): 01 Corporate Event Brochure Design /event-brochure-design-image 02 Film Campaign Poster Design /posters 03 Brunch Event Invitation Graphic /event-invitations 04 Instagram Ad Creative for Retail /facebook-instagram-adsimage 05 Animated Gaming Channel Graphic /animated-game-graphiciamge 06 Facebook Ad Design for Travel /facebook-ad-image 07 YouTube Thumbnail Design for Creators /youtube-thumbnailsimage 08 High-Contrast YouTube Thumbnail Set /youtube-thumbnailsimage2 PENDING (22): 09 Instagram Ads needs its own page 10 Animated Facebook Post needs its own page 11 Event Brochure needs its own page 12 Travel Postcard /multi-image-cityscape-travel-postcard-image 13 TikTok Ad Animations /tiktok-ad-animations-imagepng 14 Programmatic Display Graphics /programmatic-display-graphics-image 15 LinkedIn Banner /yellow-marketing-ads-linkedin-banner-image 16 Google Display Ads /google-display-ad-banners-image 17 Complex Infographic /complex-infographic-image 18 Large Format Signage /large-format-signage-image 19 Simple Infographic /simple-infographic-image 20 Email Invitation /email-invitation-image 21 Video Case Study /video-case-study-image 22 Email Templates /email-templates-image 23 Email Signature Graphics /email-signature-graphics-image 24 Business Development Decks /business-development-decks-image 25 Pricing Sheets /pricing-sheets-image 26 Capability Statements /capability-statements-image 27 RFP Response Templates /rfp-response-templates-image 28 Project Proposals /project-proposals-image 29 One-Pagers & Service Sheets /one-pagers-service-sheets-image 30 Business Case Study Presentation /business-case-study-presentation-image --------------------------------------------------------------------------- THE THREE DUPLICATE URLS, AND WHY 09-11 ARE PENDING --------------------------------------------------------------------------- In the 30-item list, three entries pointed at a page already used earlier: 09 Facebook Ads -> same page as 06 Facebook Ad 10 Animated Facebook Post -> same page as 05 Animated Game Graphic 11 Event Brochure -> same page as 01 Event Brochure Design Three tiles showing the same picture under different names reads as padding on a portfolio, so rather than repeat the artwork, 09, 10 and 11 are PENDING slots waiting on their own images. 09 is now titled "Instagram Ads" (Brandon: Facebook Ads and Instagram Ads are different pieces), so it needs Instagram artwork, not the Facebook file. Still worth a look when you fill them: 11 "Event Brochure" and 01 "Corporate Event Brochure Design" are near-identical titles, and 04, 06 and 09 are three Facebook/Instagram ad tiles in a row. Distinct titles help a visitor tell them apart - and help search. --------------------------------------------------------------------------- SEO NOTES FOR THIS PAGE - The section copy here is written for /work and is DIFFERENT from the copy on /social-media. Never run identical section copy on two pages. - Every title is a search phrase, not a label, and sits in an h3. The section title is the only h2, so the page keeps its single h1 in the hero. - Alt text is pre-written for all 30, including the pending ones. Each describes the image first; the brand or the city only where it is natural. - Chicago appears twice in the section: once in the h2, once in the lead. Do not add it to the tile titles or to all thirty alt strings. - INTERNAL LINKS: a tile links only where the destination is actually BUILT. 11 tiles link today. The rest carry a comment naming their intended destination - add the link the day that page goes live. Never point a portfolio tile at an unfinished page; a dead end costs more than a missing link. SETTINGS USED HERE data-columns="5" / md 3 / sm 2 .. the /work configuration data-shuffle="5200" .. set to 0 to hold the grid still every tile data-ratio="6x5" .. all the artwork is ~940 x 788 ADDING WORK 31 AND BEYOND Copy any article block, change the number, name, category, alt and image. The script counts what it finds and rebalances - nothing else to edit. For the full block documentation - how the shuffle behaves, the reveal fallback, why the images are real img tags, the troubleshooting order when an image goes missing - see bems-work-grid-block-v1.4-seo.txt. ========================================================================== -->

Selected work

Design work for Chicago brands, across every format.

Projects from the BEMS studio in paid social and display advertising, motion graphics, email, infographics, signage, sales collateral and presentations. Different channels and different audiences, built on one brand system so a Chicago business looks like itself everywhere it shows up.