Portfolio
Chihiro
Nakamura
scroll
about me
私について
You cannot count on "Some day" now is "the time".
「そのうち」なんてあてにならないな。今がその時さ
『ムーミン黄金のしっぽ』より
出会いと学び、すべて今この瞬間を大切に。
学びたい事、今なりたいもの全ての出会いが
わたしの未来を自由に羽ばたかせると信じて
この瞬間ひとつひとつを大切に積み上げます。
work
作品集
Product
coding
Self introduction
自己紹介サイト / 個人制作
- 制作概要
- HTML・CSS基礎実習の総まとめとして自己紹介サイトを制作しました。WSS(求職者支援訓練校)の入学１ヶ月目に制作した作品です。料理やスパイスカレー好きの方と会話の糸口としてや、音楽の趣味が似ている学生と良い関係を結ぶ事が出来ました。この基礎の総まとめで自分の実力を知りその反省が以降の訓練の糧となりました。
- 担当
- デザイン / コーディング
- 制作期間
- 4日
- レスポンシブ
- PC版のみ
- 使用ツール
- HTML / CSS
Group work
WSSサイトリニューアル / グループ制作
- 制作概要
- 社会人経験のある20代～30代女性をターゲットに求職者支援訓練サイトをリニューアル。５人１チームで「説明会の参加人数を増やし申し込みに繋げる」というオーダーに「Web業界へ就職・転職・チャレンジする人をサポートする。」というコンセプトを設定。支援内容の情報を増やし入学後や卒業後のビジョンが描けるよう設計、説明会参加のメリットや応募フォームで心理的ハードルを下げるようにしました。
- 担当
- デザイン / 一部コーディング
- 制作期間
- 2週間
- レスポンシブ
- PC版のみ
- 使用ツール
- XD / photoshop
HTML / CSS / jQuery
Miscellaneous goods EC site
雑貨ECサイト / 個人制作
- 制作概要
-
訓練校入学４ヶ月目でJSを使用（スライダー、スライドメニュー、スムーススクロール、ビューワー）20代後半から50代女性がターゲットの陶磁器等のECサイトを想定。「月の無い夜を楽しむ」がコンセプトです。「月の無い夜」＝「コロナの時代」だと感じ、闇の中にいるから気づく新たな価値観や時間に焦点を向け、明るさ(月)が戻るまでの時間を楽しむ事を朔の夜と掛け裏テーマとしました。
- 担当
- デザイン / コーディング
- 制作期間
- 1週間
- レスポンシブ
- PC版のみ
- 使用ツール
- photoshop / HTML / CSS / jQuery
Responsive site
レスポンシブサイト / 個人制作
- 制作概要
- 観葉植物を販売する個人店のサイトを制作しました。メインターゲットは植物やインテリアに関心のある30代から50代の世帯をもつ男女。コンセプトは「家族と共に成長するGREEN」です。観葉植物初心者の為に商品の紹介だけでなく憧れを感じさせる様な室内の写真を紹介し、取り入れやすさや収集欲を感じてもらえるよう設計しました。
- 担当
- デザイン / コーディング
- 制作期間
- 2週間
- レスポンシブ
- 対応
- 使用ツール
- photoshop / HTML / CSS / jQuery
JS practice
リサイズヘッダー･スムーススクロール課題/個人制作
- 制作概要
- 支援訓練校の入学4ヶ月目の制作。JSはリサイズヘッダーとスムーススクロール、ビューワーを使用。映画紹介サイトの一部と仮定し、ターゲットはファンタジー映画好きな方、お子さんの保護者へ向けたサイトです。コンセプトは「家族でみたいファンタジー映画特集」です。背景を黒にする事で写真の色を引き立てるようにしました。
- 担当
- デザイン /コーディング
- 制作期間
- 7時間
- レスポンシブ
- PC版のみ
- 使用ツール
- HTML / CSS / jQuery
Word Press
Design
Photoshop・XD・Illustrator
Cheesecake banner
チーズケーキバナー /個人制作
- 制作概要 s
- 北海道ドルチェ様から素材を借り20代から30代の女性をターゲットに公式HPの素朴な可愛らしさを大切に制作しました。コンセプトは「北海道のご褒美チーズケーキ」若い女性の自分へのご褒美や手土産と仮定し、高級感より親近感に比重を置いて、けれど北海道の濃厚なチーズを使用するこだわりのNYチーズケーキであることが見て取れるよう制作しました。バナーの比率は縦横300px
- 担当
- デザイン
- 制作期間
- ５時間
- レスポンシブ
- PC・スマホ・タブレット
- 使用ツール
- photoshop
Hand cream banner
スキンケア商品バナー/ 個人制作
- 制作概要
- クライアントが企画した商品のバナーを制作する課題で、ターゲットは20～30代の男性向け「スキンケアにこだわる男性の収集意欲を高め購買へ」とオーダーされ価格は1500円と高めの商品でした。その為コンセプトは「女性からもプレゼントしやすいユニセックスでシンプルなバナー」と仮定。大きなブランドロゴでライン商品である事をアピール収集意欲を高め、テクスチャのメインワードを設定、背景に植物を使用し肌に優しい商品と潜在的に感じられる様にしています。
- 担当
- デザイン
- 制作期間
- 12時間
- レスポンシブ
- PC・スマホ・タブレット
- 使用ツール
- photoshop
McDonald's banner
マクドナルドバナー模写 / 個人制作
- 制作概要
- Photoshop歴15日目の初めてバナー模写をした作品でマクドナルドの商品を素材に拝借。円の中に均等に文字を入れる事が難しく商品とのバランスに苦戦し、バナー制作がいかに商品を際立たせる事が大変でレイアウトが大切か理解出来き勉強になりました。普段何気なく見るバナーや広告も誰かが考え目的がある感じ、制作側で仕事をしたいと憧れを感じる初めの作品となりました。
- 担当
- デザイン
- 制作期間
- 12時間
- レスポンシブ
- PC・スマホ・タブレット
- 使用ツール
- photoshop
Renewal site
リニューアルサイト / 個人制作
- 制作概要
- 世界的建築家、妹島和世さんがデザインを監修しグッドデザイン賞を受賞したシーバーズカフェのサイトリニューアル想定し制作。幅広い年齢の女性がターゲットで「空と海が繋がる非日常」がコンセプト。パーティー項目を新たに追加し専用ページ誘導までを簡潔にし、SNSがある為お客様の声のページを削り必要情報がトップページに並ぶように制作。プロトタイプでMV等が時間差で替わるよう設定しカフェの美しさを写真で感じ取れる様にしました。
- 担当
- デザイン
- 制作期間
- 1週間
- レスポンシブ
- PC版のみ
- 使用ツール
- XD
Restaurant site
飲食店サイト / 個人制作
- 制作概要
- 20代から40代の女性をメインターゲットに想定し、北海道産の食材を使用したフレンチを提供する飲食店サイトを制作。コンセプトは「ワンランク上の北海道フレンチ」で店舗の情報を簡潔に写真を大きくゆったり配置し余裕を感じらるようにしました。今回はACESSを地図だけでなく地下鉄や車の案内を入れる事で来店をスムーズにするようにしました。
- 担当
- デザイン
- 制作期間
- １週間
- レスポンシブ
- PC版のみ
- 使用ツール
- XD
Game banner
ゲームバナー / 個人制作
- 制作概要
- 「星宝転生ジュエルセイバー」の商用利用可能な素材でゲームバナーを制作。クリスマスイベントを想定し10代から30代までの男性をターゲットにしました。イラストを左半分に大きく載せ可愛らしいキャラクターでアイキャッチを狙いゲームへ誘導するのが目的です。キャンペーンタイトルはイラストに負けないようインパクトを大切に、キャラクターの髪色と合わせグリーンベースをシャレの部分やキャラクター名へ使用し統一感を意識しました。
- 担当
- デザイン
- 制作期間
- ８時間
- レスポンシブ
- PC・スマホ・タブレット
- 使用ツール
- photoshop
Apparel banner
アパレルオンラインショップバナー / 個人制作
- 制作概要
- 春のレイヤーコーディネートをテーマにしたアパレルオンラインショップバナーを制作。20代〜40代女性向けに、春らしい色合いを使用し、軽やかで爽やかな印象を与えるデザインに仕上げました。図形や文字の重なりを活かし、動きを感じさせるとともに、シンプルでありながら上品さを保つことを意識しました。
- 担当
- デザイン
- 制作期間
- 6時間
- レスポンシブ
- PC・スマホ・タブレット
- 使用ツール
- photoshop/Illustrator
Apparel special page
Tea banner
紅茶の商品バナー/ 個人制作
- 制作概要
- 「おうち時間に贅沢を」をテーマに、紅茶専門店の商品バナーを制作。ターゲットは20代後半～50代の女性。上質なひとときを演出するため、落ち着いたカラーと柔らかな光を背景に採用しました。紅茶の香りや味わいが伝わるよう、カップの写真をメインに配置し、リラックス感を演出。自宅での特別な時間を楽しめるよう、上品で温かみのあるデザインに仕上げました。
- 担当
- デザイン
- 制作期間
- 6時間
- レスポンシブ
- PC・スマホ・タブレット
- 使用ツール
- photoshop
Skill
できること
HTML 5
Visual Studio Codeを使用しhtml5に準拠したマークアップを心がけています。
CSS 3
Emmetを使用しレイアウトやアニメーションの実装、レスポンシブサイトの画面設計が出来ます。
JavaScript
JQueryを使用しマウスの動きに伴うメニューの表示・非表示やスライダー等の作成が可能。基本文法を学習中。
Sass
効率的にCSSを記述するためネストを使用し、変数やmixin、継承などで効率的な記述を心がけています。
Photoshop
調整レイヤーの使用、切り抜き、画像補正・編集などの基本的な操作ができます。
XD
WEBサイト制作のワイヤーフレーム、デザインカンプに使用。現在プロトタイプについて勉強しています。
Illustrator
ECサイト制作で使用し、基本的な操作やデザイン作成が可能です。
Git
SourceTreeをBitbucketと連携させ使用しています。
contact
連絡先
ご用命の際はいつでもご連絡お待ちしております。