Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

experimenting with the first Jev powered websites 1. Ploy looks through your site data, conversion rates, enriched visitors, etc. 2. Finds what's working and where specific types of users are dropping off 3. Comes up with hypotheses for how to align messaging to those user groups 4. when a... show more

brryant

13,668 subscribers

21,503 Aufrufe • vor 6 Tagen •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

I used Jev to classify 1,018 AI research papers. The result: $0.08 total cost and 256ms median end-to-end latency per paper. The pipeline was: 1. Summarize each paper with DeepSeek V4 Flash 2. Send the title + summary + 24 possible topics to Jev 3. Use Jev to classify each paper 4. Visualize everything on The summaries cost $3.99 on Together AI. The classifications cost $0.08 on TypeSafe AI. So for just over $4 of inference, I ended up with a pretty useful way to explore the top AI research papers from the past year. I think this is where things are heading: different models for different parts of the workflow, instead of using one model for everything. I’m running evals on the Jev classifications before replacing the current ones, but the site is already live:

I used Jev to classify 1,018 AI research papers. The result: $0.08 total cost and 256ms median end-to-end latency per paper. The pipeline was: 1. Summarize each paper with DeepSeek V4 Flash 2. Send the title + summary + 24 possible topics to Jev 3. Use Jev to classify each paper 4. Visualize everything on The summaries cost $3.99 on Together AI. The classifications cost $0.08 on TypeSafe AI. So for just over $4 of inference, I ended up with a pretty useful way to explore the top AI research papers from the past year. I think this is where things are heading: different models for different parts of the workflow, instead of using one model for everything. I’m running evals on the Jev classifications before replacing the current ones, but the site is already live:

Hassan

333,468 Aufrufe • vor 9 Tagen

I just built a Claude Code skill that scores whether your landing page actually keeps your Meta ad's promise 🤯 Drop in your ad and the page it points to. It reads both, scores the "ad scent" from click to page, and finds the exact line where the page breaks the promise that won the click. All inside Claude Code. Perfect for DTC brands and media buyers who pour everything into the ad and the CPA but never grade the seam in between. If you're scaling spend on a winning ad, the click is landing on a page that opens with something slightly different, the ad promised 50% off and the page shows full price, the ad hooked "for oily skin" and the page is a generic homepage, and nothing looks broken, but the visitor feels it and bounces... That gap has a name in conversion work: message match. And you already paid for the click you're losing. Here's what it does: → Drop in your ad (headline, copy, offer, CTA) and the landing-page URL → It fetches the live page and reads what's actually above the fold → Grades 7 continuity dimensions: promise, offer, angle, CTA, audience, proof, visual → Shows your ad's words next to your page's words, so every gap is right there → Rewrites your hero headline so the page keeps the ad's promise → Renders a dashboard with a Match Score out of 100 No guessing why the click bounced. No blaming the creative for a page problem. No buying more traffic to fix a copy problem. What you get: → A Match Score on every ad-to-page pair before you scale → The ad-side vs page-side quotes, side by side, for every leak → A hero rewrite you can paste straight onto the page → A dashboard you can hand to your team or client I'm giving away the full skill completely for free. Built 100% in Claude Code. No API keys. Want the skill? > Like this post > Comment "MATCH" And I'll send it over (must be following so I can DM)

I just built a Claude Code skill that scores whether your landing page actually keeps your Meta ad's promise 🤯 Drop in your ad and the page it points to. It reads both, scores the "ad scent" from click to page, and finds the exact line where the page breaks the promise that won the click. All inside Claude Code. Perfect for DTC brands and media buyers who pour everything into the ad and the CPA but never grade the seam in between. If you're scaling spend on a winning ad, the click is landing on a page that opens with something slightly different, the ad promised 50% off and the page shows full price, the ad hooked "for oily skin" and the page is a generic homepage, and nothing looks broken, but the visitor feels it and bounces... That gap has a name in conversion work: message match. And you already paid for the click you're losing. Here's what it does: → Drop in your ad (headline, copy, offer, CTA) and the landing-page URL → It fetches the live page and reads what's actually above the fold → Grades 7 continuity dimensions: promise, offer, angle, CTA, audience, proof, visual → Shows your ad's words next to your page's words, so every gap is right there → Rewrites your hero headline so the page keeps the ad's promise → Renders a dashboard with a Match Score out of 100 No guessing why the click bounced. No blaming the creative for a page problem. No buying more traffic to fix a copy problem. What you get: → A Match Score on every ad-to-page pair before you scale → The ad-side vs page-side quotes, side by side, for every leak → A hero rewrite you can paste straight onto the page → A dashboard you can hand to your team or client I'm giving away the full skill completely for free. Built 100% in Claude Code. No API keys. Want the skill? > Like this post > Comment "MATCH" And I'll send it over (must be following so I can DM)

