実績・このサイト
このサイトも、
ひとつの作品として
作りました。
何から考えて、どう形にしたのか。
フルカスタムでお受けしたときと同じ考え方で、種明かしをします。
1 はじめに決めたこと
まず、この会社の
「印」を決めました。
「ホームページ担当」という言葉から、作業机の上の紙と、藍のペンを印にしました。担当は、お客様のホームページを机に広げて、ペンで書き込みながら面倒を見る人だからです。
色は藍と生成りの2つ、形は正円とアーチ形の窓だけ。決まりを先に作っておくと、どのページを開いても同じ会社だと分かります。
お客様の場合は、看板や名刺、お店の色、よく使う言葉から、その会社の印を一緒に探します。
- 藍ボタン・ペン・強めたい言葉
- 生成り紙の色。方眼の下書きもこの上に
- 藍のペン担当の書き込み。1つの段に1か所まで
- 正円とアーチの窓写真を切り抜く形はこの2つだけ
2 最初の画面
最初の画面は、
担当のペンが確かめていきます。
下書き用の方眼紙の上で、担当の藍のペンが、看板の言葉と作品を1つずつなぞって確かめます。終わると、看板を囲んだ手描きの枠だけが、担当の印として残ります。
縦書きの見出しにも、作品を並べたことにも、理由があります。どこかで見た形にせず、何を作る会社かを、説明より先に見てもらうためです。並べた作品は、会計事務所・サロン・介護・移住と、業種も色もばらばらです。
動きを減らす設定にしている方には、動かさずに、できあがった形のままお見せします。
お客様のサイトでも、最初の画面を見ただけで「何のお店か」が伝わる形を、一緒に探します。
2 つづき
今の形になるまでに、
選ばなかった案。
最初の画面は、本物の画面で3つの案を作って見比べ、どれも見送りました。そのうえで、ほかの制作会社のサイトを見て回り、「どこかで見た並び」を使わないと決めてから組み直したのが、今の形です。
-
1つ前の形左に見出し、右にアーチ形の写真。悪くはないけれど、どこかで見た並びでした。
-
案1 担当の机見本のサイトに赤入れをする案。見本とこのサイトが似て見え、「この形しか作れない」に見えたので見送り。
-
案2 担当の印「担当」に朱の印を押す案。覚えやすい反面、色が1つ増え、少し古風に見えたので見送り。
-
案3 実物を重ねる作品の画面を扇のように広げる案。証拠は強いけれど、並びはいつもの型のままだったので見送り。
3 ページの中身
お渡しする紙を、
先にお見せしています。
頼む前に「何が手元に届くのか」が分かるように、各ページに、お客様が受け取るものの見本を1枚ずつ置きました。
4 写真と動き
写真は、同じ色味にそろえて。
動いても、待たせない。
写真は全部に同じ色の整え方をかけて、同じ光・同じ紙の色に見えるようにしました。景色や机まわりの写真には人も文字も入れず、生成りの紙と藍の小物でそろえています。
ペンの線、窓が開く、レシートが刷られる。動きはあっても、スマホでは見出しから先に表示されます。
文字の大きさ・押しやすさ・色の濃さは、スマホ・タブレット・パソコンのそれぞれの幅で確かめています。
お客様のサイトも同じように、スマホで開いたときの見え方から確かめます。
5 あなたの会社なら
同じ順番で、
あなたの会社だけの形を。
フルカスタムでは、この順番（方向を言葉にする → 線で下書き → 色と写真をのせる → 全ページへ）で、お客様の会社だけの形を一緒に作ります。1つの案を、途中で何度もお見せしながら育てます。
298,000円税込・10ページまで・打ち合わせ2回込み
早く手ごろに作りたい方は、おまかせ（38,000円〜・税込・実績掲載の協力価格。掲載なし 58,000円〜）でもお受けします。料金とプランを見る
- お客様
- nysデザイン（自社）
- 業種
- ホームページ制作
- 公開
- 2026年10月
- 担当
- 見た目・組み立て・動き（2人で）
この作り方で、
相談してみませんか。
当てはまるものを選んでください。ご相談・お見積りは無料、返信は3営業日以内です。
相談のあと、こちらから何度もご連絡することはありません。
今のサイトの無料診断（週3件まで）もこちらから。
神奈川県横浜市磯子区 ／ info@nys-d.com