commono inc.

北海道札幌市のデザインコンサルティング、パートナー・コモノ株式会社の公式アカウントです。毎週月・木曜日にオウンドメディアの更新情報、自社運営のカフェについてを中心にポストします。

[commono inc. @commono]

【🆕新着記事】

手書き文字がすーっと描かれていくアニメーション、SVGとちょっとした実装で作れるのをご存知ですか？
Illustratorでのアウトライン・ストローク作成から、Web
Animations API と GSAP の使い分けまで、仕組みをまるごと解説しています。

👇記事はこちらから
https://t.co/cZhmU885ja

[commono inc. @commono]

【🆕新着記事】

ページ遷移のアニメーション、ライブラリが必須だと思っていませんか？

今やView Transition APIは今や主要3ブラウザに対応済み。簡単なJSの記述とCSSを数行追加するだけで、ライブラリなしでなめらかな遷移アニメーションが実現できます。
基本の使い方から swup.js との使い分けまでまとめました。

👇記事はこちらから
https://t.co/ilPNmS4WJZ

[commono inc. @commono]

【🆕新着記事】

UIの伝わりやすさは、見た目や流行ではなく「ユーザーがこれまで触れてきた体験」によって大きく変わります。
ターゲットの文脈から考えるヘッダーメニュー設計について、具体例を交えながらまとめました。

https://t.co/8qtaNml2Fj

[commono inc. @commono]

【🆕新着記事】

店舗のブランディングにおいて重要なのは、コンセプトをリアルな体験へと落とし込むこと。

今回は、自社運営カフェ「POP/iN」での実践をベースに、アウターとインナーの双方に向けた「ブランドアクション」の裏側を紐解きます。

👇記事はこちらから
https://t.co/Og3chhplcw

[commono inc. @commono]

【🆕新着記事】

Webサイトの多言語化対応。
自動翻訳を利用する・翻訳依頼したものを手動で流し込むといった複数の対応方法があったり、場合によってはそもそも多言語化対応が適切ではないことも。
見積り算出に役立つまとめ記事を作りました。

https://t.co/hpQ5bp9mG9

[commono inc. @commono]

昨日は、コーポレートサイトのリニューアルをお任せいただいているクライアント様の、WEBキービジュアル映像の撮影でした🎥
総勢20名以上の方々にご参加いただく撮影となりましたが、緊張感がありながらも終始賑やかな雰囲気で終えられた素敵な現場でした。
ご協力いただいた皆様、ありがとうございました！✨

[commono inc. @commono]

【🆕新着記事】

社会的意義がある取り組みを行ったり、ブランドイメージの向上には努めているのに、ブランドの価値が積み重なっている実感が持てない。
そんなお悩みはありませんか？
ブランディングの「時間のかけ方」を誤ってしまうと、成果に結びつきにくい積み重ねとなってしまう可能性があります。
そんな悩みを解消するヒントして「ブランドアクション™」という考え方をご紹介します！

https://t.co/kruHaIfcvQ

[commono inc. @commono]

【取材・掲載情報📸】
HTB深夜バラエティ「おにぎりあたためますか」に、弊社運営のカフェTHE RELAYを取り上げていただきました！
THE RELAYは、月替わりで全国のコーヒーが楽しめる飲み比べ体験のお店。
5月のマンスリーロースターは広島県のshimaji coffeeさん！浅煎りコーヒーをお楽しみいただけます。

おにぎりあたためますか 公式サイト：
https://t.co/ZqZgFiV8yf

THE RELAY：
https://t.co/bszC3QSxDh

[おにぎりあたためますか公式 @onigiri_dvd_htb]

今夜のおにぎりは、「24」を巡る旅、まだまだ続きます！ まずは北24条のこだわりラーメン店へ🍜 注文後に切り出す自家製麺＆極上スープに、大泉さんも「食べたことない！」と大絶賛！
後半は桑園のおしゃれコーヒーショップへ移動☕️ 贅沢な「飲み比べ」でコーヒーの深い世界を堪能します。
今夜の放送もお楽しみに！🍙

[commono inc. @commono]

【カフェのお話☕️️】
弊社運営のKiosQ coffee rotary（札幌ステラプレイス）やPOP/iN（西18丁目駅）では、スタッフ向けにラテアートの講習会を定期開催しています。

弊社Latte DirectorのTurnerこと田中大介氏による指導で、初心者の技術習得や中級者以上のクオリティ向上をサポート。先日もPOP/iNにて実施いたしました。

また、技術向上だけにとどまらず、バリスタとしてのメンタリティ・ホスピタリティも学ぶことで、より良いカフェづくりを目指しています！

KiosQ coffee rotary：
https://t.co/O1yEiD23aG

POP/iN：
https://t.co/BCbsO2Rzw2

田中大介氏 Instagram：
https://t.co/FO779k9tBe

