Webデザイナー縦型サービス案内
プロンプト
アスペクト比9:16の縦長フォーマット、SNS投稿・ポートフォリオ用のWebデザイナーサービス紹介グラフィック。全体スタイルはプロフェッショナルなデジタル・テック系グラフィックデザイン、フラットUIとシネマティックCG風の要素が混在。背景は深いネイビーブラック(ほぼ黒に近い濃紺)で統一されており、全体を通してダークテーマが徹底されている。
【上部ヘッダーエリア】左上に「K KAZUKI DESIGN / WEB DESIGNER」のロゴとブランド名が白文字で配置。右上に「成果につながる、伝わるデザインを。」というキャッチコピーが白文字で記載。
【メインビジュアルエリア】左側に大きな日本語キャッチコピー「WEBで、ビジネスを加速させる。」がマゼンタピンク〜パープルのグラデーション太字で縦組み気味に配置(フォントは極太ゴシック体)。右側にはノートパソコンの3DCGモデルが斜めアングルで中央〜右側に大きく配置。ノートPC画面には架空のWebサイト「SOLUTIONX」のランディングページが表示されており、夜景の都市画像と青白いデザインが映し出されている。PCの周囲にはAnalyticsグラフのUI(+28.6%表記)、PageSpeed「97/100」の円形ゲージUI、タイポグラフィ「Aa」のカード、カラーパレットのカードなどが浮遊するように配置されている。PC周辺にはネオンパープル〜シアン系の光の粒子エフェクトと光線が拡散している。PC下部のテキストに「見やすく、使いやすく、成果につながるWebサイトを制作します。」の説明文、さらに「成果重視の設計」「スマホ対応(レスポンシブ)」「高速表示・SEO対策」のアイコン付き3項目が白文字で横並び。
【サービスセクション】「SERVICE」の見出し(白・英字・間隔広め)の下に4列のカードグリッドが並ぶ。各カードは薄紫〜濃紺のグラデーション背景にシアン・マゼンタ系の枠線が付いたラウンドコーナーカード。内容は「LP制作」「ECサイト構築」「サイトリニューアル」「コーディング代行」で、各カード上部にラインアイコン、カード内に白文字の説明テキスト。
【ポートフォリオセクション】「PORTFOLIO」の見出しの下に2行×3列の小さなWebサイトサムネイル画像が並ぶ。各サムネイルは実際のWebサイトデザイン風のスクリーンショット風画像(美容、インテリア、飲食、アウトドア、教育、アパレル)で、それぞれ下にカテゴリラベルが白文字で記載。
【プロセスセクション】「PROCESS」の見出しの右側に01〜04の番号付きステップリスト。各ステップには丸枠のシアン・マゼンタ系アイコンと日本語のプロセス説明テキスト(白文字)が横並び。
【料金プランセクション】「PRICE PLAN」の見出し下に3列のプランカード(ベーシックプラン¥80,000〜、スタンダードプラン¥150,000〜、プレミアムプラン¥300,000〜)と「最短1〜3週間で公開可能!」の告知ボックス。各カードの枠はシアン〜マゼンタのグラデーションライン。価格はやや大きめの白太字、特記事項は黄色〜オレンジのグラデーション太字。
【フッターエリア】左下に「ご相談・お見積り無料です」のボックス、中央にCONTACT情報(メール・電話・住所)、右中央にSNSアカウント(Instagram・X)、右端にQRコード付きのPORTFOLIOリンクボックス。
配色:ベースは黒〜深いネイビー(#0a0a1a相当)、アクセントカラーにマゼンタピンク(#e040fb相当)、シアン(#00e5ff相当)、パープル(#7c4dff相当)、白(テキスト)、一部オレンジ〜イエローのグラデーション(強調テキスト)。全体的にビビッドな彩度。ライティングはノートPCおよび各UIカードからの内部発光・グロー効果が主で、背景からネオン光の散乱が演出されている。カメラアングルは正面から見た俯瞰なし・水平視点のグラフィックレイアウト。テクスチャはデジタルフラットでマット感が強く、光沢はUI要素のグロー部分のみに限定。全体の雰囲気はプロフェッショナル・テック・近未来的・信頼感のあるダークデジタル。ポストプロセスとしてネオングロー、ブルーム効果、シアン・マゼンタのカラーグレーディングが施されており、やや青みがかったクールな色温度が全体に統一されている。フォントは日本語極太ゴシック(見出し)と細め日本語ゴシック(本文)、英字はサンセリフ系の細字〜中字ウェイト混在。