Mike Futia

10,862 Aufrufe • vor 2 Monaten

I just built a Claude Code skill that scores whether your landing page actually keeps your ad's promise 🤯 Drop in your ad and the page it points to. It reads both, scores the "ad scent" from click to page, and finds the exact line where the page breaks the promise that won the click. All inside Claude Code. Perfect for DTC brands and media buyers who pour everything into the ad and the CPA but never grade the seam in between. If you're scaling spend on a winning ad, the click is landing on a page that opens with something slightly different, the ad promised 50% off and the page shows full price, the ad hooked "for oily skin" and the page is a generic homepage, and nothing looks broken, but the visitor feels it and bounces... That gap has a name in conversion work: message match. And you already paid for the click you're losing. Here's what it does: → Drop in your ad (headline, copy, offer, CTA) and the landing-page URL → It fetches the live page and reads what's actually above the fold → Grades 7 continuity dimensions: promise, offer, angle, CTA, audience, proof, visual → Shows your ad's words next to your page's words, so every gap is right there → Rewrites your hero headline so the page keeps the ad's promise → Renders a dashboard with a Match Score out of 100 No guessing why the click bounced. No blaming the creative for a page problem. No buying more traffic to fix a copy problem. What you get: → A Match Score on every ad-to-page pair before you scale → The ad-side vs page-side quotes, side by side, for every leak → A hero rewrite you can paste straight onto the page → A dashboard you can hand to your team or client The honest part: message match is one lever on conversion, not the whole funnel. But it's the cheapest one to fix. You're not buying more clicks. You're keeping the clicks you already bought. Built 100% in Claude Code. No API keys. Want the skill? > Like this post > Comment "MATCH" And I'll send it over (must be following so I can DM)

I just built a Claude Code skill that scores whether your landing page actually keeps your ad's promise 🤯 Drop in your ad and the page it points to. It reads both, scores the "ad scent" from click to page, and finds the exact line where the page breaks the promise that won the click. All inside Claude Code. Perfect for DTC brands and media buyers who pour everything into the ad and the CPA but never grade the seam in between. If you're scaling spend on a winning ad, the click is landing on a page that opens with something slightly different, the ad promised 50% off and the page shows full price, the ad hooked "for oily skin" and the page is a generic homepage, and nothing looks broken, but the visitor feels it and bounces... That gap has a name in conversion work: message match. And you already paid for the click you're losing. Here's what it does: → Drop in your ad (headline, copy, offer, CTA) and the landing-page URL → It fetches the live page and reads what's actually above the fold → Grades 7 continuity dimensions: promise, offer, angle, CTA, audience, proof, visual → Shows your ad's words next to your page's words, so every gap is right there → Rewrites your hero headline so the page keeps the ad's promise → Renders a dashboard with a Match Score out of 100 No guessing why the click bounced. No blaming the creative for a page problem. No buying more traffic to fix a copy problem. What you get: → A Match Score on every ad-to-page pair before you scale → The ad-side vs page-side quotes, side by side, for every leak → A hero rewrite you can paste straight onto the page → A dashboard you can hand to your team or client The honest part: message match is one lever on conversion, not the whole funnel. But it's the cheapest one to fix. You're not buying more clicks. You're keeping the clicks you already bought. Built 100% in Claude Code. No API keys. Want the skill? > Like this post > Comment "MATCH" And I'll send it over (must be following so I can DM)

