【制作実績】開業したての司法書士様のミニマムなHPをStudioのminiプランで制作

司法書士様HPのFV

司法書士様HP制作の概要

名刺交換したお客様に事業内容等を知っていただくための、シンプルでミニマムなホームページです。
開業したてなので、とりあえず最小限の内容から始めましょう、という位置づけですが、シンプルながらも程よいアニメーション効果でリッチ感もあるHPに仕上げました。

ご自身で決められたコンセプトや、先に制作されたロゴに合わせたデザインで制作し、Studioのminiプランで独自ドメインによる公開をいたしました。
ほとんどの画像を先方から提供いただけましたので、受託から公開までが2週間、実質作業時間はその半分程度と、非常に短い期間で制作できたものです。

私のサイト制作実績ではWordpressでの制作がメインになっておりますが、ミニマムで自力更新しやすいものということで、Studioを利用したサイト制作というのも一つの選択肢として、いかがでしょうか。

司法書士様HP制作の詳細設定

Studioエディタによる制作にて、G-conureオリジナルデザイン

配色

ロゴが青系~青緑系を用いたデザインでしたので、サイト全体もこれを活かし、グレーも交えて落ち着きのある配色に。

トップビュー

コンセプトに合わせた未来へ続く道を示す画像を提供いただき、真ん中へ視線がグッと引き付けられるよう調整・アニメーション付け。

構成

ミニマムな2ページ構成(Studioのminiプランの上限)
 ・トップページ
 ・お問い合わせ

フォント

ゴシック系で見やすさと落着き重視。
セクションタイトルと本文の大きさのメリハリ。
セクションを英字タイトルとし、記号的、目印的な視線誘導に。

その他

サービス紹介セクションでは、アニメーション効果を用いて一覧性と内容の理解しやすさを両立。
1.初期表示では事務所内写真の上に項目タイトルと箇条書きのみがしっかり見える表示
2.マウスホバーで、説明本文がぐっと浮き上がってくる仕組み

Studioによるノーコード開発制作事例です。