product

Web site

kenshiro OFFICIAL

kenshiro-ksm.jp
Description:
ヒップホップアーティスト kenshiro 様のオフィシャルサイトを制作させていただきました。ディレクションからデザイン、コーディングを担当させていただきました。デバイスの四方にコンテンツメニューを固定しスタイリッシュな表現を意識しました。メインカラーは楽曲スタイルのHIP-HOPをイメージしてもらえるようブラック(#222)を使用しました。
My Role:
DIRECTION
DESIGN
CODING
Creation Time:
1 weeks
Tool:
HTML5CSS3javascript
photoshopdreamweaver

#222222

#FFFFFF

#f50

01
05

株式会社弘進電気工業

kousindenki-home.com
Description:
愛知県あま市に会社のある株式会社弘進電気工業様のコーポレートサイトを制作させていただきました。ディレクションからデザイン、コーディングを担当させていただきました。元々公開されていた求人サイトのトンマナを守りユーザーに情報を違和感なく受け入れてもらえるよう工夫しました。
My Role:
DIRECTION
DESIGN
CODING
Creation Time:
3 weeks
Tool:
HTML5CSS3javascript
photoshopadobe_xddreamweaver

#00BFFF

#FFFFFF

#333333

02
05

ITOU DENTAL CLINIC

Description:
架空の歯科医院“ITO DENTAL CLINIC”のホームページを制作しました。 デザイン、コーディングを担当しました。デジタルデバイスに慣れていない患者様にも分かりやすく沢山の情報を知ってもらえるよう工夫しました。その為ページ移動を少なくしています。新着のお知らせはモーダルウィンドウで設置しました。ユーザーに安心感と親しみやすさを感じていただきたく、サイトの背景色にはセクションごとに明るくポップな色合いを使用しました。清潔感を伝える為白の背景色を使用している箇所もあります。
My Role:
DESIGN
CODING
Creation Time:
2 weeks
Tool:
HTML5CSS3javascript
photoshopadobe_xddreamweaver

#F0F9FF

#F4F4F4

#FFFEF0

03
05

スグ食べ

Description:
デジタルハリウッドSTUDIO名古屋の中間課題、スグ食べのランディングページを制作しました。 ヒヤリングシートをもとにデザイン、コーディングを担当しました。課題を行う上で最も意識していた事はただ与えられた課題をこなすだけではなくクライアントの人柄や実際の制作現場をリアルに想定し制作したことです。
My Role:
DESIGN
CODING
Creation Time:
2 weeks
Tool:
HTML5CSS3
photoshopdreamweaver

04
05

カメラの学校

Description:
デジタルハリウッドSTUDIO名古屋の中間課題、カメラの学校のレスポンシブ対応サイトを制作しました。 PCデザインをもとにコーディングを担当しました。
My Role:
CODING
Creation Time:
2 hours
Tool:
HTML5CSS3
dreamweaver

05
05