[commono inc. @commono]

【レポートを掲載いただきました📝】
先日POP/iNにて実施した、田中マリナさん x こどもカンパニー大通園さんのワークショップ。
当日の様子がこどもカンパニーさんの公式サイトに掲載されました。
生き生きとした子どもたちの様子が紹介されています。

田中マリナさんコラボイベントは終了いたしましたが、
アートは5月いっぱいまで掲出予定！
POP/iNにお立ち寄りの際には、ぜひアートもあわせてお楽しみください。

記事はこちら：
https://t.co/ve72n4Zsbv

田中マリナさん Instagramはこちら：
https://t.co/o7gk9vFvRq

[commono inc. @commono]

【🆕新着記事】

コーポレートサイトでは簡単にみられてしまい何かと後回しにされがちなブログ本文ですが、意外と奥深い難しさを持っています。そんな記事本文の完成度を上げるため押さえるべきポイントまとめました。

コピペで使える「ブログ本文CSSジェネレーター」も用意したので、ぜひ使ってみてください。

https://t.co/eSlU0OZe7e

[commono inc. @commono]

【イベント開催📣】

弊社運営カフェPOP/iN（西18丁目駅）にて、画家・イラストレーター 田中マリナさんのPOPUPを開催中です。

イベント開催前日には、
こどもカンパニー 大通り園のこどもたち10名に、
窓一面に花瓶と花を描いてもらう事前ワークショップを実施。

子どもたちの自由な発想が弾ける、
ワクワクする仕上がりになっています

2026.4/29(水) - 5/6(水)
『田中マリナ POPUP & WORKSHOP』

ワークショップは終了しましたが、5月6日までスペシャルメニューやここけでしか買えないコラボグッズなどを販売中です。
ぜひお立ち寄りください！

詳しくはこちら
https://t.co/yHaDZGcE5I

[commono inc. @commono]

【イベント開催📣】

弊社運営カフェPOP/iN（西18丁目駅）にて、画家・イラストレーター 田中マリナさんのPOPUPを開催いたします。

2026.4/29(水) - 5/6(水)
『田中マリナ POPUP & WORKSHOP』

窓一面に絵を描くワークショップの開催のほか、スペシャルメニューやグッズをご用意いたします。
飲食・デザイン事業部一丸となり鋭意準備中。ぜひお立ち寄りください！

詳しくはこちら
https://t.co/lickXLRgjs

[commono inc. @commono]

【ピックアップ💡】

Webサイト制作において、ページ回遊のボタンは頻出するパーツです。
その重要性を紐解き、情報設計・世界観演出の二軸で事例をご紹介します。

https://t.co/IWvDwJ8KTl

[commono inc. @commono]

【ピックアップ📷】

フロントエンドエンジニアが地味に悩むコーディング中のクラス名。
「このクラス名、実はこれって和製英語だったり...」そんなモヤモヤを感じたことはありませんか？

この記事では英語が母国語であるアメリカのWEB制作会社が、実際に自社のWebサイトで使っているクラス名を調査し、命名の参考になる英単語のヒントをまとめました。

サイトのモックを見ながら直感的に使える便利なチートシートつきなので、コーディング中に手が止まってしまう方に特におすすめです。

命名規則に興味がある方も、英語がちょっと苦手な方も、ぜひ覗いてみてください。

https://t.co/AsegoFrJUR

[commono inc. @commono]

【ピックアップ💡】

なぜM-1グランプリは、単なる賞レースを超えて日本中を巻き込む「熱狂」を生むのか？
ブランディングの視点から、熱狂の構造とブランド戦略を考察してみました。

M-1ファイナリストたちの活躍も記憶に新しいR-1グランプリから、まもなく1ヶ月。
お笑いに対する熱い視線が再び向けられている今だからこそ、是非ご覧ください。

https://t.co/PzTidIeab3

[commono inc. @commono]

【🆕新着記事】

北海道の商品パッケージは、なぜ一目で“北海道らしさ”を感じるのでしょうか。 今回は「雪」というモチーフに注目し、その秘密を紐解いていきます。

https://t.co/chGd0zknnL

[commono inc. @commono]

【🆕新着記事】

Webサイト制作の設計図と言えるワイヤーフレーム。
十分に練られ、足りているワイヤーフレームを作ることは、最終的なクオリティの向上に繋がるのではないでしょうか。
では、どんなワイヤーフレームが足りていると言えるのか？具体例とあわせて解説します。

https://t.co/JrJrvGwuU4

[commono inc. @commono]

【🆕新着記事】

最近話題のスーパー「ロピア」。
札幌市内でも新規開店を続ける快進撃の裏側には、一貫したブランド戦略と、それを実現する事業戦略がありました。
今回の記事では、ブランド設計を「Why→How→What」に分解して考察しました。

https://t.co/ROh3KnaxTv