Mike Futia

10,242 Aufrufe • vor 2 Monaten

We have FINALLY solved how to generate infinite static ads completely on autopilot (including copy) and put them in a Drive folder, with ZERO human intervention necessary: 1. Generate ChatGPT headlines and push them into Google Sheets with Zapier. 2. Create one or several design templates for your brand in using their Canva integration 3. Set up a Zap that pushes your Google Sheet copy into the Switchboard template. It will automatically handle text formatting and centering 4. Auto upload the completed design file into Google Drive with Zapier You can do this with infinite design templates and different sources of copy (website reviews, subreddits, etc) so you ALWAYS have brand new ads READY TO GO, organized in the Drive folder of your choice for someone on your team to review and launch. The copy refreshes weekly in this zap according to your prompt. Comment if you want the SOP document for this that outlines it step-by-step!

Peter Czepiga

26,125 Aufrufe • vor 1 Jahr

We’re partnering with Paul Jankura to launch the biggest Protein Design Competition in the world, challenging people around the world to use AI to design new potential drug candidates for diseases that affect millions of lives. The competition will feature five challenges, each focused on a specific disease or biological mechanism. Compared to previous competitions, it will be a big step-up in complexity and scale to push the boundaries of AI-driven protein design. Together with Anthropic, we’re sponsoring over $1 million in experimental validation, making it possible to test more than 5,000 protein designs in our automated lab at no cost to participants. Anthropic is providing an additional $1 million in Claude credits. All experimental results will be published openly on Proteinbase, including designs that didn’t work, so anyone can access the data and build on what we learn. The competition is open to everyone and free to enter. It will feature 3 tracks: - Track 1 is aimed at expert protein designers, with up to 20 teams to be selected. - Track 2 is targeting life science academics and industry researchers. - Track 3 is open to everyone from tech enthusiasts to high-school students. By combining Anthropic’s models with access to our automated lab, we want to make it possible for anyone with a laptop and an internet connection to join the global effort to advance human health with AI. A big thanks to Modal for contributing compute for protein design and to Twist Bioscience for contributing the DNA for the experimental validation! Sign up link below -

We’re partnering with Paul Jankura to launch the biggest Protein Design Competition in the world, challenging people around the world to use AI to design new potential drug candidates for diseases that affect millions of lives. The competition will feature five challenges, each focused on a specific disease or biological mechanism. Compared to previous competitions, it will be a big step-up in complexity and scale to push the boundaries of AI-driven protein design. Together with Anthropic, we’re sponsoring over $1 million in experimental validation, making it possible to test more than 5,000 protein designs in our automated lab at no cost to participants. Anthropic is providing an additional $1 million in Claude credits. All experimental results will be published openly on Proteinbase, including designs that didn’t work, so anyone can access the data and build on what we learn. The competition is open to everyone and free to enter. It will feature 3 tracks: - Track 1 is aimed at expert protein designers, with up to 20 teams to be selected. - Track 2 is targeting life science academics and industry researchers. - Track 3 is open to everyone from tech enthusiasts to high-school students. By combining Anthropic’s models with access to our automated lab, we want to make it possible for anyone with a laptop and an internet connection to join the global effort to advance human health with AI. A big thanks to Modal for contributing compute for protein design and to Twist Bioscience for contributing the DNA for the experimental validation! Sign up link below -

Adaptyv Bio

202,892 Aufrufe • vor 9 Tagen

