Designing 0-1 GenAI
Designing NewsArc
A New AI App for the US Market
Product: NewsArc (An AI initiative that is now part of the main SmartNews app)
Role: Head of Design (The only product and brand designer)
Timeline: 3 Months (From idea to App Store launch)
The Tiger Team: SVP of Product, CTO, ML & Engineering Squads
The Challenge:
Building for the US Market
SmartNews is huge in Japan, maintaining a monthly active user count of over 20 million readers. However, the platform struggled to win over American readers. To bridge this gap, I drove the strategy to build a brand-new app from scratch instead of dealing with 10 years of old code. As the only designer on the team, I worked directly with the SVP of Product and the CTO to design a generative AI app tailored specifically for how Americans read the news.
The Translation Layer:
Bringing Lofty Ideas Down to Earth
Leadership brought lofty, blue-sky concepts to the table, but those ideas lacked user resonance and fell short of established market expectations, risking a limited product that would fail to stand out in a crowded sea of news apps. Furthermore, the engineering team was accustomed to a highly structured, legacy waterfall workflow and struggled to translate these abstract executive demands into clear technical tasks.
Having designed products at every stage of growth, I knew how to bring both visual excellence and sharp product sense to the project. I stepped in to shape leadership's massive ambitions into a focused strategy that protected engineering velocity. I served as the critical translation layer, mapping out the concrete research and delightful interaction patterns required to bridge corporate ambition with engineering feasibility, keeping the developers inspired and productively tasked.
The Process:
Designing with Live AI Data to Stop a Broken Handoff
Leadership's firm belief that a design wasn't "real" until it was powered by a live LLM led to a chaotic, global operational model. US squads rushed daily builds across timezones so Japanese engineers could code overnight, just to have a live version ready for morning reviews. This was entirely new to the teams, and whenever a feature wasn't ready or leadership changed their minds, engineering capacity was wasted on throwaway code.
I stepped in to solve this by getting closer to the technology. I partnered with the backend team and gained direct access to the LLM outputs, allowing me to stress-test capabilities and analyze live data before drawing a single interface. This flipped the paradigm: I was now actively designing for the AI itself. By grounding my work in real-time outputs, I gave leadership the accurate, interactive validation they demanded while completely shielding engineering from unstable build cycles.
The Reality:
Replacing "Know It When We See It" with Real Data
Relying on a "know it when we see it" mentality, Leadership didn't believe in traditional research. To bring real structure to our fast 90-day timeline, I set up a quick validation process. I dug into older user research the company already had, looked at common app standards, and used my own product experience to skip long research cycles. Once we had a prototype, I set up daily team testing ("dogfooding") and ran quick checks on our live designs. This gave us the fast, real data we needed to fix errors early and make smart product choices with confidence.
Protecting the Product:
Cutting Out High-Risk Ideas
AI features can be unpredictable, and leadership brought a wide variety of ideas that were not fully proven or useful within the news space. They suggested several experimental features that required serious design evaluation and clear boundaries.
The AI News Map (Dropped): Leadership envisioned a visual map experience powered by the LLM. I dropped this concept after testing proved it violated core user mental models. Readers to know what’s happening now, not pan and zoom around a video game style interface to discover what is happening in the world.
Generative AI News Summaries (Dropped): Leadership wanted the AI to write news summaries. I monitored other companies attempting this and saw they were consistently failing due to hallucinations and misjudging the tone of serious, sensitive reporting. More importantly, it ran completely counter to user sentiment around news trust, so I recommended shelving it to protect our brand's reputation.
AI Chat Forums (Dropped): Leadership believed the news would be more engaging with AI-run discussion boards. I recognized this as an outdated community model that testing showed quickly became toxic and argumentative, so I cut the feature.
The Path Forward:
Guiding the Product to Real Value
While steering the product away from those high-risk ideas, I focused on designing an experience inspired by the potential of AI but grounded in reality.
Research showed American readers were tired of misinformation. They didn't want AI-written text; they wanted high-quality journalism. Instead of using AI to create content, I brought the experience "back to basics" to lean into existing brand loyalty for established publishers.
I designed Arcs & Collections, a system that uses AI to group, contextualize, and sort real articles from trusted sources. To create harmony with hard-hitting news, I focused on the specific topics people naturally enjoy, like sports and lifestyle. By allowing users to create personal "playlists," they could easily follow their favorite publishers and interests, which we then served up through smart, automated curation. This redirected our technical capabilities away from generative risk and toward smart utility, answering the market's demand for editorial integrity.
[Design Detail] More than UI
News in Motion
One element I want to call out is the importance of color in this product.
I explored a breadth of visual takes, as Leadership asked for a color-rich experience. While working on the News Map, I began digging in on a concept: hues and movement.
Because our LLM assigned values to each article and news clusters, I looked at prescribing colors to each cluster in order to see if there’s a visual way to represent the “mood” of the news throughout the news cycles.
I went maximalist, but knew that too much at once is distracting to news consumption & reading patterns. While the map wasn’t something that made sense for this product, the idea of hues and movement was something I wanted to pursue further.
Fine-Tuning:
I found a stride in more subtle application of this concept: a signal to users that something has been made for them.
A beacon of our brand, this visual pattern directs attention, when needed; inviting users into a curated space tailored to their interests. It also informed the brand approach and print material I later made.
Exploration:
Mini Arc
Exploration:
News Map
Applied:
Curated moments made for you
Design Strategy:
Setting Our Three Core Rules
Because we were operating as a lean tiger team without a dedicated marketing department or brand resources, I took complete ownership of the brand identity alongside the product design. I worked directly with the CTO and SVP to bake our core product strategy straight into the visual interface through three strict design rules:
Trust Through Attribution: Every screen prioritizes verified publisher branding over AI-generated elements.
Transparent Curation: Intentional UI touchpoints show the exact logic behind why an article was recommended.
Fluid Layout Pacing: The interface balances heavy, hard news with high-engagement lifestyle content through seamless interaction design.
The Payload:
Going from Zero to App Store in 90 Days
The MVP proved to be a major turning point for the company, capturing strong behavioral signals within our target US demographic and meeting all core success metrics, including time on article, subscriptions & registrations, daily visits, etc.
Rather than competing with this new app, the company had confidence in adopting Newsarc into the global SmartNews product.
The Scale:
Moving from MVP to Millions of Users
I worked with the larger team to bring the ideas, patterns, and features to the SmartNews product, being meticulous to create these successful pieces the right way to not disrupt the existing user experience.
While Newsarc was successful as an MVP, its true role emerged as the new step forward for SmartNews and it’s 20 million, and growing, users.
The Aftermath:
This was a definitive turning point for the company's product culture. By using design to separate pure tech hype from genuine user utility, I gave an established Japanese company the confidence to safely abandon legacy experiences that failed to resonate in the US. It proved that creating something successful from nothing doesn't demand massive timelines or runaway budgets—just sharp product instinct, technical realism, and the right team.