Banners and Header Creations
-バナー&ヘッダー作品-
バナー
■制作ポイント・取り組み
伝えたいメッセージは黒文字で明確に表現し、緑色を使用して安全性をアピールすることを意識。ボタンにはドロップシャドウをつけることでボタンであることを明示し、ユーザーの誘導意識を考え制作。
■使用ツール
Adobe Photoshop
バナー
■制作ポイント・取り組み
キャリアチェンジへ向かって頑張る姿を表現するため、文字を右斜めに傾けて配置。未来に希望満ち溢れた変化を表現するため、青色のグラデーションを使用。黒文字にはクレー書体を使用し、信頼感と強い意志を表現。
■使用ツール
Adobe Photoshop
ECサイト バナー
■制作ポイント・取り組み
他社比較して自社の強み/優位性をアピールし、商品説明手順はRASの法則に従い、購入者の興味を惹きつける商品説明。
■使用ツール
figma、Remove BG、イラストAC、Adobe stock
In production
■制作ポイント・取り組み
XXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXX
■使用ツール
XXXXXXXXXXXXXXXXXXXXXXXX
Homepage and Landing Page Creations
-LP&HP作品-
「カフェ」ランディングページ
■制作ポイント・取り組み
デザイン素材をもとに、一からコーディング制作。また、ユーザーが使いやすいようにドロワーメニューやページトップ戻るボタン機能をJavaScriptで実装。
■使用ツール
HTML、CSS、JavaScript(Jquenry)、
Visual Studio Code
「飲食店」ランディングページ
■制作ポイント・取り組み
ワイヤーフレームを元にデザイン、コーディング制作しPHP化（WP化）。
ユーザが使いやすいようにフローティングメニューをJavaScriptで実装。
■使用ツール
Adobe Photoshop、HTML、CSS、JavaScript(Jquenry)、Visual Studio Code
「企業サイト」ホームページ
■制作ポイント・取り組み
コーディングテンプレートをもとにデザインからコーディングまで制作。お問い合わせフォーム以外を実装。画像はクライアントから提出。クライアント要望よりスクロールでのNEWS表示をjQuery（slick）を使用して実装。
■使用ツール
Adobe Photoshop、HTML、CSS、JavaScript(Jquenry)、slick、Visual Studio Code
■サイト
http://xs367294.xsrv.jp/
※サイトリニューアルのため,
こちらを参照ください
「Nakamulab design 自社」ホームページ
■制作ポイント・取り組み,
WordPressを使用して制作、伝えたいメッセージをわかりやすくするために余計な装飾と配色を抑え、シンプルにデザインしました。
■使用ツール
Adobe Photoshop、Canva、WordPress
Video Production Projects
-動画作品-
youtbe channel
■制作ポイント・取り組み
テロップや効果音はトークに合わせて挿入。効果音はYoutubeの編集で使用される馴染みのある音源を採用し聴きやすく工夫。
■使用ツール
iPhone,ジンバル,ドローン,finalcutPro
marriage MOVIE
■制作ポイント・取り組み
結婚式サプライズムービになります。企画、撮影、編集まで一貫して制作。絵コンテでシナリオと撮り方を明確化し、出演者35名と撮影シーンの共有及び撮影日程の調整を実施。
■使用ツール
iPhone,ジンバル,ドローン,finalcutPro
surprise Video
■制作ポイント・取り組み
還暦祝いのサプライズムービになります。企画、撮影、編集まで一貫して実施。思い出を遡る感覚にさせるアニメーションを挿入。
■使用ツール
iPhone,ジンバル,SONYα７III,premier Pro,Aftereffect
promotion Video
会社のプロモーションビデオについて企画、撮影、編集まで行います。