4c:I[267044,["/creators-assets/_next/static/immutable/chunks/1hsplt7jfjgnh.js","/creators-assets/_next/static/immutable/chunks/0ct7__d3eqq0r.js","/creators-assets/_next/static/immutable/chunks/0c-r9a3oxph1w.js","/creators-assets/_next/static/immutable/chunks/3283ev4bymz-y.js","/creators-assets/_next/static/immutable/chunks/1tyeiicl34tqo.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/1co9epfn9jp6v.js","/creators-assets/_next/static/immutable/chunks/1zalsqf-ioaic.js","/creators-assets/_next/static/immutable/chunks/00hohn9l3ocx9.js","/creators-assets/_next/static/immutable/chunks/06p8bv9p94pxh.js","/creators-assets/_next/static/immutable/chunks/2e-sz6cfsc9_9.js","/creators-assets/_next/static/immutable/chunks/1eyot9c9uwocm.js","/creators-assets/_next/static/immutable/chunks/3or5zvywp1ubp.js","/creators-assets/_next/static/immutable/chunks/1k3rwcufrnywl.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/3uo-268z2xnq9.js","/creators-assets/_next/static/immutable/chunks/0vxt9zvn936s0.js","/creators-assets/_next/static/immutable/chunks/0lx6ikbaymow8.js","/creators-assets/_next/static/immutable/chunks/15z5hu5cixks0.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/102julo6bufcv.js","/creators-assets/_next/static/immutable/chunks/3-v4s4kk6cmds.js","/creators-assets/_next/static/immutable/chunks/0tb62zkq3ytzl.js","/creators-assets/_next/static/immutable/chunks/2_dm0za3asre2.js","/creators-assets/_next/static/immutable/chunks/1gasll1b30-2c.js","/creators-assets/_next/static/immutable/chunks/0y1e6y4tai9kl.js","/creators-assets/_next/static/immutable/chunks/3nzo9vld-4e3c.js","/creators-assets/_next/static/immutable/chunks/1-4qrfj8z2lbh.js","/creators-assets/_next/static/immutable/chunks/0iefpbbgjpqk_.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3un-l23eued0s.js","/creators-assets/_next/static/immutable/chunks/2warb3xv9rce7.js","/creators-assets/_next/static/immutable/chunks/424127942kmt_.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js"],"S"] 4d:T9c3,

Free text-to-speech for any Framer site.

No API keys, no subscriptions, no limits.

Give every article on your site a voice, for free. Listen to Article turns your blog posts and CMS pages into audio with one drag-and-drop component, using the text-to-speech engine already built into your visitors’ browsers. No subscriptions, no character limits, no API keys, and no audio files to generate or host. Just drop it on your CMS template. It’s multilingual out of the box, fully customizable to match your brand.

FEATURES:

100% free, forever. Uses the browser’s built-in voices, so there are no per-character fees, monthly plans, or usage caps.
Works with your CMS. Place it once on your article template, and it reads every post automatically.
Multilingual. Detects each page’s language and picks a matching voice. Labels translate automatically in English, Spanish, French, and Portuguese, and voices work in any language the browser supports.
Read first and Read last. Add your brand first or connect your CMS title to be read at the start, and add a closing line like “End of article.”
Skip layers. Exclude any layer by Stack Name, such as categories, reading time, share buttons, or newsletter blocks.
Full playback controls. Play/pause, speed control from 0.75× to 2×, and a clickable progress bar to skip ahead.
Listening time estimate. Shows “min listen” before playback and “min left” while playing, adjusted for speed.
Fully customizable design. Font, text transform, colors, border, radius, padding, and button size, all from the right panel.
Localization-safe. Handles settings changed by Framer’s automatic translation, a common source of bugs in multilingual sites.
Privacy-friendly. No external services, no tracking scripts, and no data leaves the visitor’s device.
Fails gracefully. Hides itself automatically in the rare browsers without voice support, so visitors never see a broken button.

Try it here: https://text2speech.framer.website/

4e:T450,

As artificial intelligence rapidly evolves, so do the threats of deepfakes and voice cloning. For the National Cybersecurity Alliance’s SafeWord campaign, my role as Art Director and UX/UI Designer was to turn these abstract technological threats into tangible, interactive learning experiences.

My approach was to build a digital environment that doesn't just warn users about AI scams, but actively demonstrates them.

Through Framer, I designed and built the campaign's central hub and its standout interactive page: Safe Word. The work involved designing complex user flows for interactive media, including an audio-based "Human vs. AI" voice quiz and a live camera integration that generates a simulated deepfake of the user in real-time.

By pairing high-tech interactive mechanics with clean, accessible UI and bold campaign branding, I created an educational experience that is both technologically impressive and highly impactful.

4f:Tc54,

This collection is a comprehensive, precision-crafted toolkit designed for modern web developers and designers. Featuring over 110 icons, it bridges the gap between traditional social media, emerging AI platforms, and the latest fintech tools. Each asset is optimized for high-performance integration into websites, apps, and digital portfolios.

1. SOCIAL MEDIA & NETWORKINGThe core of your digital presence, covering everything from legacy giants to 2026’s fastest-growing communities.

Facebook
Instagram
X (Twitter)
LinkedIn
TikTok
Threads
Snapchat
Pinterest
Reddit
Mastodon
Bluesky
Tumblr
Discord
Messenger
WeChat
WhatsApp
Telegram
Signal

2. AI, TECH & INNOVATIONFuture-proof your designs with the world’s leading Artificial Intelligence and technical toolsets.

ChatGPT
Gemini
Claude
Perplexity
Midjourney
Github
Notion
Slack
Figma
Framer
MetaMask
Bitcoin
Ethereum
QR Code
WiFi
Web

3. COMMERCE, PAYMENTS & FINANCEEssential assets for e-commerce checkouts, SaaS platforms, and modern fintech interfaces.

