OKAMOTO PORTFOLIO

レストラン&バー

×

Scroll

制作過程: 個人経営のレストラン＆バーの Web サイトをボランティアで作成致しました。
Illustrator で Web サイト全体のデザインを作成、Photoshop で画像の加工をし、
HTML,CSS で全てコーディング致しました。
また、サイト内に動きを付けるためにJavascriptとjQueryを使用致しました。
詳細は以下になります。

【Javascript】
・動く文字
・TOPページに戻るボタンの動作

【jQuery】
・ハンバーガーメニュー(SP,TB表示)

( 既に廃業されているため、サイト中の店名及び画像などは架空のものに
変更しています。店名ロゴは、ロゴメーカーで作成し、
画像は素材配布サイトのものを使用しています。)
コンセプト・ターゲット: メインターゲットは昼休みのランチ利用、または仕事帰りにディナーや飲みに行く
20 ～ 50 代の層を想定しています。
思わず立ち寄りたくなるようなお洒落で落ち着いた雰囲気を意識して作成致しました。
また、夜営業のウェイトが大きいため暗色を基調としています。
制作期間(1日8時間程度): 2カ月半

個人経営のパン屋

ポートフォリオサイト(当サイト)

シェアハウス紹介LPページ

人材派遣サービス会社のHP

×

Scroll

制作過程: 人材派遣会社のHPをイメージした架空のWebサイトになります。
かつて勤めていた人材派遣&職業紹介会社のHPを作成、運営した経験を
活かして作成致しました。
IllustratorでWebサイト全体のデザイン及びサイトロゴを作成、
Photoshopで画像の加工をし、HTML,CSSで全てコーディング致しました。
また、サイト内に動きを付けるためにJavascriptと各ライブラリを使用いたしました。
詳細は以下になります。

【Javascript】
・スクロールアニメーション
・スムーズスクロール
・アコーディオンメニュー

【jQuery】
・スライドショー
・TOPページに戻るボタンの動作
・ハンバーガーメニュー(SP,TB表示)

【Alpine.js】
・タブメニュー
・モーダルウィンドウ

画像は素材配布サイトのものを使用しております。
コンセプト・ターゲット: 20～30代で仕事を探している人の中で、
未経験の職種にチャレンジしたい層から
自身のスキルを活かして働きたい層まで幅広く想定しております。
仕事の紹介の流れや、利用者の声などの
仕事を探している方にとって安心できる情報を
目立たせて掲載することを心掛けました。
制作期間(1日8時間程度): 1カ月半

VR/AR事業会社のHP(Wordpressで作成)

Okamoto
Portfolio