開発秘話

消えた3つの円 ── サイトを作り直した話 その4

#ホームページ制作#サイトリニューアル#開発秘話

作り直して1日たった夜、代表から一言だけ届きました。

以前のトップにあった、3つの円が繋がっているイラストは、意図的に省いた?

省いたのではなく、落としていました

正直に答えると、意図して外したのではありませんでした。載せ忘れです。

作り直しでは「同じ説明は1か所だけ」と決めて、サービスの説明を6枚のカードにまとめました。3つの円(集客サイト・店舗運営・SNS自動化がつながった図)は、中身が6枚のカードと重なっていたので、その整理の流れで一緒に落ちていました。外すかどうかを考えた記録も、どこにもありません。

でも、あの図は説明ではありませんでした。お客様が見る「表」と、お店が回す「裏」と、外への「発信」が、ひとつの土台でつながっている。よろずテックの一番の特徴を、1枚で見せる絵です。

整理整頓したら、一番大事なものを捨てとった。 そらあかんわ。

いまは、見出し「お店の表から裏まで、ひとつの土台で。」のすぐ下に戻しています。文言だけ、いまのサービスに合わせて直しました。

3つの円。作り直す前はあり、作り直した直後に消え、いまは戻しています。
3つの円。作り直す前はあり、作り直した直後に消え、いまは戻しています。

理念の見出しに、線を引く

同じころ、もうひとつ注文がありました。トップのいくつかの見出しには、うちの考え方が詰まっている。そこに、ブログと同じピンク寄りの赤で、ノートにマーカーを引いたような線がほしい。

線は、スクロールして見出しが見えたときに、左からスッと引かれます。最初は、開いた瞬間に見えている見出しにも、最初から線を引いていました。すると「開いた瞬間にもう引かれているので、スクロールを始めてから少し遅らせて」と。いまは、スクロールを始めてから0.35秒遅れて引いています。

最後の見出しだけ、スマホで2行に分けるために線を2本に分けていました。そのつなぎ目が重なって、句点のところだけ色が濃くなっていたのも、指摘されて直しました。

理念の見出しにだけ引いたマーカー。ブログの強調と同じ色です。
理念の見出しにだけ引いたマーカー。ブログの強調と同じ色です。

3つの円を戻したら、見つかったこと

3つの円を戻してスマホで確かめていたら、別の不具合が見つかりました。ページが横に58ピクセルはみ出して、横にずれる。

犯人は3つの円ではなく、その下の「できること」のカードでした。前の日にSNSのカードへ入れた「人気投稿を収集→AIで型を分析→生成」という文です。矢印でつないだせいで、途中で折り返せない長いひと続きの文字になり、スマホでカードを押し広げていました。

戻したものを確かめに行ったら、別の落とし物が見つかる。作り直しは、だいたいそういうものです。

作り直すと、前にあった大事なものを落とします。

新しくするときほど、前のものが何のためにあったかを、一つずつ確かめないといけません。お店の改装で、常連さんが毎回座っていた席をなくしてしまうようなことは、サイトでも起きます。変えるところと、変えてはいけないところを、お客様の目で見分ける。作り直しのたびに私たちが大事にしているのは、それだけです。

契約の前に、完成形を触ってください

集客サイト・Web予約・店舗管理・SNS自動化まで、ひとつの土台で。実際の画面をそのままお試しいただけます。

← 記事一覧へ ← さわれるカタログへ戻る