coo·ma official site


ホッキョクグマをモチーフにした札幌市円山動物園のオフィシャルキャラクター "coo·ma"のオフィシャルウェブサイトの立ち上げのお手伝いをしました。 デザインは、GOOD DESIGN賞を受賞したグラフィックデザイナー寺田侑司さんが手掛けられており、"coo·ma"のシンプルなかわいさを視覚的に表現されています。 わたしはコーディングでお手伝いさせていただきました。


coo·ma official site


I assisted in launching the official website for "coo・ma," the official character of Sapporo Maruyama Zoo, which is based on the polar bear. The design was handled by Yuji Terada, a graphic designer who has won the Good Design Award, and visually expresses the simple cuteness of "coo・ma." I contributed to the project by handling the coding.


このプロジェクトでのわたしの役割はエンジニアリングであり、デザインとシステムを組み合わせる役割を担いました。 特に配慮するのは、寺田侑司さんのデザインを再現するために、デザインの意図やブランドイメージを汲み取り、デザインをそのままブラウザで再現することです。 本プロジェクトでもデザインの美しさを損なうことなく、異なる画面サイズに適応できるようなレスポンシブなデザインを実現しています。


I was responsible for combining design and system development. My primary focus was to faithfully reproduce his designs. To achieve this, I delved deep into the design intent and worked to replicate the designs precisely within a browser environment. I ensured that the aesthetic appeal of the designs was maintained while also creating a responsive design that could adapt seamlessly to various screen sizes.

