スキルセット
Available for Work
スキルセット
Available for Work
Framer、Webflowといったスタックツールを活用し、ビジュアルの訴求力、ユーザビリティ、アクセシビリティ、パフォーマンスを高次元で両立するデザインを実現しています。
デザイン & プロトタイピングツール
Figma
ワイヤーフレーム、プロトタイプ、高精度なUIデザインを作成。リアルタイムでの共同編集が可能で、チームとのフィードバック共有に最適です。
Figma
ワイヤーフレーム、プロトタイプ、高精度なUIデザインを作成。リアルタイムでの共同編集が可能で、チームとのフィードバック共有に最適です。
Adobe XD
インタラクティブな要素やアニメーション付きのユーザー導線を設計し、ユーザー体験全体を可視化します。
Adobe XD
インタラクティブな要素やアニメーション付きのユーザー導線を設計し、ユーザー体験全体を可視化します。
Photoshop
画像編集やアイコン・バナーなど、UIを強化するための詳細なビジュアルアセット制作に欠かせませ
Photoshop
画像編集やアイコン・バナーなど、UIを強化するための詳細なビジュアルアセット制作に欠かせませ
Illustrator
ロゴやカスタムイラストなど、スケーラブルで鮮明なベクターUI要素を制作。
Illustrator
ロゴやカスタムイラストなど、スケーラブルで鮮明なベクターUI要素を制作。
Framer
高度なアニメーションとマイクロインタラクションを備えた高精度なプロトタイプを作成し、ユーザー行動の検証とデザイン修正を効率化できます。
Framer
高度なアニメーションとマイクロインタラクションを備えた高精度なプロトタイプを作成し、ユーザー行動の検証とデザイン修正を効率化できます。
開発・実装ツール
HTML5
プロトタイピングやブラウザでのテスト時に使用し、レイアウトやインタラクションが意図通りに機能するかを検証。
HTML5
プロトタイピングやブラウザでのテスト時に使用し、レイアウトやインタラクションが意図通りに機能するかを検証。
CSS3
レイアウト・カラー・アニメーション・レスポンシブ対応を施し、デザインを実際のWebページに反映。
CSS3
レイアウト・カラー・アニメーション・レスポンシブ対応を施し、デザインを実際のWebページに反映。
Webflow
コードを最小限に抑えつつ、インタラクティブかつレスポンシブなWebサイトを構築。デザインコンセプトを実際の体験に落とし込むために活用。
Webflow
コードを最小限に抑えつつ、インタラクティブかつレスポンシブなWebサイトを構築。デザインコンセプトを実際の体験に落とし込むために活用。
コラボレーション・生産性ツール
Notion
デザインプロジェクトの整理、アイデアの記録、リサーチ結果の管理を行い、チーム内での整合性を確保。
Notion
デザインプロジェクトの整理、アイデアの記録、リサーチ結果の管理を行い、チーム内での整合性を確保。
Miro
ユーザーフローの可視化やブレインストーミングに活用。デザインスプリント時のアイデア共有や概念設計に役立つ。
Miro
ユーザーフローの可視化やブレインストーミングに活用。デザインスプリント時のアイデア共有や概念設計に役立つ。