coo·ma

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

coo·ma

I assisted in the launch of the official website for "coo-ma", the official character of the Sapporo Maruyama Zoo, which is based on the motif of a polar bear. The design was created by GOOD DESIGN award-winning graphic designer Yuji Terada, and visually expresses the simple cuteness of "coo-ma".

...

このプロジェクトでのわたしの役割はエンジニアリングであり、デザインとシステムを組み合わせる役割を担いました。 特に配慮するのは、寺田侑司さんのデザインを再現するために、デザインの意図やブランドイメージを汲み取り、デザインをそのままブラウザで再現することです。

Our role in this project was focused on engineering, combining design and system functionalities. I particularly paid attention to faithfully reproducing Yuji Terada's design by understanding the design intent and brand image, ensuring that the design is faithfully replicated in the browser.

最小のディテールにまで気を配り、1pxレベルでのズレもないように細かな調整を行っています。 このプロジェクトでは、デザインの美しさと完璧な表現を追求し、寺田侑司さんのビジョンを最大限に尊重しました。 寺田さんのデザインが魅力的で正確な形で再現され、オリジナルの品質を保つことを大切にしました。

I meticulously attended to the smallest details, conducting fine adjustments. I pursued the beauty of the design and perfect representation, giving utmost respect to his vision. The goal was to ensure that his design is reproduced, preserving the original quality.

...

...

当ウェブサイトはCMS(コンテンツ管理システム)を導入せずに構築されましたが、更新作業をできる限り軽減するためにコーディングしました。 これにより、コンテンツの更新が迅速かつ効率的に行えるようになり、ウェブサイトの運用がスムーズに行えるようになりました。

Although this website was built without a CMS (Content Management System), I coded it to reduce the updating process as much as possible. This allows for quick and efficient content updates and smooth operation of the website.

このプロジェクトでは、レスポンシブ対応も重要な要素でした。 ユーザーが様々なデバイスでウェブサイトにアクセスすることを考慮し、デザインの美しさを損なうことなく、異なる画面サイズに適応できるようなレスポンシブなデザインを実現しました。

Responsiveness was also an important aspect of this project. Considering that users access the website on a variety of devices, I created a responsive design that could adapt to different screen sizes without compromising the beauty of the design.

...

...

Website

coo·ma official site

Release

2021

Credits

Design: Yuji Terada Development: Yohei Hashimoto

Technologies

Nuxt2+Typescript