Amazon
Apple Pay
Google Pay
PayPal
Stripe
Wise
CashApp
Venmo
Revolut
Shopify
Etsy
Gumroad
LemonSqueezy
Mercado Libre
Ebay

4. LIFESTYLE, TRAVEL & FOODPerfect for service-based websites, travel blogs, and localized delivery apps.

Airbnb
Uber Eats
Deliveroo
Doordash
Grubhub
Instacart
ChowNow
Pedidos Ya
Rappi
Wolt
TripAdvisor
Yelp
Open Table
The Fork
Couchsurfing
Map

5. ENTERTAINMENT & CREATIVE UTILITYDedicated profiles for creators, streamers, and multimedia enthusiasts.

YouTube
YouTube Music
Spotify
Apple Music
Apple Podcasts
Soundcloud
Twitch
Vimeo
Behance
Dribble
Patreon
Substack
Canva
Freepik
Lottie
Zoom

Brands change and new apps pop up all the time. I’ll try to keep this list updated when I have the chance!

4b:["$","$L4c",null,{"value":{"fallback":{"$inf$activity-creator-7858f8b2-18d2-49f1-bf91-86eb93c12d62-all:/unified/creator/7858f8b2-18d2-49f1-bf91-86eb93c12d62/activity/":[{"data":[{"id":"01a13126-200d-7730-b10a-6175710b2de2","type":"component.created","target":{"type":"component","id":"IZjNJ2V4c7ti0x5UMC6N","preview":"Text 2 Speech","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7858f8b2-18d2-49f1-bf91-86eb93c12d62/01a13123-d695-72ac-805a-441c82f96b9f.jpg","targetDeleted":false,"owned":false,"feedItemType":null,"actions":null},"context":null,"actors":[{"id":"7858f8b2-18d2-49f1-bf91-86eb93c12d62","name":"Arturo Morales","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/574704/dpMek1k87-0527sM784xTRJBMIBGQuRPsE2UG5o0","slug":"efe","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-12T17:25:44.589Z","latestAt":"2026-10-12T17:25:44.589Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:7858f8b2-18d2-49f1-bf91-86eb93c12d62:/unified/posts/?creator=7858f8b2-18d2-49f1-bf91-86eb93c12d62&with=reposts":[{"data":[{"id":"01a13126-1d45-747c-ac37-d141c99e930b","title":null,"body":"

New free Text2Speech 🎧

A drag-and-drop component that turns any article into audio using the voices already built into the browser. No API keys, no subscriptions, no limits.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New free Text2Speech 🎧"}]},{"type":"paragraph","content":[{"type":"text","text":"A drag-and-drop component that turns any article into audio using the voices already built into the browser. No API keys, no subscriptions, no limits."}]}]},"author":{"framerUserId":"7858f8b2-18d2-49f1-bf91-86eb93c12d62","name":"Arturo Morales","slug":"efe","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/574704/dpMek1k87-0527sM784xTRJBMIBGQuRPsE2UG5o0","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"IZjNJ2V4c7ti0x5UMC6N","resolved":true,"title":"Text 2 Speech","body":"$4d","bodyJson":{"type":"doc","content":[{"type":"customHeading","attrs":{"level":1},"content":[{"type":"text","text":"Free text-to-speech for any Framer site. "}]},{"type":"customHeading","attrs":{"level":2},"content":[{"type":"text","text":"No API keys, no subscriptions, no limits.","marks":[{"type":"italic"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Give every article on your site a voice, for free. Listen to Article turns your blog posts and CMS pages into audio with one drag-and-drop component, using the text-to-speech engine already built into your visitors’ browsers. No subscriptions, no character limits, no API keys, and no audio files to generate or host. Just drop it on your CMS template. It’s multilingual out of the box, fully customizable to match your brand."}]},{"type":"customHeading","attrs":{"level":2},"content":[{"type":"text","text":"FEATURES:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"100% free, forever.","marks":[{"type":"bold"}]},{"type":"text","text":" Uses the browser’s built-in voices, so there are no per-character fees, monthly plans, or usage caps."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Works with your CMS.","marks":[{"type":"bold"}]},{"type":"text","text":" Place it once on your article template, and it reads every post automatically."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Multilingual.","marks":[{"type":"bold"}]},{"type":"text","text":" Detects each page’s language and picks a matching voice. Labels translate automatically in English, Spanish, French, and Portuguese, and voices work in any language the browser supports."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Read first and Read last.","marks":[{"type":"bold"}]},{"type":"text","text":" Add your brand first or connect your CMS title to be read at the start, and add a closing line like “End of article.”"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Skip layers.","marks":[{"type":"bold"}]},{"type":"text","text":" Exclude any layer by "},{"type":"text","text":"Stack Name","marks":[{"type":"italic"}]},{"type":"text","text":", such as categories, reading time, share buttons, or newsletter blocks."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full playback controls.","marks":[{"type":"bold"}]},{"type":"text","text":" Play/pause, speed control from 0.75× to 2×, and a clickable progress bar to skip ahead."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Listening time estimate.","marks":[{"type":"bold"}]},{"type":"text","text":" Shows “min listen” before playback and “min left” while playing, adjusted for speed."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully customizable design.","marks":[{"type":"bold"}]},{"type":"text","text":" Font, text transform, colors, border, radius, padding, and button size, all from the right panel."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Localization-safe.","marks":[{"type":"bold"}]},{"type":"text","text":" Handles settings changed by Framer’s automatic translation, a common source of bugs in multilingual sites."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Privacy-friendly.","marks":[{"type":"bold"}]},{"type":"text","text":" No external services, no tracking scripts, and no data leaves the visitor’s device."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fails gracefully.","marks":[{"type":"bold"}]},{"type":"text","text":" Hides itself automatically in the rare browsers without voice support, so visitors never see a broken button."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Try it here: "},{"type":"text","text":"https://text2speech.framer.website/","marks":[{"type":"link","attrs":{"href":"https://text2speech.framer.website/","target":"_blank","rel":"noopener noreferrer nofollow"}}]}]}]},"introduction":"Simple free text to speech","slug":"text-2-speech","author":{"framerUserId":"7858f8b2-18d2-49f1-bf91-86eb93c12d62","name":"Arturo Morales","slug":"efe","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/574704/dpMek1k87-0527sM784xTRJBMIBGQuRPsE2UG5o0","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7858f8b2-18d2-49f1-bf91-86eb93c12d62/01a13123-d695-72ac-805a-441c82f96b9f.jpg","metadata":{"tint":{"h":255,"s":80,"l":16},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-10-12T17:25:41.643Z","updatedAt":"2026-10-12T17:46:40.547Z","publishedAt":"2026-10-12T17:25:41.640Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Text2Speech-YPdDZv.js@78cgkHxwWD0aZr6wmf1I","previewUrl":"https://text2speech.framer.website/collection/sample-article","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"78cgkHxwWD0aZr6wmf1I","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-12T17:25:43.877Z","updatedAt":"2026-10-12T17:25:43.877Z","type":"post"},{"id":"019d5484-80f4-7d19-894f-594c7f3dd675","title":null,"body":"

SafeWord is a nationwide campaign addressing the risks of AI scams and deepfakes. My approach for this Framer build was to move beyond traditional text-based education and design highly interactive, experiential UI. I designed user flows for an audio-based "Human vs. AI" challenge and a live, camera-integrated deepfake simulator. By combining bold visual art direction with advanced interactive mechanics, I built a compelling digital experience that makes complex technological threats easy to understand and prevent.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"SafeWord","marks":[{"type":"link","attrs":{"href":"https://safeword.staysafeonline.org/","target":"_blank","rel":"noopener noreferrer nofollow ugc"}},{"type":"italic"}]},{"type":"text","text":" is a nationwide campaign addressing the risks of AI scams and deepfakes. My approach for this Framer build was to move beyond traditional text-based education and design highly interactive, experiential UI. I designed user flows for an audio-based \"Human vs. AI\" challenge and a live, camera-integrated deepfake simulator. By combining bold visual art direction with advanced interactive mechanics, I built a compelling digital experience that makes complex technological threats easy to understand and prevent."}]}]},"author":{"framerUserId":"7858f8b2-18d2-49f1-bf91-86eb93c12d62","name":"Arturo Morales","slug":"efe","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/574704/dpMek1k87-0527sM784xTRJBMIBGQuRPsE2UG5o0","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"14442","resolved":true,"title":"Safe Word","body":"$4e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"As artificial intelligence rapidly evolves, so do the threats of deepfakes and voice cloning. For the National Cybersecurity Alliance’s "},{"type":"text","text":"SafeWord","marks":[{"type":"link","attrs":{"href":"https://safeword.staysafeonline.org/","target":"_blank","rel":"noopener noreferrer nofollow ugc"}},{"type":"italic"}]},{"type":"text","text":" campaign","marks":[{"type":"link","attrs":{"href":"https://safeword.staysafeonline.org/","target":"_blank","rel":"noopener noreferrer nofollow ugc"}}]},{"type":"text","text":", my role as Art Director and UX/UI Designer was to turn these abstract technological threats into tangible, interactive learning experiences. "}]},{"type":"paragraph","content":[{"type":"text","text":"My approach was to build a digital environment that doesn't just warn users about AI scams, but actively demonstrates them."}]},{"type":"paragraph","content":[{"type":"text","text":"Through Framer, I designed and built the campaign's central hub and its standout interactive page: "},{"type":"text","text":"Safe Word","marks":[{"type":"italic"}]},{"type":"text","text":". The work involved designing complex user flows for interactive media, including an audio-based \"Human vs. AI\" voice quiz and a live camera integration that generates a simulated deepfake of the user in real-time. "}]},{"type":"paragraph","content":[{"type":"text","text":"By pairing high-tech interactive mechanics with clean, accessible UI and bold campaign branding, I created an educational experience that is both technologically impressive and highly impactful."}]}]},"introduction":"A bold, interactive campaign for NCA that reimagines online safety through a “safeword” concept. I led the creative direction and designed a dynamic Framer experience that turns a simple idea into an engaging, memorable digital journey.","slug":"safe-word","author":{"framerUserId":"7858f8b2-18d2-49f1-bf91-86eb93c12d62","name":"Arturo Morales","slug":"efe","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/574704/dpMek1k87-0527sM784xTRJBMIBGQuRPsE2UG5o0","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7858f8b2-18d2-49f1-bf91-86eb93c12d62/01a14013-5f3f-71b8-9e43-0df1378cee66.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7858f8b2-18d2-49f1-bf91-86eb93c12d62/01a14013-4317-76ea-8dbd-05484ccea2eb.jpg","metadata":{"tint":{"h":165,"s":37,"l":33},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7858f8b2-18d2-49f1-bf91-86eb93c12d62/01a14013-7024-729b-8c65-e4c3143d1864.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-04-03T18:04:23.154Z","updatedAt":"2026-10-15T14:59:46.732Z","publishedAt":"2026-04-03T18:04:23.156Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://safeword.staysafeonline.org/","categories":[{"id":"0539c25a-136d-4f8b-a2e7-342a21b7d607","name":"AI","slug":"ai"},{"id":"4deaf317-a648-4f8b-ae2a-f9a4cf1a35da","name":"Education","slug":"education"},{"id":"b65821c4-e205-4861-a28b-1623536037f7","name":"Landing Page","slug":"landing-page"}],"mainCategory":{"id":"c5eb1e88-1fe2-425d-acc3-010001c36198","name":"Nonprofits","slug":"nonprofits"},"styles":[{"id":"303f0ab5-6ac2-43e9-8257-f08773521d38","name":"Corporate","slug":"corporate"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-10-02T17:07:14.888Z","createdAt":"2026-04-03T18:04:23.156Z","updatedAt":"2026-10-02T17:07:14.888Z","type":"post"},{"id":"019c6c4c-9b0a-74d6-bb9e-aa60f5797c31","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"7858f8b2-18d2-49f1-bf91-86eb93c12d62","name":"Arturo Morales","slug":"efe","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/574704/dpMek1k87-0527sM784xTRJBMIBGQuRPsE2UG5o0","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"iD14RsAgDBerQre3Ple5","resolved":true,"title":"Social Profile Suite","body":"$4f","bodyJson":null,"introduction":"This master collection features 100+ precision-crafted icons for the world’s leading social platforms, payment gateways, and creative tools.","slug":"social-profile-suite","author":{"framerUserId":"7858f8b2-18d2-49f1-bf91-86eb93c12d62","name":"Arturo Morales","slug":"efe","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/574704/dpMek1k87-0527sM784xTRJBMIBGQuRPsE2UG5o0","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/vector-sets/social-profile-suite/r88wjsfr-x3jnKjM1ExxylJiF2pDGnPgOlIzXX7","metadata":{"tint":{"h":255,"s":57,"l":22},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/vector-sets/social-profile-suite/6amp3z14-7jJbKxx60W0LPdRZGtcGpcFxNy4uKi","metadata":{"tint":{"h":255,"s":57,"l":22},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/vector-sets/social-profile-suite/h4v315z1-1rGJxFJ2fN2IN4VoHJfNSvjuV3ATDI","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-13T21:34:06.929Z","updatedAt":"2026-02-17T15:51:25.706Z","publishedAt":"2026-02-17T15:51:25.706Z","featuredAt":null,"approvedAt":null,"type":"vector","attributes":{"url":"https://framer.com/m/Framer-YStaP8.js@iHAd9dhHeKtaHKEojTpj","price":null,"paymentUrl":null,"vectorCount":112,"categories":[{"id":"3535507e-b041-4f48-be7f-a084b14e30b2","name":"Icons","slug":"icons"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":11,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-02-17T15:51:25.706Z","updatedAt":"2026-02-17T15:51:25.706Z","type":"post"},{"id":"019be73d-11fb-7c4b-bd01-e94319bbaded","title":null,"body":"

Phisher is a gamified cybersecurity campaign focused on preventing online romance scams. My approach for this Framer project was to design an interactive "dating app simulator" that teaches users to spot red flags through hands-on engagement.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Phisher","marks":[{"type":"link","attrs":{"href":"https://phisher.staysafeonline.org/","target":"_blank","rel":"noopener noreferrer nofollow ugc"}},{"type":"italic"}]},{"type":"text","text":" is a gamified cybersecurity campaign focused on preventing online romance scams. My approach for this Framer project was to design an interactive \"dating app simulator\" that teaches users to spot red flags through hands-on engagement."}]}]},"author":{"framerUserId":"7858f8b2-18d2-49f1-bf91-86eb93c12d62","name":"Arturo Morales","slug":"efe","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/574704/dpMek1k87-0527sM784xTRJBMIBGQuRPsE2UG5o0","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"12236","resolved":true,"title":"Phisher","body":"

How do you teach people about the dangers of online romance scams? By putting them right in the middle of one.

Phisher is an interactive campaign for the National Cybersecurity Alliance designed to educate users on the red flags of digital dating cons. My approach for this Framer build was centered on gamification and interactive UI design.

I designed and developed a functional "dating app simulator" on the site, where users interact with profiles to learn how to spot scammers in real-time. By mimicking the familiar swipe-and-match interfaces of popular dating apps, this project demonstrates my ability to use clever, interactive digital design to drive engagement and deliver critical educational impact.

The experience seamlessly transitions from this gamified hook into structured, accessible layouts that drive downloads for the campaign's social toolkits.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"How do you teach people about the dangers of online romance scams? By putting them right in the middle of one. "}]},{"type":"paragraph","content":[{"type":"text","text":"Phisher","marks":[{"type":"link","attrs":{"href":"https://phisher.staysafeonline.org/","target":"_blank","rel":"noopener noreferrer nofollow ugc"}},{"type":"italic"}]},{"type":"text","text":" is an interactive campaign for the National Cybersecurity Alliance designed to educate users on the red flags of digital dating cons. My approach for this Framer build was centered on gamification and interactive UI design."}]},{"type":"paragraph","content":[{"type":"text","text":"I designed and developed a functional \"dating app simulator\" on the site, where users interact with profiles to learn how to spot scammers in real-time. By mimicking the familiar swipe-and-match interfaces of popular dating apps, this project demonstrates my ability to use clever, interactive digital design to drive engagement and deliver critical educational impact. "}]},{"type":"paragraph","content":[{"type":"text","text":"The experience seamlessly transitions from this gamified hook into structured, accessible layouts that drive downloads for the campaign's social toolkits."}]}]},"introduction":"Moving beyond static warnings, this project uses a functional dating app mockup to simulate the psychology of a romance scam. By interacting with \"red flag\" profiles, users learn through experience, making digital safety both engaging and unforgettable.","slug":"phisher","author":{"framerUserId":"7858f8b2-18d2-49f1-bf91-86eb93c12d62","name":"Arturo Morales","slug":"efe","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/574704/dpMek1k87-0527sM784xTRJBMIBGQuRPsE2UG5o0","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/12236/thumbnail-44JdTWMQ2UdzBxTPh4eQ369OoUjvMp.jpg","metadata":{"tint":{"h":0,"s":67,"l":27},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7858f8b2-18d2-49f1-bf91-86eb93c12d62/01a0fd70-d336-71d9-94a8-e16e3330c8d5.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7858f8b2-18d2-49f1-bf91-86eb93c12d62/01a0fd72-abb2-756b-96e2-88751595ea95.jpg","metadata":{"tint":{"h":345,"s":93,"l":30},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-01-22T19:44:57.849Z","updatedAt":"2026-10-02T16:33:06.105Z","publishedAt":"2026-01-22T19:44:57.851Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://phisher.staysafeonline.org/","categories":[{"id":"4deaf317-a648-4f8b-ae2a-f9a4cf1a35da","name":"Education","slug":"education"},{"id":"d26c907e-7d56-4582-9727-b7c10921b71e","name":"Community","slug":"community"},{"id":"b65821c4-e205-4861-a28b-1623536037f7","name":"Landing Page","slug":"landing-page"}],"mainCategory":{"id":"c5eb1e88-1fe2-425d-acc3-010001c36198","name":"Nonprofits","slug":"nonprofits"},"styles":[{"id":"7b4dedc2-4ed5-4630-809f-a6ccaafd0315","name":"Playful","slug":"playful"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-10-02T16:33:07.040Z","createdAt":"2026-01-22T19:44:57.851Z","updatedAt":"2026-10-02T16:33:07.040Z","type":"post"},{"id":"019b958e-3e4e-7d3e-8826-0db652698150","title":null,"body":"

Kubikle is a satirical web series. The interface prioritizes video content, character exploration, and dark-mode aesthetics, drawing users into the show's narrative while strategically funneling them toward actionable educational toolkits. It’s a prime example of using entertainment-focused UX to deliver crucial safety awareness.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Kubikle","marks":[{"type":"link","attrs":{"href":"https://kubikleseries.com/","target":"_blank","rel":"noopener noreferrer nofollow ugc"}},{"type":"italic"}]},{"type":"text","text":" is a satirical web series. The interface prioritizes video content, character exploration, and dark-mode aesthetics, drawing users into the show's narrative while strategically funneling them toward actionable educational toolkits. It’s a prime example of using entertainment-focused UX to deliver crucial safety awareness."}]}]},"author":{"framerUserId":"7858f8b2-18d2-49f1-bf91-86eb93c12d62","name":"Arturo Morales","slug":"efe","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/574704/dpMek1k87-0527sM784xTRJBMIBGQuRPsE2UG5o0","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"11482","resolved":true,"title":"KubikleSeries.com","body":"

How do you get people to pay attention to cybersecurity? Make them laugh. Kubikle is an original comedy web series produced by the National Cybersecurity Alliance that explores cybercrime from the perspective of the bad guys.

My challenge as Art Director and UX/UI Designer was to build a digital hub that felt less like an educational resource and more like a premium streaming platform. I designed this Framer site to fully immerse the user in the show’s cinematic universe.

The approach focused on bold typography, dark-mode aesthetics, and video-centric UI, allowing visitors to seamlessly browse episodes and explore character profiles. Beyond just watching the series, the UX is strategically designed to drive downloads for the corporate toolkits, successfully bridging the gap between engaging entertainment and actionable cybersecurity education.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"How do you get people to pay attention to cybersecurity? Make them laugh. "},{"type":"text","text":"Kubikle","marks":[{"type":"link","attrs":{"href":"https://kubikleseries.com/","target":"_blank","rel":"noopener noreferrer nofollow ugc"}},{"type":"italic"}]},{"type":"text","text":" is an original comedy web series produced by the National Cybersecurity Alliance that explores cybercrime from the perspective of the bad guys."}]},{"type":"paragraph","content":[{"type":"text","text":"My challenge as Art Director and UX/UI Designer was to build a digital hub that felt less like an educational resource and more like a premium streaming platform. I designed this Framer site to fully immerse the user in the show’s cinematic universe. "}]},{"type":"paragraph","content":[{"type":"text","text":"The approach focused on bold typography, dark-mode aesthetics, and video-centric UI, allowing visitors to seamlessly browse episodes and explore character profiles. Beyond just watching the series, the UX is strategically designed to drive downloads for the corporate toolkits, successfully bridging the gap between engaging entertainment and actionable cybersecurity education."}]}]},"introduction":"An engaging, video-centric campaign with UI similar to Netflix that uses character-driven episodes and clear navigation to make the site relatable and memorable. Its layout encourages exploration while breaking down complex online threats.","slug":"kubikleseries-com","author":{"framerUserId":"7858f8b2-18d2-49f1-bf91-86eb93c12d62","name":"Arturo Morales","slug":"efe","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/574704/dpMek1k87-0527sM784xTRJBMIBGQuRPsE2UG5o0","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7858f8b2-18d2-49f1-bf91-86eb93c12d62/01a14014-ba8e-721a-8e96-be0f37e1b9b5.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/11482/thumbnail-RPlC3xaHwCthiW5wQ7Xmff8dmJeUen.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7858f8b2-18d2-49f1-bf91-86eb93c12d62/01a0fd63-89fb-774d-a28f-3c3947c172ec.jpg","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7858f8b2-18d2-49f1-bf91-86eb93c12d62/01a0fd63-9baa-734f-9cbb-bd25926efe0b.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-01-06T23:04:45.902Z","updatedAt":"2026-10-15T15:01:08.751Z","publishedAt":"2026-01-06T23:04:45.902Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://kubikleseries.com/","categories":[{"id":"b65821c4-e205-4861-a28b-1623536037f7","name":"Landing Page","slug":"landing-page"},{"id":"4deaf317-a648-4f8b-ae2a-f9a4cf1a35da","name":"Education","slug":"education"},{"id":"d26c907e-7d56-4582-9727-b7c10921b71e","name":"Community","slug":"community"}],"mainCategory":{"id":"7d3e2b9a-5c41-4f6e-9a8d-2b1c6e0f4a73","name":"Publishing","slug":"publishing"},"styles":[{"id":"937a983c-f83e-4f43-8172-7d086bc27166","name":"Immersive","slug":"immersive"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-10-02T16:16:10.617Z","createdAt":"2026-01-06T23:04:45.902Z","updatedAt":"2026-10-02T16:16:10.617Z","type":"post"},{"id":"019b9589-365a-73d8-97c9-945ccad4fb4e","title":null,"body":"

Then & Now is a specialized digital literacy platform designed to help older adults navigate online safety. The work demonstrates how thoughtful, audience-specific digital craft can make technology approachable and safe for vulnerable demographics.

Then & Now is an educational initiative by the National Cybersecurity Alliance designed to protect older adults from cybercrime, scams, and fraud.

My approach to this Framer project was deeply rooted in empathetic, accessible UX/UI design. The core challenge was taking complex digital threats and presenting them in an intuitive, non-intimidating digital environment for a senior demographic.

I designed and built the site to serve as a seamless hub for a multi-channel curriculum. The interface prioritizes high contrast, legible typography, and straightforward navigation, guiding users effortlessly between online learning modules, downloadable physical workbooks, and volunteer toolkits.

This project highlights my ability to adapt visual storytelling and user flows for highly specific audiences, ensuring that design empowers rather than frustrates the end user.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Then & Now","marks":[{"type":"link","attrs":{"href":"https://thenandnow.info/","target":"_blank","rel":"noopener noreferrer nofollow ugc"}}]},{"type":"text","text":" is an educational initiative by the National Cybersecurity Alliance designed to protect older adults from cybercrime, scams, and fraud. "}]},{"type":"paragraph","content":[{"type":"text","text":"My approach to this Framer project was deeply rooted in empathetic, accessible UX/UI design. The core challenge was taking complex digital threats and presenting them in an intuitive, non-intimidating digital environment for a senior demographic."}]},{"type":"paragraph","content":[{"type":"text","text":"I designed and built the site to serve as a seamless hub for a multi-channel curriculum. The interface prioritizes high contrast, legible typography, and straightforward navigation, guiding users effortlessly between online learning modules, downloadable physical workbooks, and volunteer toolkits. "}]},{"type":"paragraph","content":[{"type":"text","text":"This project highlights my ability to adapt visual storytelling and user flows for highly specific audiences, ensuring that design empowers rather than frustrates the end user."}]}]},"introduction":"Then & Now is an educational microsite designed with a clear, accessible UI that helps older adults understand modern online risks. Large typography, simple navigation, and guided layouts make complex cybersecurity topics easy to follow and act on.","slug":"thenandnow-info","author":{"framerUserId":"7858f8b2-18d2-49f1-bf91-86eb93c12d62","name":"Arturo Morales","slug":"efe","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/574704/dpMek1k87-0527sM784xTRJBMIBGQuRPsE2UG5o0","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/11481/thumbnail-Wa6reZRCAYFesYp1xFn5cPdq0KyzKz.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7858f8b2-18d2-49f1-bf91-86eb93c12d62/01a0fd56-0dd9-70a8-b64f-7ee1cfd50bd1.jpg","metadata":{"tint":{"h":240,"s":62,"l":20},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7858f8b2-18d2-49f1-bf91-86eb93c12d62/01a0fd56-24ff-74eb-a67b-c766fb017d43.jpg","metadata":{"tint":{"h":336,"s":83,"l":19},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-01-06T22:59:16.185Z","updatedAt":"2026-10-02T17:08:51.231Z","publishedAt":"2026-01-06T22:59:16.186Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://thenandnow.info/","categories":[{"id":"4deaf317-a648-4f8b-ae2a-f9a4cf1a35da","name":"Education","slug":"education"},{"id":"b65821c4-e205-4861-a28b-1623536037f7","name":"Landing Page","slug":"landing-page"},{"id":"d26c907e-7d56-4582-9727-b7c10921b71e","name":"Community","slug":"community"}],"mainCategory":{"id":"4deaf317-a648-4f8b-ae2a-f9a4cf1a35da","name":"Education","slug":"education"},"styles":[{"id":"7b4dedc2-4ed5-4630-809f-a6ccaafd0315","name":"Playful","slug":"playful"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":3,"edited":true,"editedAt":"2026-10-02T16:17:06.432Z","createdAt":"2026-01-06T22:59:16.186Z","updatedAt":"2026-10-02T16:17:06.432Z","type":"post"},{"id":"019b28ac-a7a5-7a87-93c7-6de32ba48112","title":null,"body":"

My portfolio site serves as a digital headquarters for my work as a multidisciplinary Art Director and UX/UI Designer. It showcases over a decade of experience building bold narratives and high-impact visual systems for global icons.

Check it out my: https://artcgi.com/

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"My "},{"type":"text","text":"portfolio site","marks":[{"type":"link","attrs":{"href":"https://artcgi.com/","target":"_blank","rel":"noopener noreferrer nofollow ugc"}}]},{"type":"text","text":" serves as a digital headquarters for my work as a multidisciplinary Art Director and UX/UI Designer. It showcases over a decade of experience building bold narratives and high-impact visual systems for global icons."}]},{"type":"paragraph","content":[{"type":"text","text":"Check it out my: "},{"type":"text","text":"https://artcgi.com/","marks":[{"type":"link","attrs":{"href":"https://artcgi.com/","target":"_blank","rel":"noopener noreferrer nofollow"}}]}]}]},"author":{"framerUserId":"7858f8b2-18d2-49f1-bf91-86eb93c12d62","name":"Arturo Morales","slug":"efe","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/574704/dpMek1k87-0527sM784xTRJBMIBGQuRPsE2UG5o0","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"10628","resolved":true,"title":"artcgi.com","body":"

This portfolio is a digital showcase of my work as a Senior Art Director and UX/UI Designer. With over 12 years of experience shaping campaigns and visual stories for global brands like Nissan, Jeep, Microsoft, Tequila Jose Cuervo, among others. my approach blends strategic storytelling with meticulous digital craft.

I built this site to reflect my multidisciplinary process: from leading 360° campaigns, animated content, and directing photography to exploring AI-assisted visual design and interactive UX.

My goal is to create intuitive, beautiful, and purposeful digital experiences that adapt ideas across cultures and elevate how brands communicate with their audiences.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"This "},{"type":"text","text":"portfolio","marks":[{"type":"link","attrs":{"href":"https://artcgi.com/","target":"_blank","rel":"noopener noreferrer nofollow ugc"}}]},{"type":"text","text":" is a digital showcase of my work as a Senior Art Director and UX/UI Designer. With over 12 years of experience shaping campaigns and visual stories for global brands like Nissan, Jeep, Microsoft, Tequila Jose Cuervo, among others. my approach blends strategic storytelling with meticulous digital craft. "}]},{"type":"paragraph","content":[{"type":"text","text":"I built this site to reflect my multidisciplinary process: from leading 360° campaigns, animated content, and directing photography to exploring AI-assisted visual design and interactive UX. "}]},{"type":"paragraph","content":[{"type":"text","text":"My goal is to create intuitive, beautiful, and purposeful digital experiences that adapt ideas across cultures and elevate how brands communicate with their audiences."}]}]},"introduction":"artcgi.com turns craft into experience, bold typography, refined motion, and intentional layouts working together to tell visual stories. Every detail serves clarity, emotion, and usability, proving design isn’t decoration, it’s direction.","slug":"artcgi-com","author":{"framerUserId":"7858f8b2-18d2-49f1-bf91-86eb93c12d62","name":"Arturo Morales","slug":"efe","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/574704/dpMek1k87-0527sM784xTRJBMIBGQuRPsE2UG5o0","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/10628/thumbnail.jpg","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/10628/screenshotOne.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/10628/screenshotTwo.jpg","metadata":{"tint":{"h":48,"s":94,"l":25},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/10628/screenshotThree.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/10628/screenshot4.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-12-16T19:39:22.402Z","updatedAt":"2026-10-02T17:10:31.766Z","publishedAt":"2025-12-16T19:39:22.405Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://artcgi.com/","categories":[{"id":"6a730e3d-bdf2-42a2-ab42-eee5ef39b694","name":"Portfolio","slug":"portfolio"},{"id":"4e292c6b-a094-4031-be7b-7affa4349187","name":"Agency","slug":"agency"}],"mainCategory":{"id":"0b134cec-b821-43a1-bf83-bd40505d9685","name":"Design","slug":"portfolio-design"},"styles":[{"id":"bfef686f-0676-42d4-8864-38e7fea1f763","name":"Bold","slug":"bold"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":4,"edited":true,"editedAt":"2026-10-02T16:18:52.723Z","createdAt":"2025-12-16T19:39:22.405Z","updatedAt":"2026-10-02T16:18:52.723Z","type":"post"},{"id":"019a8460-927b-78cd-a740-3195701c1c90","title":null,"body":"

HLV México is a leader in industrial adhesives and specialty chemicals. My approach for this Framer build was to modernize their B2B digital presence, turning a complex technical catalog into an intuitive, visually clean user experience.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"HLV México","marks":[{"type":"link","attrs":{"href":"https://www.hlvmexico.com/","target":"_blank","rel":"noopener noreferrer nofollow ugc"}}]},{"type":"text","text":" is a leader in industrial adhesives and specialty chemicals. My approach for this Framer build was to modernize their B2B digital presence, turning a complex technical catalog into an intuitive, visually clean user experience."}]}]},"author":{"framerUserId":"7858f8b2-18d2-49f1-bf91-86eb93c12d62","name":"Arturo Morales","slug":"efe","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/574704/dpMek1k87-0527sM784xTRJBMIBGQuRPsE2UG5o0","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"9831","resolved":true,"title":"HLVMexico.com","body":"

How do you make industrial chemicals and manufacturing adhesives accessible online? That was the core challenge for the HLV México website. As a premier distributor of high-performance adhesives, their audience consists of B2B buyers looking for specific, highly technical solutions.

My approach focused on clarity and conversion. I designed and built this Framer site to streamline the user journey, allowing clients to easily browse product lines, learn about additional technical services, and submit detailed support requests.

By combining a professional, modern visual aesthetic with structured UX, the new site establishes digital credibility and acts as a powerful 24/7 sales and support tool for the HLV team.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"How do you make industrial chemicals and manufacturing adhesives accessible online? That was the core challenge for the "},{"type":"text","text":"HLV México website","marks":[{"type":"link","attrs":{"href":"https://www.hlvmexico.com/","target":"_blank","rel":"noopener noreferrer nofollow ugc"}}]},{"type":"text","text":". As a premier distributor of high-performance adhesives, their audience consists of B2B buyers looking for specific, highly technical solutions."}]},{"type":"paragraph","content":[{"type":"text","text":"My approach focused on clarity and conversion. I designed and built this Framer site to streamline the user journey, allowing clients to easily browse product lines, learn about additional technical services, and submit detailed support requests. "}]},{"type":"paragraph","content":[{"type":"text","text":"By combining a professional, modern visual aesthetic with structured UX, the new site establishes digital credibility and acts as a powerful 24/7 sales and support tool for the HLV team."}]}]},"introduction":"HLV México distributes industrial adhesives and specialty chemicals, offering expert support, training, and high-performance products from brands like H.B. Fuller and Beardow Adams, with a strong focus on quality, innovation, and reliable delivery.","slug":"hlvmexico-com","author":{"framerUserId":"7858f8b2-18d2-49f1-bf91-86eb93c12d62","name":"Arturo Morales","slug":"efe","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/574704/dpMek1k87-0527sM784xTRJBMIBGQuRPsE2UG5o0","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/9831/thumbnail-KtwtQyNAfWLKPkt1bCafafOxrkSS8w.jpg","metadata":{"tint":{"h":30,"s":92,"l":20},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7858f8b2-18d2-49f1-bf91-86eb93c12d62/01a0fd20-ca3c-766a-97ee-6f7962472d09.jpg","metadata":{"tint":{"h":210,"s":40,"l":16},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7858f8b2-18d2-49f1-bf91-86eb93c12d62/01a0fd20-df7b-737d-923b-fd275ea95e1b.png","metadata":{"tint":{"h":200,"s":77,"l":49},"width":3200,"height":2012}}],"post":null,"createdAt":"2025-11-14T21:58:32.826Z","updatedAt":"2026-10-02T17:10:02.764Z","publishedAt":"2025-11-14T21:58:32.827Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://www.hlvmexico.com/","categories":[{"id":"ddd39099-5b17-42e0-b333-7b7c480a114f","name":"Business","slug":"business"},{"id":"b65821c4-e205-4861-a28b-1623536037f7","name":"Landing Page","slug":"landing-page"}],"mainCategory":{"id":"ddd39099-5b17-42e0-b333-7b7c480a114f","name":"Business","slug":"business"},"styles":[{"id":"303f0ab5-6ac2-43e9-8257-f08773521d38","name":"Corporate","slug":"corporate"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":3,"edited":true,"editedAt":"2026-10-02T16:17:52.343Z","createdAt":"2025-11-14T21:58:32.827Z","updatedAt":"2026-10-02T16:17:52.343Z","type":"post"},{"id":"019a7d9c-2e0e-7019-be57-86c44f5acaf5","title":null,"body":"

For StaySafeOnline.org, the official platform of the National Cybersecurity Alliance, my approach was to elevate a vast educational repository into a modern, accessible brand system. As the lead Art Director and UX/UI Designer, I oversee the platform’s visual identity, campaign branding, and interface optimization.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"For "},{"type":"text","text":"StaySafeOnline.org","marks":[{"type":"link","attrs":{"href":"http://StaySafeOnline.org","target":"_blank","rel":"noopener noreferrer nofollow"}}]},{"type":"text","text":", the official platform of the National Cybersecurity Alliance, my approach was to elevate a vast educational repository into a modern, accessible brand system. As the lead Art Director and UX/UI Designer, I oversee the platform’s visual identity, campaign branding, and interface optimization. "}]}]},"author":{"framerUserId":"7858f8b2-18d2-49f1-bf91-86eb93c12d62","name":"Arturo Morales","slug":"efe","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/574704/dpMek1k87-0527sM784xTRJBMIBGQuRPsE2UG5o0","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"9793","resolved":true,"title":"StaySafeOnline.org","body":"

As the Art Director and lead UX/UI designer for the National Cybersecurity Alliance (NCA), my challenge is translating complex tech and behavioral data into engaging, accessible digital experiences.

For StaySafeOnline.org, my approach centers on blending strategic UX optimization with high-impact visual storytelling. My work on this platform encompasses full creative direction and web design for their core site and major initiatives.

This includes optimizing user flows and building the visual identity for nationwide campaigns. By integrating conceptual visualizations, multimedia assets, and clean interface design, I transformed an educational resource into a dynamic, modern brand experience that resonates with both everyday users and corporate partners.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"As the Art Director and lead UX/UI designer for the National Cybersecurity Alliance (NCA), my challenge is translating complex tech and behavioral data into engaging, accessible digital experiences. "}]},{"type":"paragraph","content":[{"type":"text","text":"For "},{"type":"text","text":"StaySafeOnline.org","marks":[{"type":"link","attrs":{"href":"http://StaySafeOnline.org","target":"_blank","rel":"noopener noreferrer nofollow"}}]},{"type":"text","text":", my approach centers on blending strategic UX optimization with high-impact visual storytelling. My work on this platform encompasses full creative direction and web design for their core site and major initiatives. "}]},{"type":"paragraph","content":[{"type":"text","text":"This includes optimizing user flows and building the visual identity for nationwide campaigns. By integrating conceptual visualizations, multimedia assets, and clean interface design, I transformed an educational resource into a dynamic, modern brand experience that resonates with both everyday users and corporate partners."}]}]},"introduction":"Redesigned the site in Framer to improve accessibility, navigation, and brand cohesion while enhancing performance and scalability. Built a multilingual system and flexible CMS structure that empowers the team to manage content with ease.","slug":"staysafeonline-org","author":{"framerUserId":"7858f8b2-18d2-49f1-bf91-86eb93c12d62","name":"Arturo Morales","slug":"efe","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/574704/dpMek1k87-0527sM784xTRJBMIBGQuRPsE2UG5o0","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7858f8b2-18d2-49f1-bf91-86eb93c12d62/01a0fd33-9a0d-77a8-8f2d-0824af4a3b1f.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/9793/thumbnail-L5BlUgQ6vLbqLdZu1m93drUsJqeFia.jpg","metadata":{"tint":{"h":240,"s":67,"l":9},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7858f8b2-18d2-49f1-bf91-86eb93c12d62/01a0fd33-df6e-77cd-9371-9011365cf62c.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7858f8b2-18d2-49f1-bf91-86eb93c12d62/01a0fd34-0e03-712d-bdc1-b0fb11bce8d6.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7858f8b2-18d2-49f1-bf91-86eb93c12d62/01a0fd97-8047-744c-b755-f1e0e95b4356.jpg","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-11-13T14:26:18.761Z","updatedAt":"2026-10-02T17:09:26.761Z","publishedAt":"2025-11-13T14:26:18.766Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://www.staysafeonline.org/","categories":[{"id":"ddd39099-5b17-42e0-b333-7b7c480a114f","name":"Business","slug":"business"},{"id":"d26c907e-7d56-4582-9727-b7c10921b71e","name":"Community","slug":"community"},{"id":"4deaf317-a648-4f8b-ae2a-f9a4cf1a35da","name":"Education","slug":"education"}],"mainCategory":{"id":"c5eb1e88-1fe2-425d-acc3-010001c36198","name":"Nonprofits","slug":"nonprofits"},"styles":[{"id":"303f0ab5-6ac2-43e9-8257-f08773521d38","name":"Corporate","slug":"corporate"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-10-02T15:24:35.989Z","createdAt":"2025-11-13T14:26:18.766Z","updatedAt":"2026-10-02T15:24:35.989Z","type":"post"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L50"}]