はじめに

初めまして、Webデザイン担当のほしいです。
銀座の老舗イタリアンレストランのWebサイトを制作しました。

制作ツール: WordPress, GitHub, TailwindCSS

ヒアリング

クライアントからターゲットや今後の目標など、
旧サイトに関してのお悩みを伺い、下記の問題点を改善したい要望がありました。

• 若年層のお客様にも利用してもらいたいこと
• 新旧両方のお客様を大事にしたいこと
• 大衆的な雰囲気であること

今回はこれらの問題点を改善できるような制作を行いました。

制作

新しいお客様にも気軽にお越し頂けるよう
予約フォームをお客様が作ったフォーム(トレタ)、食べログと複数設置しました。
また、若年層のお客様にも受け入れていただけるよう、
料理や店内の様子、また利用したお客様の生の声が届くように、
SNSボタンの設置も行いました。
馴染みのお客様にも急に印象が変わらぬよう、
クライアントからイメージカラーなど伺い、随所に使用しました。
また、シニア層のお客様にも利用していただきやすいよう、
テキストやボタンのサイズにも配慮しました。

ツールに関して

WordPressでのWeb制作の経験が浅い私ですが、
ペアプログラミングで経験者と一緒にテーマを作ることができました。
制作する中で少しずつ細かなカスタマイズを覚えていきました。
また、今回はGitHubを使用してテーマを管理しました。
Git、GitHubに関して迷うことが多かったです。

Git、GitHubの学習には、
「わかばちゃんと学ぶGitの使い方入門」という書籍がとても役立ちました。
サンプルもついているので、手を動かしながら学べます。
コンフリクトも自力で解消できるようになりました。

最後に

総括として良かった点と難しかった点をあげます。

良かった点

• WordPressの細かいカスタマイズができるようになったこと
• GitHubの使い方の詳細を把握できたこと

難しかった点

• 細かいWordPressのカスタマイズ
• 老舗の雰囲気を出しつつ、若い層にもアプローチできるサイトにすること

現在、オリジナルテーマを開発中なので今回の経験を活かすことができるように頑張ります。

Maki