$Jev + Muse is the first AI agent system that actually automate 100% of my life 99% of people pay 200x more for slower AI agents - while 1% run this 2030 setup just 5 min and setup is ready: prompt → Muse → Jev decision → Muse execution → result step 1 → create your Jev API key (typesafe website) step 2 → clone and install the complete router from Github below python3 -m venv .venv && .venv/bin/pip install -r requirements.txt && cp config.example.yaml config.yaml step 3 → export the key before running anything: export TYPESAFE_API_KEY='YOUR_KEY' add the same export to ~/.zshrc or ~/.bashrc if you want it to survive a new terminal session step 4 → give your agent skill/jev-decision-layer.SKILL.md and connect it to src/router.py + recipes/ , raw Jev returns probabilities - the router converts them into executable actions step 5 → test the entire chain, not the raw Jev API: .venv/bin/python -m src.cli '{"goal":"what is 2+2?","kind":"chat"}' the final JSON should contain action, reason, mode, jev_used and confidence details step 6 → keep mode: shadow for 20–50 real decisions: the agent works normally while Jev’s routes are logged and checked; promote only reliable question packs step 7 → switch to mode: active with hard confidence gates: ≥0.80 act automatically, 0.50–0.79 advisory only, <0.50 escalate to the human the result: Jev + Muse is a system that decides what to do, what to skip and when to bring in - I’ve tested it across my daily workflows, and it’s the best setup I’ve found for automating routine Take the exact stack I built, run it yourself from the repo - then read the full Jev architecture behind it ↓$

Jev + Muse is the first AI agent system that actually automate 100% of my life 99% of people pay 200x more for slower AI agents - while 1% run this 2030 setup just 5 min and setup is ready: prompt → Muse → Jev decision → Muse execution → result step 1 → create your Jev API key (typesafe website) step 2 → clone and install the complete router from Github below python3 -m venv .venv && .venv/bin/pip install -r requirements.txt && cp config.example.yaml config.yaml step 3 → export the key before running anything: export TYPESAFE_API_KEY='YOUR_KEY' add the same export to ~/.zshrc or ~/.bashrc if you want it to survive a new terminal session step 4 → give your agent skill/jev-decision-layer.SKILL.md and connect it to src/router.py + recipes/ , raw Jev returns probabilities - the router converts them into executable actions step 5 → test the entire chain, not the raw Jev API: .venv/bin/python -m src.cli '{"goal":"what is 2+2?","kind":"chat"}' the final JSON should contain action, reason, mode, jev_used and confidence details step 6 → keep mode: shadow for 20–50 real decisions: the agent works normally while Jev’s routes are logged and checked; promote only reliable question packs step 7 → switch to mode: active with hard confidence gates: ≥0.80 act automatically, 0.50–0.79 advisory only, <0.50 escalate to the human the result: Jev + Muse is a system that decides what to do, what to skip and when to bring in - I’ve tested it across my daily workflows, and it’s the best setup I’ve found for automating routine Take the exact stack I built, run it yourself from the repo - then read the full Jev architecture behind it ↓

codila

88,901 Aufrufe • vor 4 Tagen

Every thought you think is contributing to the life you are creating. 💫 The future is not something that simply happens to you—it is something you are shaping right now through your focus, beliefs, and emotions. Instead of dwelling on what you don't want, turn your attention to what you truly desire. Think about the success you want to achieve, the abundance you want to experience, the relationships you want to nurture, and the life you want to live. 🌟 The more you focus on your desires, the more you align yourself with bringing them into reality. 📘 Ready to create a richer future? Discover the powerful principles in Countdown to Riches, and learn how to align your thoughts with abundance, success, and fulfillment. Secure your copy today 👉 💬 Comment "I CHOOSE ABUNDANCE" if you're creating your future with intention. ✨

Every thought you think is contributing to the life you are creating. 💫 The future is not something that simply happens to you—it is something you are shaping right now through your focus, beliefs, and emotions. Instead of dwelling on what you don't want, turn your attention to what you truly desire. Think about the success you want to achieve, the abundance you want to experience, the relationships you want to nurture, and the life you want to live. 🌟 The more you focus on your desires, the more you align yourself with bringing them into reality. 📘 Ready to create a richer future? Discover the powerful principles in Countdown to Riches, and learn how to align your thoughts with abundance, success, and fulfillment. Secure your copy today 👉 💬 Comment "I CHOOSE ABUNDANCE" if you're creating your future with intention. ✨

The Secret

23,899 Aufrufe • vor 3 Monaten

