Sun Noodle
One site, many bowls—Sun Noodle’s story, served hot
Steam curling off a just-opened cup, new packaging on the table, a trade show around the corner. Sun Noodle—born from one machine and a dream in Hawai‘i—needed their digital home to feel as alive as their ramen. In six weeks, we built a welcoming site that showcases the new look now and sets up a single, global home.
THE CHALLENGE
Drawn Agency invited us to align Sun Noodle’s refreshed brand with a modern, maintainable site. Priority one: launch in six weeks with a home page and key product pages that highlight the signature line’s new packaging for the trade show. Priority two: design the structure to gracefully merge regional sites into one cohesive experience.
What we made (and why)
A two-milestone site that meets the trade show moment and prepares for consolidation. The home page is a clean gateway; product pages center the new packaging with crisp photography, short ingredient stories, and “where to buy” paths. We added gentle motion where it helps people notice—not distract. In the CMS, fields mirror how the team thinks (line → product → package), with reusable blocks for stories, FAQs, and distribution info.
Small kindnesses: descriptive alt text that actually describes; units and cooking times visible without clicking.
How we kept it human—and fast
Start with the crossroads. We designed a welcoming home page that proudly declares “We Are Craft Ramen” and lets visitors self-select into consumer, restaurant, or distributor paths—fewer clicks, fewer detours.
Design like packaging talks. We pulled visual cues from the new packs—type, color, pattern—plus manga, Japanese, and Hawaiian art notes → The digital story feels native to the shelf, not bolted on.
Pick performance on purpose. Heavy imagery and motion can slow a site; we chose a static build with lazy loading and caching → Pages feel light, video feels crisp, and search engines stay happy.
Make editing a joy. We structured Sanity CMS with clear content types, previews, and guardrails → Non-technical editors can update copy, swap media, and ship announcements quickly.
Results (and what’s next)
Milestone 1 launched on time for the trade show, with a site that spotlights the signature line and gives Sun Noodle a flexible way to publish updates. Milestone 2 merged regional content into a single taxonomy, expanded distributor resources, and rolled the same performance patterns across the full catalog.
