Koji Kimura デザインと、プログラミングと、コーヒー STARRYWORKS inc. / Hue Inc. / BUTTON INC. / 大阪芸術大学特任教授 https://starryworks.co.jp https://note.com/kjkmr Koji Kimura https://d2l930y2yx77uc.cloudfront.net/assets/default/default_note_logo_202212-f2394a9e5b60c49f48650eee13f6e75987c8c4f1cfa7555629a9697dc6015cd9.png https://d2l930y2yx77uc.cloudfront.net/assets/default/default_note_logo_202212-f2394a9e5b60c49f48650eee13f6e75987c8c4f1cfa7555629a9697dc6015cd9.png 249F80 ja Sun, 14 Jun 2026 19:37:19 +0900 デジタルに振り切ったデザインをした話 https://assets.st-note.com/production/uploads/images/170266211/rectangle_large_type_2_f7664b8d1564070762237b522a34a188.jpg?width=800 高度デジタル人材の確保・育成を目的としたJR西日本グループの新会社「TRAILBLAZER」のCIおよびロゴモーション、Webサイト、ツール等を制作しました。
会社の目的が「高度デジタル人材の確保・育成」なので、アナログ感や手触り感のあるデザインとは真逆の、とてもデジデジしたものに振り切ったデザインをしたので、その裏側についてお話したいと思います。

Webサイト


続きをみる]]> https://assets.st-note.com/production/uploads/images/71354215/profile_e83c32f390fbab1379335bd557c261f4.jpeg?fit=bounds&format=jpeg&quality=85&width=330 Koji Kimura Thu, 16 Jan 2025 11:59:47 +0900 https://note.com/kjkmr/n/nb7d5df9bf2a8 https://note.com/kjkmr/n/nb7d5df9bf2a8 10年間ちょっとずつ作ってた書体の話 https://assets.st-note.com/production/uploads/images/138931597/rectangle_large_type_2_c73cacbae2012da2d5da80f10ff55e83.png?width=800


続きをみる]]> https://assets.st-note.com/production/uploads/images/71354215/profile_e83c32f390fbab1379335bd557c261f4.jpeg?fit=bounds&format=jpeg&quality=85&width=330 Koji Kimura Fri, 19 Jan 2024 13:19:52 +0900 https://note.com/kjkmr/n/n57090cf1aae8 https://note.com/kjkmr/n/n57090cf1aae8 スクロールする度に音がなるWebサイトの話 https://assets.st-note.com/production/uploads/images/127900939/rectangle_large_type_2_e55ce6aa51125540f2c438d740d35bd6.png?width=800 昨年Dentsu Lab Tokyoさんと「UNMUTE」というプロジェクトを立ち上げました。サウンドデザイン、インタラクションデザイン、サウンドビジュアライゼーションなど音を軸にしたクリエイティブを提供します。この記事ではWebサイトの企画や制作のこだわりなどについて書きます。

UNMUTE“UNMUTE” is a service that integrates the insights in interacunmt.dev

続きをみる]]> https://assets.st-note.com/production/uploads/images/71354215/profile_e83c32f390fbab1379335bd557c261f4.jpeg?fit=bounds&format=jpeg&quality=85&width=330 Koji Kimura Wed, 17 Jan 2024 14:51:07 +0900 https://note.com/kjkmr/n/ne9e5b9ef66ed https://note.com/kjkmr/n/ne9e5b9ef66ed 変なWebサイトを作った話 https://assets.st-note.com/production/uploads/images/116531413/rectangle_large_type_2_b47a5a2f9c372a479672729aeb276d06.png?width=800 結構変わったWebサイトを作ったので、企画の経緯やサイトの仕組みなどについて解説したいと思います。
作ったWebサイトはこちら。松山真也さんの個人Webサイトです。

SHINYA MATSUYAMAテクノロジーアーチスト松山真也の作品や仕事紹介。shinyamatsuyama.com

続きをみる]]> https://assets.st-note.com/production/uploads/images/71354215/profile_e83c32f390fbab1379335bd557c261f4.jpeg?fit=bounds&format=jpeg&quality=85&width=330 Koji Kimura Wed, 20 Sep 2023 10:50:37 +0900 https://note.com/kjkmr/n/n75f11a3fcf54 https://note.com/kjkmr/n/n75f11a3fcf54 Webサイトで動画のエフェクトをいろいろ良い感じにごまかした話 https://assets.st-note.com/production/uploads/images/111787008/rectangle_large_type_2_7de9ff0a668b84bd0a18647cfdedc7e0.jpeg?width=800 先日、自社のウェブサイトをリニューアルして、プロジェクト一覧にマウスをのせると背景に動画が表示され、マウスの動きに合わせて流れるようなエフェクトや、詳細ページへのスムーズな遷移といった演出を行いました。

このサイトについて他のサイトで紹介いただいたり、Twitterでこの動画エフェクトについて言及していただいたりしたので少し解説したいと思います。


続きをみる]]> https://assets.st-note.com/production/uploads/images/71354215/profile_e83c32f390fbab1379335bd557c261f4.jpeg?fit=bounds&format=jpeg&quality=85&width=330 Koji Kimura Thu, 27 Jul 2023 11:17:21 +0900 https://note.com/kjkmr/n/nc331387eeafd https://note.com/kjkmr/n/nc331387eeafd パラメトリックVIという考え方で作ったロゴの話 https://assets.st-note.com/production/uploads/images/110211002/rectangle_large_type_2_65735b5f8d094e7bc112d5bf119ed6b4.jpeg?width=800 デザインスタジオである STARRYWORKS inc. は17周年を機にVIおよび各種ツール、Webサイトをリニューアルしました。このリニューアルにおいて新しいVIの作り方を考えたので紹介したいと思います。

STARRYWORKS inc.私たちは、いろんなモノやコトをデザインしている集団です。www.starryworks.co.jp

続きをみる]]> https://assets.st-note.com/production/uploads/images/71354215/profile_e83c32f390fbab1379335bd557c261f4.jpeg?fit=bounds&format=jpeg&quality=85&width=330 Koji Kimura Fri, 07 Jul 2023 20:46:50 +0900 https://note.com/kjkmr/n/nfe102b2490f9 https://note.com/kjkmr/n/nfe102b2490f9 コーヒー屋を開業するにあたって作った書体の話 https://assets.st-note.com/production/uploads/images/71655367/rectangle_large_type_2_83cb5358a495ec0f2afb667de297c395.png?width=800 デザインスタジオであるSTARRYWORKS inc.は、昨年秋からロースター・カフェを開業しました。そのお店の名前に合わせて「Hue」という欧文書体を開発することになった、そのプロセスや開発の裏側を紹介したいと思います。


続きをみる]]> https://assets.st-note.com/production/uploads/images/71354215/profile_e83c32f390fbab1379335bd557c261f4.jpeg?fit=bounds&format=jpeg&quality=85&width=330 Koji Kimura Fri, 04 Feb 2022 18:01:40 +0900 https://note.com/kjkmr/n/n9464c9951eec https://note.com/kjkmr/n/n9464c9951eec