The new Product Page Header image in the App Store will not matter. First you need users to actually want to enter your App Store listing. And the reality is that a lot of users NEVER enter the listing. They search for something, see the app in the search results and download it directly from there. So the important update here is the new Search Results image. It's an app banner inside the App Store search results. And you should think about it as a persuasive ad. COPYWRITING will be what matters. Not the fancy "branding". Users are searching because they want an answer to something. Your creative needs to give them that answer immediately. And this becomes even more important with Apple Ads. You can pay to appear for the keyword, but your creative still needs to convince the user that your app is the answer they were searching for.

The new Product Page Header image in the App Store will not matter. First you need users to actually want to enter your App Store listing. And the reality is that a lot of users NEVER enter the listing. They search for something, see the app in the search results and download it directly from there. So the important update here is the new Search Results image. It's an app banner inside the App Store search results. And you should think about it as a persuasive ad. COPYWRITING will be what matters. Not the fancy "branding". Users are searching because they want an answer to something. Your creative needs to give them that answer immediately. And this becomes even more important with Apple Ads. You can pay to appear for the keyword, but your creative still needs to convince the user that your app is the answer they were searching for.

Teodora @DesignerAnts

69,953 Aufrufe • vor 1 Monat

I mean, is that even a question?! The excitement is REAL, and we’re gearing up for something huge with $FNTIO! 🚀 With all the anticipation surrounding the launch, it’s time to lock in and get ready to be part of the next big thing in crypto. Are you ready to jump in?💸

I mean, is that even a question?! The excitement is REAL, and we’re gearing up for something huge with $FNTIO! 🚀 With all the anticipation surrounding the launch, it’s time to lock in and get ready to be part of the next big thing in crypto. Are you ready to jump in?💸

FNT Crypto

18,099 Aufrufe • vor 1 Jahr

This is genuinely insane 🤯 I sent the same prompt to 2 Claude Opus 5 agents 1 agent used no MCPs 1 agent used 2 MCPS the goal was to clone a very famous game, that has over 4 billion downloads and the results are scary.. The 1st agents game looks pretty basic. but has all the mechanics in place and even has power ups. The 2nd agents game looks polished especially for 1 single prompt. the 2nd agent used higgsfield mcp to create images for all of the assets then sent those images to Meshy AI with a prompt to create them it also generated all the UI elements. the results speak for themselves. you need to start MCP maxxing

This is genuinely insane 🤯 I sent the same prompt to 2 Claude Opus 5 agents 1 agent used no MCPs 1 agent used 2 MCPS the goal was to clone a very famous game, that has over 4 billion downloads and the results are scary.. The 1st agents game looks pretty basic. but has all the mechanics in place and even has power ups. The 2nd agents game looks polished especially for 1 single prompt. the 2nd agent used higgsfield mcp to create images for all of the assets then sent those images to Meshy AI with a prompt to create them it also generated all the UI elements. the results speak for themselves. you need to start MCP maxxing

Ernesto Lopez

70,384 Aufrufe • vor 2 Monaten

Claude Design + Shopify is f*cking ridiculous 🤯 You can now publish pages from Claude Design → Claude Code → Shopify. Built 100% with Claude Design, Claude Code, and the Shopify CLI. Perfect for DTC brands and agencies who want to skip the design → dev handoff entirely. Here's how it works: → Design any landing page in Claude Design → Export as a zip and drop it into Claude Code → Install the Shopify + Shopify AI Toolkit plugins → Prompt Claude to convert the HTML into a Shopify page template + push to live theme → Claude uploads the images, deploys the files, and creates a published page No more handing designs off to a dev and waiting 2 weeks for a Shopify page. What you get: - A workflow that turns any Claude Design page into a real Shopify page template - Editable sections so your marketing team can swap copy, images, and CTAs without code - Images uploaded straight to Shopify Files automatically - A files-only deploy that only touches what's new in your live theme - A repeatable pipeline you can use every time you design a new landing page This is essentially the design-to-deploy pipeline brands have been waiting for. I put together a step-by-step playbook for going from Claude Design → published Shopify page. Every install, every plugin, every command, and the exact prompt that runs the whole thing. Want the playbook for free? > Like this post > Comment "SHOP" And I'll send it over (must be following so I can DM)

