クリエイティブプロフィール
あなたのパーソナルブランドを、洗練されたミニマルなウェブサイトへと変身させましょう。プロフェッショナルなデザイン、戦略的なレイアウト、そしてあなたの専門知識を際立たせる魅力的な美学が、瞬時に構築されます。
Featured by
Lynne Lau
Why we love this skill
プロフェッショナルでありながらクリエイティブなブランドイメージを際立たせる、洗練されたミニマルなパーソナルウェブサイトを制作します。このスキルは、お客様のビジョンをレスポンシブでエレガントなオンラインプレゼンスへと巧みに落とし込み、独自のタイポグラフィ、鮮やかなカラーパレット、明確なコンテンツ階層構造を実現します。ブランド戦略担当者や、独自のパーソナルブランドをアピールしたいクリエイターに最適です。
指示
プロのブランド戦略家によるビジュアルデザインにインスパイアされた、モダンでミニマルな個人ウェブサイトを作成しましょう。
**全体的なスタイル**
- 余白をたっぷりと確保し、コンテンツのための十分な空間を設けたミニマルなデザイン言語
プロフェッショナルでありながら創造性に富み、ブランド戦略家としてのイメージを体現している。
デスクトップとモバイルデバイスの両方に対応したレスポンシブレイアウト
**配色**
- 背景色：温かみのあるクリーム色／オフホワイト（#FFFEF9）
- 主要なアクセントカラー：主要な見出しと行動喚起には、鮮やかなピンク/マゼンタ（#FF1493）を使用
- セカンダリーアクセント：タグとカテゴリにはライトブルー/シアン（#00CED1）を使用
- テキストの色：本文には濃い黒（#1a1a1a）を使用し、高い可読性を確保します。
**タイポグラフィデザイン**
- 特大太字見出し：名前を2行に分け、超太字のサンセリフフォント（Inter Black/Helvetica Blackなど）を使用し、フォントサイズは最低80pxとする。
・職名を鮮やかなピンク色で表記、フォントサイズは60～80ピクセル
本文は16～18ピクセルのすっきりとしたサンセリフフォントで記述する。
- 2列または3列のレイアウトによる厳格なグリッドシステム
- 異なるコンテンツ領域を区切るには、細い線（1px）を使用します。
**ページ構成**
1. ヒーローセクション：
左側：特大サイズの氏名（2行に分割）＋役職名（ピンク色）
右側：カラフルな枠線付きの円形プロフィール写真
- 下部：簡潔な個人の使命声明
2. 連絡先情報セクション：
電話番号、メールアドレス、ウェブサイトへのリンク
ピンクまたは青で強調表示
3．職務経歴欄：
左：時代区分を示すラベル（アクセントカラーを使用）
右側：職名（斜体）＋詳細な説明
- 明確な視覚的階層構造
4. 教育セクション：
- 同じ2列レイアウト
- 期間 + 機関 + 学位
5．スキル／言語セクション：
- カラーブロックのカテゴリラベル
- グリッド表示
**視覚要素**
- ピンクまたはグラデーションの枠が付いた円形のプロフィール写真
- アクセントカラーを使用したタグ形式のカテゴリ見出し（例：「職務経歴」）
- 黒い円で囲まれたフローティングボタン（右下隅、ページトップへ戻るボタン）
- すべてのインタラクティブ要素に微妙なホバー効果を適用
**フォントのおすすめ**
見出しフォント：Inter Black、Helvetica Neue Bold、またはMontserrat ExtraBold
本文フォント：Inter Regular、Helvetica Neue、またはSystem UI
**インタラクションの詳細**
- スムーズスクロール
- リンクにマウスカーソルを合わせると色が変わったり、下線アニメーションが表示されたりする
- レスポンシブなナビゲーションメニュー
- クリーンでエレガントなローディングアニメーション
**コンテンツ要件**
- 自己紹介文には「10年の経験」「戦略とストーリーテリング」などのキーワードを強調する。
- 具体的な実績や指標（例：「200%成長」）を強調した職務経歴
有名ブランドや機関とのコラボレーションを紹介する
言語能力と専門スキルが明確に分類されている
プロフェッショナルでモダンなデザインであり、かつ個人のブランド特性を完全に体現する、完全なHTML/CSS/JavaScriptコードを生成してください。
Related Skills
View allザラ・チャン フロントエンド スライド
従来のスライドとはお別れ。依存関係ゼロで、リッチでアニメーション効果のあるHTMLプレゼンテーションを簡単に作成できます。ツールは一切不要。ブラウザで直接実行するだけで、コンテンツに命を吹き込むことができます。
ウェブページ 4次元品質評価
YouMind上でウェブページに対する4次元品質評価を実施し、詳細なスコアレポートと改善提案を生成します。
職務インテリジェンス研究｜職務インテリジェンスの深層解読
推測はやめて、知識を身につけましょう。隠れたビジネスリスクから実際のオフィス文化まで、あらゆる求人情報をあなた専用の「インサイダー・プレイブック」に変え、まるで経営者のように面接に臨み、本当に欲しいオファーを獲得できるようにサポートします。もう面接で何も分からないことはありません！退屈な求人情報を10分で「職場情報」に分解します。人事用語を徹底的に解読し、企業の真のビジネス慣行と欠点を明らかにし、上司の身元調査で「優位性」を得るお手伝いをします。情報の非対称性を利用して、3月と4月の採用ピークシーズンを勝ち抜きましょう！
クリエイティブプロフィール
あなたのパーソナルブランドを、洗練されたミニマルなウェブサイトへと変身させましょう。プロフェッショナルなデザイン、戦略的なレイアウト、そしてあなたの専門知識を際立たせる魅力的な美学が、瞬時に構築されます。
Featured by
Lynne Lau
Why we love this skill
プロフェッショナルでありながらクリエイティブなブランドイメージを際立たせる、洗練されたミニマルなパーソナルウェブサイトを制作します。このスキルは、お客様のビジョンをレスポンシブでエレガントなオンラインプレゼンスへと巧みに落とし込み、独自のタイポグラフィ、鮮やかなカラーパレット、明確なコンテンツ階層構造を実現します。ブランド戦略担当者や、独自のパーソナルブランドをアピールしたいクリエイターに最適です。
指示
プロのブランド戦略家によるビジュアルデザインにインスパイアされた、モダンでミニマルな個人ウェブサイトを作成しましょう。
**全体的なスタイル**
- 余白をたっぷりと確保し、コンテンツのための十分な空間を設けたミニマルなデザイン言語
プロフェッショナルでありながら創造性に富み、ブランド戦略家としてのイメージを体現している。
デスクトップとモバイルデバイスの両方に対応したレスポンシブレイアウト
**配色**
- 背景色：温かみのあるクリーム色／オフホワイト（#FFFEF9）
- 主要なアクセントカラー：主要な見出しと行動喚起には、鮮やかなピンク/マゼンタ（#FF1493）を使用
- セカンダリーアクセント：タグとカテゴリにはライトブルー/シアン（#00CED1）を使用
- テキストの色：本文には濃い黒（#1a1a1a）を使用し、高い可読性を確保します。
**タイポグラフィデザイン**
- 特大太字見出し：名前を2行に分け、超太字のサンセリフフォント（Inter Black/Helvetica Blackなど）を使用し、フォントサイズは最低80pxとする。
・職名を鮮やかなピンク色で表記、フォントサイズは60～80ピクセル
本文は16～18ピクセルのすっきりとしたサンセリフフォントで記述する。
- 2列または3列のレイアウトによる厳格なグリッドシステム
- 異なるコンテンツ領域を区切るには、細い線（1px）を使用します。
**ページ構成**
1. ヒーローセクション：
左側：特大サイズの氏名（2行に分割）＋役職名（ピンク色）
右側：カラフルな枠線付きの円形プロフィール写真
- 下部：簡潔な個人の使命声明
2. 連絡先情報セクション：
電話番号、メールアドレス、ウェブサイトへのリンク
ピンクまたは青で強調表示
3．職務経歴欄：
左：時代区分を示すラベル（アクセントカラーを使用）
右側：職名（斜体）＋詳細な説明
- 明確な視覚的階層構造
4. 教育セクション：
- 同じ2列レイアウト
- 期間 + 機関 + 学位
5．スキル／言語セクション：
- カラーブロックのカテゴリラベル
- グリッド表示
**視覚要素**
- ピンクまたはグラデーションの枠が付いた円形のプロフィール写真
- アクセントカラーを使用したタグ形式のカテゴリ見出し（例：「職務経歴」）
- 黒い円で囲まれたフローティングボタン（右下隅、ページトップへ戻るボタン）
- すべてのインタラクティブ要素に微妙なホバー効果を適用
**フォントのおすすめ**
見出しフォント：Inter Black、Helvetica Neue Bold、またはMontserrat ExtraBold
本文フォント：Inter Regular、Helvetica Neue、またはSystem UI
**インタラクションの詳細**
- スムーズスクロール
- リンクにマウスカーソルを合わせると色が変わったり、下線アニメーションが表示されたりする
- レスポンシブなナビゲーションメニュー
- クリーンでエレガントなローディングアニメーション
**コンテンツ要件**
- 自己紹介文には「10年の経験」「戦略とストーリーテリング」などのキーワードを強調する。
- 具体的な実績や指標（例：「200%成長」）を強調した職務経歴
有名ブランドや機関とのコラボレーションを紹介する
言語能力と専門スキルが明確に分類されている
プロフェッショナルでモダンなデザインであり、かつ個人のブランド特性を完全に体現する、完全なHTML/CSS/JavaScriptコードを生成してください。
Related Skills
View allザラ・チャン フロントエンド スライド
従来のスライドとはお別れ。依存関係ゼロで、リッチでアニメーション効果のあるHTMLプレゼンテーションを簡単に作成できます。ツールは一切不要。ブラウザで直接実行するだけで、コンテンツに命を吹き込むことができます。
ウェブページ 4次元品質評価
YouMind上でウェブページに対する4次元品質評価を実施し、詳細なスコアレポートと改善提案を生成します。
職務インテリジェンス研究｜職務インテリジェンスの深層解読
推測はやめて、知識を身につけましょう。隠れたビジネスリスクから実際のオフィス文化まで、あらゆる求人情報をあなた専用の「インサイダー・プレイブック」に変え、まるで経営者のように面接に臨み、本当に欲しいオファーを獲得できるようにサポートします。もう面接で何も分からないことはありません！退屈な求人情報を10分で「職場情報」に分解します。人事用語を徹底的に解読し、企業の真のビジネス慣行と欠点を明らかにし、上司の身元調査で「優位性」を得るお手伝いをします。情報の非対称性を利用して、3月と4月の採用ピークシーズンを勝ち抜きましょう！
Find your next favorite skill
Explore more curated AI skills for research, creation, and everyday work.
