TAKATERU SASAKI PORTFOLIO Works

【架空】ラーメン屋

概要

架空のサイトとしてラーメン屋の公式サイトを制作しました。
ターゲット

ラーメン屋巡りが趣味の人
サイトコンセプト

ラーメン屋巡りをしている人がいつでも店舗情報を知ることができるサイト
目的

来客数の増加。メニューやこだわりなど公式の情報を発信し競合店に負けない集客を得ること。
設計

見出しには力強い筆文字を使用し、元気で個性の強いラーメン屋のイメージや店の活気・情熱を表現しました。一方、本文には明朝体を使用し、読みやすさと洗練された印象を両立させています。ラーメンの美味しさを視覚的に伝えるために、切り抜き画像を活用し、食材や盛り付けの魅力が際立つようにしました。また、スマートフォンでの閲覧が多いことを考慮し、モバイルファーストの設計を採用しています。画面サイズに応じたレイアウトの最適化を行い、快適に閲覧できるようにしました。さらに、トップページはスクロールが長くなりすぎないよう、jQueryを使用したスライドを実装し、ユーザーがスムーズに情報を得られるよう工夫しています。
使用ツール・言語

Adobe Photoshop / Adobe XD / Visual Studio Code / HTML / CSS / PHP / jQuery
担当範囲

制作全般（デザイン制作・コーディング・ライティング）
制作期間

1ヶ月 2024.01〜02