Claude Design + Shopify is f*cking ridiculous 🤯 You can now publish pages from Claude Design → Claude Code → Shopify. Built 100% with Claude Design, Claude Code, and the Shopify CLI. Perfect for DTC brands and agencies who want to skip the design → dev handoff entirely. Here's how it works: → Design any landing page in Claude Design → Export as a zip and drop it into Claude Code → Install the Shopify + Shopify AI Toolkit plugins → Prompt Claude to convert the HTML into a Shopify page template + push to live theme → Claude uploads the images, deploys the files, and creates a published page No more handing designs off to a dev and waiting 2 weeks for a Shopify page. What you get: - A workflow that turns any Claude Design page into a real Shopify page template - Editable sections so your marketing team can swap copy, images, and CTAs without code - Images uploaded straight to Shopify Files automatically - A files-only deploy that only touches what's new in your live theme - A repeatable pipeline you can use every time you design a new landing page This is essentially the design-to-deploy pipeline brands have been waiting for. I put together a step-by-step playbook for going from Claude Design → published Shopify page. Every install, every plugin, every command, and the exact prompt that runs the whole thing. Want the playbook for free? > Like this post > Comment "SHOP" And I'll send it over (must be following so I can DM)

Mike Futia

59,177 Aufrufe • vor 4 Monaten

We just released a new marketing site and I wanted to talk through some of the changes that we made and why. Design thinking is the other side of the feed, it's usually more nuanced than the flashier parts and typically doesn't hold up as well to a quick scroll. Doesn't bode well for this thread! But, this will be my attempt to talk through the changes made and why. First up, this is our new hero. At Loops.so, our goal right now is to be the only platform you need to email your users The H1 matches that intention and the subheader reinforces it. We also wanted it to be clear we ship fast and often, so we added a pill showing the latest featured changelog. Agents are part of how people build software today, so we wanted to give that the second most important placement on the page, right after signup. Finally, the logo strip should not distract too much, but it should still help people understand these are users, not just logos. So we added the date of first payment from Stripe next to each logo. Next up, more things!

Chris Frantz

20,382 Aufrufe • vor 5 Monaten

At Oogy, we aim to design and build the best products & experiences for our holders. We are design maxis to the fullest extent. Design savants. With reveal, we knew that we HAD to be different. How do we build off the euphoria of seeing your NFT for the first time?

At Oogy, we aim to design and build the best products & experiences for our holders. We are design maxis to the fullest extent. Design savants. With reveal, we knew that we HAD to be different. How do we build off the euphoria of seeing your NFT for the first time?

Justin

39,760 Aufrufe • vor 3 Jahren

❓ What you need to do to participate in Airdrop 2 TALENTRIX: 1. Subscribe to Talentrix 2. Retweet the Airdrop post on your X page: — Add a comment with the hashtags #TrixAirDrop #TrixToTheMoon #TrixChat — Tag 5 friends. Then at under Airdrop: 1. Enter your nickname (X) 2. Enter your Solana address 3. Insert retweet link 4. Press " >> TRANSMIT DATA <<" Wait for the launch and get ready to receive $TRIX!

❓ What you need to do to participate in Airdrop 2 TALENTRIX: 1. Subscribe to Talentrix 2. Retweet the Airdrop post on your X page: — Add a comment with the hashtags #TrixAirDrop #TrixToTheMoon #TrixChat — Tag 5 friends. Then at under Airdrop: 1. Enter your nickname (X) 2. Enter your Solana address 3. Insert retweet link 4. Press " >> TRANSMIT DATA <<" Wait for the launch and get ready to receive $TRIX!

Talentrix

108,217 Aufrufe • vor 1 Jahr

Share to Earn 💸 We have just released a new update that allows users to generate a unique referral link for each campaign we launch. This referral link, when clicked, directs users straight to the campaign page. Additionally, anyone who joins Yescoin for the first time through this referral link is counted as a Friend, and the standard rewards for Friends’ referrals (15,000 yescoin) are applied. This Share to Earn new feature significantly boosts friend conversion rates, as contests make it easier to invite people to join Yescoin. Give it a try ✨

