This is the website for “Re:HIRAKATA,” a local media outlet based in Hirakata City, Osaka Prefecture. They utilize CODE..
“Re:HIRAKATA” is a local media initiative launched with the goal of supporting the “slightly more thoughtful daily lives” of people living in Hirakata City.
From the concept development stage, we thoroughly conducted persona design, role model setting, and competitive research. We prioritized achieving both empathy design rooted in local identity and a “just-right sophistication” that naturally blends into daily life. Furthermore, utilizing AI-powered advanced brainstorming enabled multifaceted planning and strategy formulation. By introducing illustration generation and fortune-telling content, we provide visitors with a fresh, multi-layered information experience.
We’ve long been drawn to the beauty and usability of TCD themes, and our first experience with “EVERY” confirmed its reliability. For this local media project, we determined that “CODE.”‘s web magazine-style design and three top layout types align perfectly with the media’s philosophy and ideals.
We prioritize a worldview that naturally conveys affection for the region, emphasizing balance between white space and beauty over “design so perfect it feels suffocating.” We meticulously adjusted every detail, from background colors and white space design to article navigation and CTA placement. AI is used solely as an auxiliary tool for editing and planning; our operations prioritize the “human emotion” and “warmth” felt by those on the other side of the screen above all else.
We aim to maximize the TCD theme’s characteristics, creating an information hub that makes Hirakata feel even more appealing.
The first view employs the “Content Slider 2,” enabling simultaneous promotion of three pieces of content. By combining images with videos, it achieves a header design that balances visual impact with information density. This layout intuitively conveys the local media’s worldview and atmosphere the moment the page opens.
>>Three types of header sliders that showcase multiple content pieces
Additionally, the top page features content organized from multiple angles—such as “New Videos,” “Popular Articles,” and “Recommended Items”—creating a natural flow for browsing. These content pieces can be easily created and updated using CODE.’s dedicated content builder.
>>CODE.’s dedicated content builder for creating top pages with ease
Please take a look at this as an example of CODE. in action.
