<aside> <img src="/icons/fireworks_purple.svg" alt="/icons/fireworks_purple.svg" width="40px" />
Click to jump into ➡️ Current Pitch Slide
</aside>
This is a cool capstone project — aka Startup Studio at Cornell Tech—where students come up with their own challenge and build a solution.
As the design lead, I kicked off the process with a survey to uncover key pain points in the writing flow. From there, I distilled five critical issues into three high-priority features that directly addressed user productivity challenges. I then designed user flows, UI, and interactive prototypes in Figma to streamline collaboration with our technical teammates. Right now, we’re refining a key feature — with more to come. Stay tuned!
We’ve all been there — juggling between editing pages and a ridiculous number of Chrome tabs, searching for info until the “close” icon disappears. It’s frustrating and messy. So, we started wondering:
<aside> <img src="/icons/bell-notification_red.svg" alt="/icons/bell-notification_red.svg" width="40px" /> How might we design a smarter workspace that makes it easier for the users to stay in the editing flow?
</aside>
An Example of Tab Overload (Image Source: https://www.wired.com/story/how-to-organize-browser-tabs/)
That’s where XFrame comes in — we’re tackling three major pain points that mess with your workflow: too many reference tabs, losing track of what you wrote, and a rigid, unhelpful layout.
For the design principle, I decided to apply a glassy, black-transparent block to all features, ensuring the user stays focused on their editing as well as helping reduce visual fatigue.