Share to Earn 💸 We have just released a new update that allows users to generate a unique referral link for each campaign we launch. This referral link, when clicked, directs users straight to the campaign page. Additionally, anyone who joins Yescoin for the first time through this referral link is counted as a Friend, and the standard rewards for Friends’ referrals (15,000 yescoin) are applied. This Share to Earn new feature significantly boosts friend conversion rates, as contests make it easier to invite people to join Yescoin. Give it a try ✨

Yescoin Foundation

68,116 Aufrufe • vor 1 Jahr

What if changing product types could happen directly on the product page? The lamp transitions between 2 types, which also changes the context in real time. The lights appear to reveal its dimensions. The whole interactive scene is built in Rive and integrated with Shopify through Konfigur, making it possible to bring this kind of experience to any Shopify store

What if changing product types could happen directly on the product page? The lamp transitions between 2 types, which also changes the context in real time. The lights appear to reveal its dimensions. The whole interactive scene is built in Rive and integrated with Shopify through Konfigur, making it possible to bring this kind of experience to any Shopify store

Daria Nevezhyna

37,593 Aufrufe • vor 26 Tagen

home page hero ✨ Design notes: - "Forever" hero text dot pixel FX done in Unicorn Studio. (I will do a whole tutorial on this later. Unicorn's WebGL engine is absolutely wild and very powerful / robust) - built in Framer - I wanted to recreate the iOS unlock effect where your home screen icons cascade into place in a beautifully timed choreography. This took a lot of careful timing using Framer's "Appear" effect on the hero text and surrounding avatars because it was super important that we didn't lose the legibility of our main message ("Build Your Forever Audience") with all the animations. - If you look closely, the choreography is setup to lead your eye through the hero text first starting with "Build Your" then "Forever" and finally "Audience." - With those text layers in place + the surrounding avatars, there is a slight 1 sec pause before the remaining elements slide in below and above (How it works, CTA buttons, announcement badge, and lastly the main nav). - All told the entire loading sequence is 6 seconds - Custom particle system powers the interactive star field (the stars slowly gravitate to your pointer position, and the star field perspective changes ever so subtly as you move your mouse around on the page) - I have 3 shooting stars made of small white line layers that start out off canvas rotated at different angles that shoot across to another point off canvas at random times on a loop effect. - Given this hero scene is in space, I wanted the surrounding avatar elements to "float" in low gravity mode. For this I used Framer's loop effect that slowly oscillates the layer's y position. I then offset the delay of each element randomly to stagger the floating loop so each avatar floats independently/randomly - The final major treatment for this hero scene was the scroll animations on the avatars. I wanted to create a bit of a warp speed effect when you scroll down, as if the avatars were being pulled or sucked into a worm hole as you scroll down below this hero fold. - To accomplish this, I applied Framer's scroll transform affect set to "section in view" on each of the floating avatars, and set the "scroll to" position of the upper avatars to be much, much further away on the y-axis than the "scroll to" position of the lower avatars. (eg. -1700px on upper most avatars vs. -600px on lowest positioned avatars). This effectively causes the upper avatars to slide up off the hero canvas with much greater velocity than the lower positioned avatars. - And when you scroll back up to the hero section, the inverse happens where the lower positioned avatars "arrive back in place" from up above the hero canvas before the upper avatars come back into the scene and settle in place. - Overall I wanted this hero section to feel alive. The floating avatars, particle system with very subtle star movements, and the Caustics effect on the "Forever" text all sort of move at the pace of slow breathing - which is a great pace to create a sense of life and comfort in your scene. Conversion Results (so far) - When this new Framer site launched along with Calaxy v1.9 release on Base a couple weeks ago, we saw a surge in traffic, around 20k page views in the first few days. - Of those 20k hits, 11k visited the app install page ( - which is our main CTA - We saw around 10K new users in the first week after v1.9 launch Overall I'm very happy with the new site and early performance metrics. Lots of tweaking to do but its a good start. If you are a designer building in Framer - hit me with any questions on the above hero notes. Happy to share more specifics! 👾

Chadd Weston

16,401 Aufrufe • vor 11 Monaten