I just launched the second part of the Northbound Case Study, the first one talked about the creation of the Design System ready for code, but this step goes even further. As a Design Engineer I shipped the same DS to code using Claude, closing the boundaries between design and development. Allowing us as designers manage your product's Design System directly without the back and forth with the Development team.

Check it out

Shipping the same DS to code is the part most teams struggle to close. Did the token structure hold up once it hit real components, or did it need to change?

Cheers! 🤘 𝗪𝗲’𝘃𝗲 𝗿𝗼𝗹𝗹𝗲𝗱 𝗼𝘂𝘁 𝘁𝗵𝗲 𝗽𝗿𝗼𝗷𝗲𝗰𝘁 𝘄𝗲 𝘁𝗲𝗮𝘀𝗲𝗱 𝗿𝗲𝗰𝗲𝗻𝘁𝗹𝘆. We finished developing the promo site for 𝗦𝗮𝘀𝗵𝗮 𝗟𝗮𝗴𝘂𝘁𝗮'𝘀 "𝗣𝗹𝘂𝘀 𝘁𝗼 𝗟𝗲𝘃𝗲𝗹" intensives. Our task was to carefully translate the mockups into code using a fluid layout, fully preserving the author's vision. Along the way, we helped fine-tune the animations right during the build process. 𝗨𝗻𝗱𝗲𝗿 𝘁𝗵𝗲 𝗵𝗼𝗼𝗱, 𝘄𝗲 𝗽𝗮𝗰𝗸𝗲𝗱 𝗮 𝗹𝗼𝘁 𝗼𝗳 𝗴𝗼𝗼𝗱𝗶𝗲𝘀: • Sequential text reveal via cycling • Interactive field with student cards • Infinite Canvas with a depth effect • Draggable horizontal scroll We had a separate battle with Safari. We had to get tricky with video playback to bypass the browser's strict limitations without breaking anything. We love challenges like this. When strong visuals meet creative development, a website truly comes alive. This isn't our first time working with Sasha, so the process went smoothly and without any fuss. Thanks for the trust. 𝗗𝗿𝗼𝗽 𝗯𝘆 𝘁𝗼 𝗰𝗵𝗲𝗰𝗸 𝗼𝘂𝘁 𝘁𝗵𝗲 𝗹𝗶𝘃𝗲 𝘀𝗶𝘁𝗲: https://plustolevel.taptop.site/

The motion and interaction feel really well executed. Love this concept! 🔥