vexia の制作サンプルです。事務所・人物・事例は架空です。メニューから見た目を切り替えられます。このサイトについて制作サンプルの一覧へ

トップ / このサイトについて

このサイトについて

vexia が制作した、樹木医事務所のホームページのサンプルです。

架空の事務所のサイトです

このサイトは、vexia が制作したホームページのサンプルです。樹木医事務所 ミキノネ、代表の楢崎 周平とスタッフ、実績に載せた事例、料金や連絡先は、すべて作りものです。実在の人や団体とは関係ありません。電話番号とメールアドレスも、使われない形のものにしてあります。

写真はすべて画像生成で作ったもので、写っている人物も架空です。「樹木医とは」のページだけは、日本緑化センターなどの公開情報をもとに書いていて、数字には出典を付けています。

考え方

紹介で仕事が来ることの多い、地域の小さな樹木医事務所を想定して作りました。紹介された方が確かめに来たときに、きちんとした事務所に見えること。そのうえで、木の診断と治療の仕事がいちばん目に入ること。この二つを軸に組み立てています。

はじめて樹木医に頼む方が迷うのは、資格の中身と、頼んだら何が起きるのか、いくらかかるのか、のあたりです。そこで「樹木医とは」「依頼の流れと費用」「よくある質問」を独立したページにして、先に答えを書いておく形にしました。

見た目は切り替えられます

色や文字の雰囲気を、5 種類から選べます。画面上の「メニュー」を開いた中(パソコンでは右上の「見た目」)から選ぶと、すべてのページがその見た目に変わります。文章や写真、ページの並びはどれも同じで、変わるのは色と見出しの文字、角の丸みや線の飾りです。

  • 若葉

    淡い若葉色の面と、角を丸くした大きな写真。明るく、木の仕事がいちばんまっすぐ伝わる見た目です。最初に開いたときはこれになっています。

    https://mikinone.vexia.life/site/?skin=wakaba

    この見た目でトップを開く

  • 余白

    白い地に焦げ茶の文字、明朝の見出し。字の間と余白を広く取った、品のある静かな見た目です。

    https://mikinone.vexia.life/site/?skin=yohaku

    この見た目でトップを開く

  • 年輪

    温かみのある灰色にこげ茶。本文まで明朝で、写真は角を立てた、落ち着いたクラシックな見た目です。

    https://mikinone.vexia.life/site/?skin=nenrin

    この見た目でトップを開く

  • 森

    苔と樹皮の深い緑に、薄い灰緑の地。図鑑や手引き書のような、落ち着いた見た目です。

    https://mikinone.vexia.life/site/?skin=mori

    この見た目でトップを開く

  • 夜

    暗い地に、明るい文字。夜の森の色です。暗い画面が見やすい方に。

    https://mikinone.vexia.life/site/?skin=yoru

    この見た目でトップを開く

URL の最後に「?skin=」と名前を付けて開くと、その見た目で表示されます。

検索とスマホ

「三鷹 樹木医」のような地域の言葉で探す方に見つけてもらえるよう、ページの題名や見出し、検索エンジン向けの構造化データを整えています。構造化データにも、架空の事務所であることを書き添えています。どのページも、スマホの小さな画面でいちばん読みやすくなるように組んでいます。

お問い合わせのフォーム

お問い合わせのフォームは、入力した内容の確認まで動きます。制作サンプルのため、送信はされません。

制作サンプルの一覧へ