Marker-Doodle ブランドスタジオv1.0.2

Marker-Doodle ブランドスタジオは、独立したブランドデザイナーやパッケージデザイナーのための、にぎやかで温かい手描き風 Web サイトを作ります。温かみのある紙、インクの文字、3 色のマーカー（コバルト、トマトレッド、サンフラワーイエロー）、チゼルマーカーの見出し、コバルトのブロブに収まった笑顔の切り抜きポートレート、カラーブロックのサービスカード、そして実際のパッケージ写真。サンプルは架空のデザイナー Juno Halvorsen のサイトで、21 ページが相互にリンクしています。

手に入るもの

• フォントと画像を内蔵し、どのブラウザでも開けてオフラインで動く、自己完結型の Web サイトファイル 1 つ。既存のフレームワークプロジェクトがある場合は、そちらにデザインを移植します。
• スタジオサイト一式：フィルター・検索・並べ替え付きの作品一覧、パッケージ写真と使用シーン写真、コピーできるカラースウォッチを備えた 4 つの事例紹介、4 つの詳細ページ付きのサービス、About、4 本の記事を含む Insights、プロセス、問い合わせ、プライバシー、Not Found ページ。
• 開始価格と期間を合計して問い合わせフォームに自動入力する見積もりシミュレーターと、月額・四半期の切り替えが付いたプラン。
• 読み込み中と送信完了の状態を備えた入力検証付きの問い合わせフォーム、タイムラインチャート付きのプロセスタブ、記事の読了プログレスバー。
• 一度だけ再生される Hero の登場アニメーション、描かれていく赤いアンダーライン、ポインターを追いかける目玉、ホバーで止まるクライアントリボン。モーションを減らす設定ではすべて控えめになります。

使い方

1. 名前、デザインする分野、クライアントと成果を含むプロジェクト、実際の価格を記したサービス、連絡先を共有します。足りないコピーはそれらしいプレースホルダーとして作成され、確認用に一覧で示されます。
2. 白背景の切り抜きポートレートと白黒の正方形ポートレート、各プロジェクトのパッケージ写真と使用シーン写真を送ってください。エージェントに同じスタイルで生成させることもできます。
3. すべてのページをデスクトップとスマートフォンで開き、フィルター、見積もりシミュレーター、問い合わせフォームを試して、変更を依頼します。

フォントは Permanent Marker、Bricolage Grotesque、Kalam を使用し、ファイルに埋め込まれています。新しい画像はエージェント自身の画像ツールで作られるため、その利用料金がかかる場合があります。