Works古いサイトの作り直し（ビフォーアフター）

何をしたか

架空の工務店「まるやま工務店」の、よくある古いホームページを作り直しました。作り直す前と後の両方を、下から実際に開いて比べられます。

やったこと

1. スマホで縮小表示になって文字が読めない → スマホの画面幅に合わせて組み直した
2. 表（テーブル）で組んだ幅960px固定の並び → 画面の幅に合わせて並びが変わる作りに
3. 画面に出ていた「?>」（プログラムの書き損じ）を消した
4. 2019年で止まったお知らせ・© 2014 → 新しいお知らせだけを見せ、年を今に
5. お問い合わせが電話とFAXだけ → 電話のボタンをいつも見える位置に。フォームの入口も
6. 小さな写真4枚だけの施工事例 → 写真を大きくし、場所と内容を1行ずつ
7. 「★」「！！」の多い見出し → 落ち着いた見出しと、選ばれている理由3つに整理

お店のご依頼では

今のサイトの文章と写真を生かしたまま、作りだけを新しくできます。まず今のサイトを拝見して、直すと良い所を一覧にしてお送りします（無料）。

見本を開く

• 01作り直す前（直す所に赤い番号）
• 02作り直した後（直した所に緑の番号）

見本は同じタブで開きます。上の黒い帯の「作品の説明に戻る」で、このページに戻れます。