背景

私はフロントエンドエンジニアとして数年活動しています。しかし、セキュリティ上の理由からほとんど実績を公開することができません。

これじゃスキルをアピールできねぇ！！

ということで、自分のスキルを表現するために、ポートフォリオ掲載用のWebサイトを作成しました。

本記事では、このWebサイトの制作過程を詳細に紹介していきます。

制作の目的

このWebサイト制作を通して、以下のスキルを証明することを目標としました。

まず、どのようなWebサイトを作成するかを検討しました。リサーチがしやすく、多くの人にとって身近な題材がいいと思ったので、飲食店のWebサイトを制作することにしました。

実在する飲食店のWebサイトを勝手に作成することはできないため、架空のイタリアンレストランを設定しました。

そもそも個人経営の飲食店にとって、Webサイトは必須ではないと思っています。
現在ではSNSなどでも集客が可能であり、私も実際に飲食店を探すのにわざわざWebサイトまで見に行くことはほとんどありません。

じゃあどういう場合だと、Webサイトが必要なのかというと、規模が大きくて、デジタルチャネル運用にリソースを割けるほど余裕があるところになるんじゃないかと思います。
そのため、複数店舗展開しているという設定にしました。

サステナブルなブランディングについては、ちょうど仕事でサステナブル関係にちょっと取り組んでいたので、その経験を活かして、エッセンスとして取り入れました。

これらの機能・コンテンツは、上から順に掲載必須度が高いものです。
今回は時間の関係上、TOPページしか作成できなさそうだったので、TOPページで可能な限り情報を収めるように工夫しました。

今回は、制作過程の序盤を紹介しました。

次回は、情報設計前の市場リサーチについて詳しく解説します。

次の記事