Webデザインの参考になるおすすめサイト17選を紹介！活用するポイントも解説
blog.nijibox.jp
・Webサイト制作の際に参考となる国内・海外のギャラリーサイトやモバイル向けデザインサイトを計17選紹介しています。・ターゲットやコンセプトに合わせたサイト選定や、UIとビジュアルのバランスを考慮した活用ポイントを解説しています。・WebサイトやLPのデザインに関わるデザイナー、Webディレクター、マーケティング担当者向けの記事です。
株式会社ニジボックス arisa.oi
「修正するAI」から「製造するAI」へ ─ Hitem3D 2.0：3Dアセット生成における本格的プロダクション対応AI［PR］
www.publickey1.jp
AIが単なる修正から「製造」へと進化し、3Dアセット生成の現場で本格的なプロダクション対応が可能になった。 Hitem3D 2.0は、AAAゲームや高精度製造で求められる構造的ロジックと物理的一貫性を実現する。 これは、AI 3D基盤モデルが実験段階を超え、産業用エンジンへと進化したことを示すインフラストラクチャである。
Publickey jniino
Live2D で動くスタンプを作ってみた
toranoana-lab.hatenablog.com
Live2Dを使用して、キャラクターのイラストを動くスタンプとして作成する手順を解説した記事です。PSDでのパーツ分けから、Live2Dでのメッシュ生成、デフォーマ・パラメータ設定、アニメーション作成、GIF形式での書き出しまでを具体的に説明しています。 * Live2Dを使った動くスタンプの作成方法 * PSDからのパーツ分けとLive2Dでのモデリング・アニメーション作成手順 * WebサイトやUI/UXへの応用可能性 デザイナーや、イラストを動かしたいと考えているエンジニア、マーケター向けの記事です。
虎の穴ラボ株式会社 toranoana-lab
一緒に語ろう。AI時代にプロダクトデザイナーはどこへ向かうのか
kaminashi.connpass.com
- AIの台頭により変化するプロダクトデザイナーのキャリアや価値について対話するオフラインイベント。- 参加者同士で「これからのデザイナーの条件」や「苦しくなるデザイナーの特徴」を座談会形式で議論する。- プロダクトデザイナー、UI/UXデザイナー、デザインリード、AIツール活用に関心がある層向け。
【Timee AI Sprint Day4】自社のデザインシステムでAIプロトタイピングできるようにした
productpr.timee.co.jp
Timee AI Sprint Day4では、自社のデザインシステムを活用してAIプロトタイピングを実現した事例が紹介されています。 * これは、タイミー社がAIをどのように活用しているかを明らかにする集中発信プロジェクトの一環です。 * 7日間のnote連続投稿とランチタイムのイベントを通じて、AI活用の知見が共有されます。 * デザインシステムにAIプロトタイピングを組み込むことに関心のあるデザイナーや、AI活用の事例を知りたいプロダクトマネージャー、プロジェクトマネージャー向けの記事です。
Timee AI Sprint Day3 自社デザインシステムでAIプロトタイピングできるようにした
timeedev.connpass.com
タイミーが自社デザインシステムを活用してAIプロトタイピングを実現した事例について、技術的な深掘りを行うランチタイムイベントの告知です。 AI活用に興味のあるプロダクト開発者や、成長企業の現場レベルでのAI活用事例を知りたい方におすすめです。 AIプロトタイピングの具体的な方法や、デザインシステムとの連携について解説されます。
Sparkle Designのガイドラインサイトを公開──デザイナーがバイブコーディングに挑戦して得た学び｜Blog｜Goodpatch グッドパッチ
goodpatch.com
・デザインシステムを活用し、AI支援を用いてデザイナーがフロントエンド実装に挑戦した事例を紹介・実装知識を得ることで、Figmaでの設計品質やエンジニアとの連携効率が向上する過程を解説・デザインとコードの接続を強めたいUI/UXデザイナーおよび協業する開発者向けの記事
株式会社グッドパッチ Shohei Nishiyama
コードとデザインを自由に行き来する ー Figma MCP × AIエージェントがもたらしたSpindle開発フローの変化
developers.cyberagent.co.jp
・Figma MCPやCursor、Claude CodeなどのAIツールの導入により、Spindle開発におけるコードとデザインの連携がスムーズになった。 ・AIエージェントが開発フローのボトルネックを解消し、効率化に貢献した事例を紹介。 ・デザインと開発の境界を越えた、新しい開発手法に関心のあるエンジニアやデザイナー向けの記事。
株式会社サイバーエージェント herablog
Google Pixel 10a、本日より発売開始
blog.google
Google Pixel 10aが本日発売されました。完全フラットなデザインと最新AI機能を搭載し、Google Tensor G4チップを搭載しています。手頃な価格で提供されます。 * 最新AI機能と洗練されたデザインを求めるユーザー * コストパフォーマンスを重視するスマートフォンユーザー * Googleの最新スマートフォンに興味がある方
Vertex AI の Lyria 3 モデルで音楽生成をアプリに組み込む
cloud.google.com
Vertex AIでLyria 3モデルが公開プレビュー版として提供開始されました。このモデルは、テキストや画像からボーカル付きの高品質なステレオ音声を生成でき、最長3分の楽曲生成が可能な「Lyria 3 Pro」と、最長30秒のトラック生成が可能な「Lyria 3」の2種類があります。 * アプリやサービスにスタジオ品質の音楽制作機能を直接組み込みたい開発者。 * テキストや画像からボーカル付きの楽曲、BGM、効果音などを生成したいクリエイター。 * 生成される音楽の商用利用における安全性や、著作権・プライバシーに配慮したAI音楽生成に関心のある方。
グーグル・クラウド・ジャパン合同会社 <name>Reah Miyara</name><title>Senior Director, Product Management, Google Cloud</title><department></department><company></company>
グッドパッチが実際に行っているステップ別に解説 デザインシステム構築前の準備フェーズですべきこと｜Blog｜Goodpatch グッドパッチ
goodpatch.com
デザインシステム構築前の準備フェーズにおける、プロジェクトビジョン策定、構造設計、ツール・技術選定、ロードマップ作成の4つのステップを解説しています。 デザインシステム構築を目的化せず、組織の課題解決のための手段として捉えることの重要性を強調しています。 デザイナー、ディレクター、プロジェクトマネージャー、およびデザインシステム導入・運用に関わる担当者向けの記事です。
株式会社グッドパッチ Goodpatch Blog編集部
数字の先にある手触り感を──SNSマーケの経験を経て「UXデザイン」に出会うまで 26卒サービスデザイナー 田附｜Blog｜Goodpatch グッドパッチ
goodpatch.com
- SNSマーケティングの経験から、数字だけでなくユーザーの体験全体をデザインしたいという思いに至り、UXデザイナーを目指すことになった経緯。 - 就職活動で一度はグッドパッチを辞退するも、自身の軸を見つめ直し、改めて同社でUXデザインに携わることを決意。 - UXデザインの仕事は、ユーザーの潜在的なニーズを探求し、正解のない問いに向き合う面白さがあり、フラットな環境で成長できることを伝えている。 この記事は、キャリアに悩む学生や、UXデザインに興味があるデザイナー、マーケター、プロダクトマネージャー向けです。
株式会社グッドパッチ 小川 麻菜
AI機能を“使える体験”にするまで。AI食事記録機能の体験検証プロセス
cocoda.design
ヘルスケアエンターテインメントアプリ「kencom」に、AIを活用した食事記録機能がリリースされました。 この機能は、食事の写真をアップロードするだけでAIが食材や栄養情報を解析し、健康管理のためのアドバイスまで提供します。 本記事では、このAI食事記録機能の体験検証プロセスを開発事例として紹介します。 この記事は、以下のような読者におすすめです。 - AI機能の開発・改善に携わるエンジニアやプロダクトマネージャー - ユーザー体験を重視したAI機能の実装に関心のある方 - ヘルスケアアプリの機能開発事例を知りたい方
虎の穴ラボCSの1日をまとめました
note.com
・虎の穴ラボのカスタマーサポート（CS）業務について、現場のメンバーの視点から1日の流れを紹介。 ・お問い合わせ対応だけでなく、チームでの情報共有、ミーティング、業務改善など多岐にわたる業務内容を解説。 ・CSの仕事内容やチームの雰囲気に興味がある人、CS職を検討している人向けのコンテンツ。
「まぁいっか」をやめたら、プロダクトが変わる。カオナビデザイン組織のデザイナーが語る、「安心」のつくり方
note.com
プロダクトデザイナーの亀井真理絵さんが、カオナビのデザイン組織で「まぁいっか」をやめることでプロダクトがどう変わるか、そして「安心」というキーワードに込めたものづくりへの思いを語ります。 - プロダクトデザイナーの亀井真理絵さんが、デザイン組織での経験を語る。 - 「まぁいっか」をやめることでプロダクトがどう変わるか、また「安心」というキーワードに込めたものづくりへの思いを語る。 - プロダクトデザイナー、デザイン組織、プロダクトマネジメントに関心のある人向け。
ITコンサルタントからサービスデザイナーへ。未経験からの成長を加速させた「hatch」での日々｜Blog｜Goodpatch グッドパッチ
goodpatch.com
ITコンサルタントからサービスデザイナーへキャリアチェンジした人物の体験談。 未経験からデザインの道に進むために専門学校で学び、グッドパッチのデザイナートレーニングチーム「hatch」に入社。 模擬クライアントワークでの失敗を乗り越え、初プロジェクトでクライアントからの信頼を得て成果を出すまでを描く。 * ITコンサルタントからデザイン領域へのキャリアチェンジを考えている人 * 未経験からデザイン職を目指す人 * デザイントレーニングプログラムに興味がある人
株式会社グッドパッチ Chiharu Furuoka
職種がとける夜。AIでスキルの幅を広げてみたLT。
kinto-technologies.connpass.com
AIの普及により、デザイナー、PM、エンジニアなどが自身のスキルを拡張し、アイデアを形にしやすくなった事例を共有するイベント。 AI活用による「できた！」という小さな成功体験や発見を、職種を越えてショートLTで発表。 LT後には懇親会も開催され、AIの未来の活用法についてカジュアルな交流を深める。 - AIの進化で職種の垣根が低くなり、個々のスキルアップやアイデア実現が容易になった現状と、その体験談を共有したい方。 - 自身のキャリアや働き方に不安を感じつつ、AIを前向きに活用し、新しい価値や役割を見出したいと考える方。 - 異職種間のコミュニケーションを深め、AIを活用した未来のアイデアについて気軽に意見交換したい方。
デザインシステムのはじめかた──事前に理解しておきたいポイントや構築のための5つのサイクルとは｜Blog｜Goodpatch グッドパッチ
goodpatch.com
デザインシステム構築の前に理解しておくべきポイントと、調査・計画・構築・適用・拡張という5つのサイクルについて解説しています。 組織課題の解決にデザインシステムを役立てるために、価値を届ける視点でサイクルを回し、組織全体で育成していくことの重要性を説いています。 この記事は、デザインシステム構築を検討しているデザイナー、プロダクトマネージャー、エンジニアリングマネージャー、プロジェクトマネージャー、および組織全体でデザインプロセスを改善したいと考えている方々を対象としています。
株式会社グッドパッチ Goodpatch Blog編集部
商品をファンと共に創る。老舗・梅乃宿酒造がコミュニティで醸す「新しい共創の形」
note.com
・130年以上の歴史を持つ梅乃宿酒造が、ファンコミュニティ「梅乃宿KURABU」を通じて、商品の企画・開発にファンを巻き込む共創プロジェクトを実施。 ・ファンからの強い支持を得て、第一弾商品は販路拡大でのリニューアル発売が決定し、第二弾の実施も決定。 ・この取り組みは、伝統ある企業がコミュニティを活用し、新しい顧客体験と商品開発を目指す事例として、特にデザインやマーケティング、プロダクトマネジメントに関心のある層に注目されるだろう。
デザインシステムを丸ごと Skills にする
zenn.dev
- サイボウズのkintoneでは、社内向けのデザインシステムをAI Agent開発のために「Skills」化しました。 - これにより、デザインシステムの提供側・利用側双方にとって、非常に取り回しやすい形となり、開発効率が向上しました。 - この事例は、デザインシステムをAI活用可能な形にすることで、開発プロセスを改善したいと考えている開発者やプロダクトマネージャー向けです。
サイボウズ株式会社 mugi
Google Pixel 10a： 欲しかった機能を、お求めやすい価格で
blog.google
- Google Pixel 10a は、洗練されたデザインと Pixel ならではの体験をお手頃な価格で提供します。 - 日本限定モデル「Isai Blue」はヘラルボニーとの共創です。 - スマートフォンに関心のある一般消費者、デザインにこだわりたいユーザー、限定モデルに興味がある人向けの記事です。
グーグル合同会社 <name>Pixel チーム</name><title/><department/><company/>
「迷い」に寄り添う買い物体験へ｜Yahoo!ショッピング AIエージェント設計の裏側
lydesign.jp
Yahoo!ショッピングの新機能「AIエージェント」は、選択肢の多さに迷うユーザーのために、最適な商品を見つける手助けをします。 この機能は、単なるチャットボットではなく、買い物のプロセス全体を見直し、ユーザー体験を向上させることを目指しています。 企画・デザイン担当者が、この新しい購買体験の裏側について語っています。
組織にデザインシステムが必要な理由とは──その効果や価値を徹底解説｜Blog｜Goodpatch グッドパッチ
goodpatch.com
・デザインシステムは、組織の理念とユーザーのニーズを繋ぐ媒介として機能し、プロダクト全体で一貫したブランド表現を可能にします。 ・ユーザーには一貫性のあるUI/UXを提供し、直感的な理解と学習を促進します。また、開発速度の向上により、新機能や改善を素早く享受できます。 ・組織にとっては、デザインと開発の効率化、チーム間のコラボレーション促進、採用活動への貢献など、多岐にわたる効果をもたらします。
株式会社グッドパッチ Goodpatch Blog編集部
すべての人が使えるプロダクトを目指して｜HRBrainでアクセシビリティ体験会を行いました！
note.com
HRBrain社が開発者向けにアクセシビリティ体験会を実施したことを報告する記事です。 アクセシビリティの重要性を認識し、開発チーム全体でより多くの人が使えるプロダクトを目指すための取り組みについて説明しています。 開発に関わるエンジニア、デザイナー、PdMが対象です。
「今、事業に必要なものか？」― DeNAヘルスケアでの、営業資料からはじめるリブランディング
cocoda.design
DeNAヘルスケアでの営業資料のデザイン刷新事例。 専門性が高くメニューが多いサービスでも、リブランディングではなく、事業優先度の高いツールから段階的に刷新することで、短期的な価値提供を積み重ね、最終的に事業全体のVIへと昇華させるアプローチを紹介。 対象：デザイン、マーケティング、プロダクトマネジメント、ディレクション、コーポレート関連の担当者
焚き火から学ぶブランディングの本質
lydesign.jp
・デザイナーの日常や価値観に迫るインタビュー。 ・キャンプから得たブランディングの気づきについて語る。 ・デザイナー、マーケター、プロダクトマネージャー、ディレクター向け。
穏やかだけど、本気。カオナビのプロダクトデザインチームが「これから」を作ろうとしている話
note.com
カオナビのプロダクトデザインチームについて、デザイナーの北村れいさんへのインタビュー記事です。 未経験からWebデザイナーになり、食べログでの経験を経てカオナビに入社した彼女が、HRドメインの複雑さと向き合う日々や、チームの雰囲気、そして「これから作る」フェーズのリアルを語っています。 この記事は、デザイナー、プロダクトマネージャー、そしてデザインチームの雰囲気に興味のある方々に向けて書かれています。
検索に「情緒」は必要か｜「検索らしさ」を捨てた観光UIの挑戦
lydesign.jp
「情緒」という新しい視点を取り入れた観光検索UIについて解説しています。 従来の「知りたい」情報提供だけでなく、「そこへ行ってみたい」という感情を喚起する体験を目指しています。 観光分野における検索体験の進化に関心のあるデザイナーやプロダクトマネージャー向けの記事です。
良いデザインシステムとは？その基本と構造をグッドパッチが解説｜Blog｜Goodpatch グッドパッチ
goodpatch.com
・デザインシステムは、組織のデザインプロセスにおける課題解決のために構築される仕組みであり、デザイン原則、ガイドライン、UIキットなどの要素から構成されます。 ・デザインシステムは、唯一の情報源（Single Source of Truth）としての役割を持ち、再利用性を高め、プロダクトとの相互作用を通じて進化します。 ・組織文化として育むことが重要であり、遵守すべきルールではなく、創造性を高めるための「ジャンプ台」として捉え、浸透施策と共に行う必要があります。 この記事は、デザインシステムに興味のあるデザイナー、プロダクトマネージャー、フロントエンドエンジニア、および組織のデザインプロセス改善に関心のある方々を対象としています。
株式会社グッドパッチ Goodpatch Blog編集部
kintone リサーチ副部/UXリサーチャー 業務紹介
speakerdeck.com
kintone開発におけるUXリサーチャーの業務内容や、チームとの連携、日々の業務について解説します。 ・UXリサーチャーの役割とチーム内での立ち位置 ・日々の具体的な業務フロー ・関連するサイボウズ開発チームやデザインに関する情報 この記事は、UXリサーチャー、プロダクト開発に関わるデザイナー、プロダクトマネージャー、そしてkintone開発チームに興味のあるエンジニアや採用担当者向けです。