HTMLとCSSで作る登山・アウトドアブログ一式：トップページ、山行記録、イラスト、スマホ対応

成果物の例

スタンダードパッケージの例すべて表示

フードブログのウェブサイト「Slow Kitchen」

パソコンでのブログ

スマホでの同じブログ

ファイル： HTMLページ5つ、スタイル、記事用に描いた画像7点を含み、お客様のレンタルサーバーにそのままアップロードできるZIPファイル。新しい記事は、記事ページをコピーして追加します。ここに掲載している画像はサイトのスクリーンショットです。

お客様： Anna Berg。シンプルな家庭料理のレシピを書いていて、SNSに散らばった投稿ではなく、自分のブログを持ちたいと考えていました。 ご依頼内容： 温かみのある白とオリーブ色に明朝体の見出しを合わせた落ち着いたブログ。トップページ、彼女のメモから作った3つの記事（常備食材、日曜のお昼ごはんの作り置き、天板ひとつで作るレモンチキン）、メールアドレスとInstagramを載せたプロフィールページ。

お客様とすべての情報は架空のものです。

このサービスについて

お客様ご自身のサーバーに置く登山・アウトドアブログで、歩いたルートと持っていった装備を発信するための作りです。各山行記録には、いただいた距離、累積標高、所要時間、出発地点をまとめたボックス、見出しで区切った区間ごとのルート、装備メモ、ブログ専用に描いた風景のイラスト、関連ルート、SNSへのリンクが入ります。記録とメモ、または書いてほしいルートをお送りいただければ、記事（1本約600語相当）を書き、イラストを描き、素のHTMLとCSSでサイトを制作します。ルート、コンディション、安全に関する注記はすべてお客様のもので、日付もいただいたとおりに入れます。こちらは実際に歩いていないため、安全に関する助言は加えず、ルートの状態を保証することもできません。静的サイトのため、管理画面、操作できる地図、コメント、フォームはありません。サーバーとドメインはお客様側でご用意ください。

含まれる内容

• 納品物トップページ、ルートページ、スタイル、画像を入れたZIPファイル（サーバーにそのままアップロード可能）。注文ページで全ページのプレビューもご確認いただけます。
• 山行記録メモをもとに区間ごとに紹介
• ルートのデータボックス距離、累積標高、時間、出発地点がひと目でわかる
• 装備メモ持っていったものをお客様の言葉で、リンクがあればそれも
• 風景のイラストルートごとのアイキャッチを統一したタッチで
• スマホでも軽い電波が弱くてもすぐ開くページ

ご利用の流れ

1. 1
   依頼内容ルート、メモまたは原稿、スタイルをお伝えいただきます
2. 2
   ブログ記録を書き、風景を描いて、ページを制作します
3. 3
   プレビューパソコンとスマホで、すべての数字と地名を確認していただけます
4. 4
   ファイルファイルをダウンロードし、プランの範囲内で修正を依頼できます

ご用意いただくもの

ブログの名前と扱うアウトドアのスタイル。各ルートについて：出発地点と到着地点、距離、累積標高、所要時間、歩いた日付、そのときのコンディション、装備、読者に知ってほしいこと、または完成原稿。全記録に安全に関する注記を入れたい場合は、お客様の言葉で。プロフィールページ用の著者名と数行の紹介文、連絡先、SNSのリンク。カラーとスタイル。任意で、PNG、JPEG、WebP形式の画像を5点まで：ロゴやご自身の山の写真など。

お伺いする内容：

• ブログの名前とテーマ
• ルート
• 安全に関する注記と連絡先
• カラーとスタイル

プランを比較

質問と回答

答えが見つかりませんか？ 質問する