現 在 までの 制 作 実 績 以 下 の 作 品 は 全 て 下 記 のサイトで 実 物 もしくはサンプルイメージ( 前 職 のサイト 等 )が 確 認 できます 実 物 の 方 がより 詳 しく 確 認 出 来 ると 思 いますので 宜 しければアクセスしてください http://ika638.com 最 新 版 のポートフォリオ Web サイト:レスポンシブデザインの 総 合 サイトです http://ika638.jp 初 期 のポートフォリオ Web サイト( 前 職 の 作 品 が 主 に 掲 載 されています) 職 業 訓 練 校 での 作 品 集 :1 (2015 年 ) 職 業 訓 練 校 (キヅキ WB スクール) 課 題 制 作 講 義 :カフェ H 制 作 (2015 年 ) dobe llustrator5 hotoshop5 reamweaver 5 を 使 用 制 作 時 間 : 通 算 50 時 間 授 業 で 各 種 テクニックを 学 びながら 制 作 した Web サイト です 参 照 サイト: http://ika638.com/rwd/work/hollywood_afe/ 課 題 :WineBar H 制 作 (2015 年 ) dobe llustrator5 hotoshop5 reamweaver 5 を 使 用 制 作 時 間 :30 時 間 デザインコンセプト 工 夫 赤 ぶどうとワインを 連 想 する 紫 と 赤 紫 の2 色 を 基 調 色 に ロゴは 金 色 文 字 を 使 い 黒 が 引 き 立 ち 品 のあるものにする 電 話 番 号 とお 店 のパンフ(F)を 右 上 の 目 立 つ 部 分 へ 名 前 の 由 来 を2つに 分 け 恋 活 と 婚 活 を 分 けて 説 明 料 理 にも 自 信 があるように 3つ 目 の 項 目 として 配 置 料 理 長 やソムリエを 紹 介 し 信 頼 感 を 引 き 立 てるように 参 照 サイト:http://ika638.com/rwd/work/Wine_Bar/ 課 題 : 名 刺 制 作 いち 娘 ( 苺 のブランド 名 ) (2015 年 ) dobe llustrator5 hotoshop5 を 使 用 制 作 時 間 :5 時 間 デザインコンセプト 工 夫 担 当 者 のメールアドレスを 記 載 する R の QR コードを 記 載 する 似 た 色 の 使 用 色 は 完 全 同 色 にする 背 景 は 白 を 基 調 としコピーし 易 くする 裏 面 はモノクロ 地 図 のみで 経 費 を 抑 えること 1~2 点 デザインの 面 白 みを 持 たせること 課 題 : 店 のロゴ 制 作 WineBar (2015 年 ) dobe llustrator5 を 使 用 制 作 時 間 :5 時 間 デザインコンセプト 20 代 後 半 ~40 歳 代 が 入 店 し 易 いイメージを 連 想 させる 大 人 らしい 雰 囲 気 ながら 親 しみ 易 さも 感 じるもの 派 手 さのない 落 ち 着 いたイメージ 恋 活 婚 活 の 切 っ 掛 け 作 りが 連 想 できるイメージ - 1 -
課 題 :いち 娘 ( 苺 )ランディングページ() 制 作 (2015 年 ) dobe hotoshop5 llustrator5 を 使 用 制 作 時 間 :24 時 間 デザインコンセプト キャッチコピー: いち 娘 はこのような 贈 り 物 としてお 勧 めです 基 調 色 は 淡 いピンク 高 級 過 ぎず 安 っぽく 無 くのシンプルなデザイン 使 用 色 は 極 力 ロゴと 同 じか 似 た 色 を 引 用 苺 イメージの 緑 と 赤 うち 落 ち 着 いた 緑 を 基 調 色 に タイトル 部 分 に 苺 のヘタの 部 分 を 連 想 するイメージに 最 上 部 にヘタ 最 下 部 に 実 の 部 分 をイメージしました 背 景 は 最 小 限 濃 度 の 苺 のピンクにしました 写 真 配 置 は 極 力 同 じ 位 置 へ 揃 えました レスポンシブデザインを 意 識 して 24 カラム(カラム 30px ガター10px)でデザイン 配 置 レスポンシブ 化 のため 写 真 は 全 てカラムとガターのサイ ズに 収 まるサイズにしました 参 照 サイト:http://ika638.com/rwd/work/chiko_/ 課 題 :クライアント H のバナー 制 作 依 頼 (2015 年 ) dobe llustrator5 hotoshop5 を 使 用 制 作 時 間 : 通 算 5 時 間 デザインで 注 意 したポイント 極 力 クライアントの 要 望 を 表 現 すること 上 下 左 右 の 余 白 を きちんと 取 ること 自 身 の 判 断 でクリーム 色 とオリーブ 色 を 引 用 影 (ぶどう 等 )を 少 し 深 くし 方 向 を 統 一 すること ロゴは 大 きすぎず 小 さすぎずにすること 新 たな 文 字 色 は 赤 ぶどうワインに 近 い 色 にすること - 2 -
クライアント 制 作 の (ランディングページ) 上 部 2/3 デザインコンセプト:クライナントの 要 望 キャッチコピー 週 末 はワインバーで 大 人 の 恋 活 はじめませんか サイズ:350 240px ロゴと の 上 部 のぶどうの 背 景 を 使 用 すること お 店 のある 大 阪 キタ 発 ~600 人 を 使 用 すること ご 希 望 にあわせて 事 前 にマッチングします を 引 用 ハートのベベルとエンボス( 内 側 )を 使 用 すること 配 色 は から 極 力 引 用 今 から 大 人 の 恋 活 スタート!を 引 用 料 金 を 記 載 する 事 リラックスできるイメージにしてほしい 600 人 の 参 加 人 数 で 信 頼 感 を 出 すこと 年 齢 層 は 20 代 ~30 代 がターゲット 職 業 訓 練 校 での 作 品 集 :2 (2012 年 ) 職 業 訓 練 校 ( 東 京 WB デザインスクール) 課 題 制 作 Wordress H 制 作 個 人 サイト (2012 年 ) 修 了 制 作 dobe llustrator5 hotoshop5 reamweaver 5 を 使 用 制 作 時 間 : 通 算 80 時 間 デザインコンセプト 当 時 の 年 代 らしく 白 黒 で 表 現 教 師 の 好 意 による 独 学 での 初 めての M 挑 戦 なので 手 本 となる 教 本 に 忠 実 に 再 現 することをモットーに いくつか 工 夫 が 欲 しいので 教 本 以 外 の 部 分 にも 挑 戦 検 索 窓 設 置 や 画 像 のライトボックス 等 参 照 サイト:http://ika-musume.sakura.ne.jp/wp/ 課 題 : 神 社 仏 閣 H 制 作 (2012 年 ) dobe llustrator5 hotoshop5 reamweaver 5 を 使 用 制 作 時 間 : 通 算 20 時 間 デザインコンセプト 神 社 の 垂 れ 幕 のような 上 部 のヘッダーデザイン 垂 れ 幕 は 神 社 のような 模 様 を 自 主 制 作 jquery 動 画 の 初 めてのチャレンジ 縦 書 きの 文 章 ( 左 側 )にチャレンジ 縦 書 き 部 分 には 日 本 風 の 背 景 を 使 用 赤 と 黒 の 使 い 分 け 参 照 サイト:http://ika638.com/rwd/work/tok_hp01/ - 3 -
業 務 委 託 : 某 クライアント( 芸 能 プロダクション)より 依 頼 されました オーデションスペシャルのカンプ 制 作 委 託 業 務 (2014 年 ) dobe llustrator6 hotoshop6 を 使 用 制 作 時 間 : 通 算 40 時 間 制 作 費 代 収 入 :50,000 円 デザインコンセプト(クライアント 要 望 ) 鮮 やかなグリーンを 基 調 色 とする 背 景 に 薄 いオーデション 文 字 の 背 景 とする 個 人 と 法 人 のログインエリアを 右 上 に 配 置 する 最 新 オーデションページは モデルの 拡 大 プレビュー 画 面 を 設 置 すること サイドエリアに 新 規 登 録 のボタンと 詳 細 を 記 載 すること サイドエリアは 全 てのページに 同 じ 位 置 で 配 置 すること リンクバナーは 全 てのページに 同 じ 位 置 で 配 置 すること タイトルロゴはイタリックの 英 文 で クリアなイメージ トップページにはバナー 募 集 中 エリアを 2~4 枚 以 上 確 保 すること 全 7ページ トップページ 参 照 サイト: http://ika638.com/rwd/work/audition_special.pdf 最 新 オーデション 新 規 登 録 お 問 い 合 わせ 退 会 について 会 社 概 要 プライベートポリシー 以 上 が 業 務 委 託 で 行 った 成 果 です - 4 -
前 職 での 制 作 実 績 一 例 : 法 人 自 社 サイト 前 職 ホームページ 立 ち 上 げ(1999 年 頃 ) dobe hotoshop5.5 llustrator8.0 dobe Goive4.0 等 を 使 用 ページ 数 : 約 50 ページ 制 約 :H が 開 くまで 10 秒 以 上 掛 からないこと 参 照 サイト:http://ika638.com/rwd/work/oyo_hp01/ 主 な 成 果 全 く 基 礎 知 識 の 無 い 中 から 初 めての Web 制 作 だったため と 無 料 素 材 の 少 ない 時 代 で ほぼ 全 てのパーツ( 画 像 ) を 自 作 で 制 作 したため 半 年 の 時 間 が 必 要 でした 製 品 紹 介 他 お 問 い 合 わせページも 作 成 したため 月 の お 問 い 合 わせ 件 数 が 2 倍 (100 件 ) 売 上 10% 増 ( 推 測 ) 英 語 版 ホームページ 立 ち 上 げ(2003 年 頃 ) dobe hotoshop2 llustrator2 Macromedia reamweaver MX 2004 等 を 使 用 ページ 数 : 約 20 ページ 参 照 サイト: http://ika638.com/rwd/work/oyo_hp02/nglish/ 主 な 成 果 製 品 紹 介 他 お 問 い 合 わせページも 作 成 したため お 問 い 合 わせ 件 数 が 10 倍 (500 件 ) 売 上 20% 増 ( 推 測 ) マウスカーソルを 各 支 店 名 に 置 くと ここに 事 業 所 の 外 観 写 真 が 表 示 されるようになっています 注 意 過 去 のデータをレンタルサーバーで 仮 想 立 ち 上 げした ものなので リンク 切 れ 部 分 がある 場 合 があります ご 了 承 ください - 5 -
日 本 版 ホームページリニュアル(2008 年 頃 ) dobe hotoshop4 llustrator4 reamweaver4 Flash4 等 を 使 用 ページ 数 : 約 100 ページ 主 な 成 果 W 製 品 や 新 着 情 報 Web 専 用 キャンペーンを 強 化 し お 問 い 合 わせページを 担 当 者 へ 自 動 化 して 作 業 効 率 を 向 上 させました Flash(クリック 可 )も 挿 入 してインパクトを 強 めました 参 照 サイト:http://ika638.jp/oyo_hp03/ 注 意 過 去 のデータを 再 現 したものなので リンク 切 れ 部 分 がある 場 合 があります ご 了 承 ください T 系 制 作 物 機 器 総 合 カタログ 制 作 nesign4 hotoshop4 llustrator4 を 使 用 ページ 数 : 約 40 ページ 参 照 サイト http://ika638.com/rwd/work/oyo_inst2010.pdf 主 な 成 果 社 内 展 示 会 に 向 けて 毎 年 一 回 の 大 改 訂 を 行 いました パネル 制 作 もあり 最 も 広 報 担 当 が 忙 しい 時 期 でした 自 身 も 展 示 会 に 参 加 してお 客 様 とコミニュケーション をはかりました 機 器 個 別 カタログ 制 作 dobe hotoshop4 llustrator4 nesign4 等 を 使 用 ページ 数 : 約 2~4 ページ 以 上 が 前 職 で 行 った 成 果 です - 6 -
職 業 訓 練 校 (キヅキ WB スクール)の 最 近 の 制 作 品 講 義 :TRV KTH サイト 制 作 (2015 年 ) Wordress 3.9.9 を 使 用 制 作 時 間 : 通 算 25 時 間 参 照 サイト:http://82miku.com/wp02/ このサイトは localhost で 制 作 したため レンタル サーバーへお 引 越 し 作 業 中 ( 工 事 中 )です 授 業 で 各 種 テクニックを 学 びながら 制 作 した M 形 式 の Web サイトです 講 義 :Responsive.nc.サイト 制 作 (2015 年 ) レスポンシブ Web デザインサイトです HTM5+3 にて 制 作 制 作 時 間 : 通 算 10 時 間 参 照 サイト:http://ika638.com/rwd/work/Rwd/ 左 がパソコンで 見 た 場 合 右 が 同 じサイトを スマホ 等 で 閲 覧 した 場 合 の 画 面 です レスポンシブ Web デザインは 難 しいものでは なく 従 来 の 方 法 を 工 夫 すれば 比 較 的 容 易 に 制 作 する 事 が 出 来 ます 決 して 新 しい 技 術 を 修 得 しなければ ならな いものではありません あとがき 正 直 に 申 し 上 げますと 前 職 の 法 人 自 社 Web サイトでは 見 た 目 のみしか 指 示 重 視 されなかったため HTM の 意 味 も 詳 しく 知 らず も W3 も 全 然 知 らないという 状 態 でした しかし 訓 練 校 に 通 学 技 術 修 得 することによって W3 の 重 要 性 とワイヤーフレームや 幅 広 い Web の 知 識 技 能 を 修 得 することが 出 来 見 えない 部 分 に 技 術 労 力 を 集 中 することによって それが O に 繋 がり Google アナリティ クスが 意 味 を 持 つと 自 覚 し 大 変 意 義 のある 修 得 をすることが 出 来 ました また Web デザインや HTM にしても 自 身 の 技 術 をひけらかすのではなく お 客 様 が 本 当 に 望 んでいることを 確 実 に 成 し 遂 げることが 重 要 です と 言 うユ-ザーである お 客 様 目 線 が 大 事 と 強 く 感 じました 以 下 に 冒 頭 と 重 なる 部 分 もありますが 重 要 な 事 ですので 列 記 します 入 社 後 では 効 率 よく 且 つ 確 実 なものを 納 期 内 に 仕 上 げるのが 最 も 優 先 すべき 命 題 であり 次 に 改 善 や 工 夫 に 取 り 掛 かれるステップアップをすることが 出 来 るようになることです 同 時 に 社 内 外 コミュニケーションを 確 実 に 実 施 することです 例 え 苦 手 な 相 手 や 業 務 だとしても 報 告 連 絡 相 談 (ホウレンソウ)は 確 実 に 行 うようにします 給 与 は 最 初 は 低 くても 業 務 で 成 果 を 出 し そこで 初 めてそれに 見 合 った 報 酬 を 受 取 る 事 が 出 来 ると 思 っています 工 程 が 遅 延 している 場 合 は 早 目 に 報 告 して 対 策 を 協 議 し 最 終 的 に 納 期 遅 れが 起 きないよう 実 行 することなどです これらを 意 識 して 入 社 に 臨 む 所 存 であります 職 務 経 歴 書 に 関 する 事 は 以 上 です 宜 しくお 願 い 申 しあげます 121-0813 東 京 都 足 立 区 竹 の 塚 2 丁 目 12-18 第 2F マンション 207 号 室 氏 名 : 飯 塚 初 芳 電 話 番 号 :090-8963-1046 -mail:haasan382@gmail.com - 7 -
目 次 : 以 降 に 添 付 した わたしの 作 品 の 一 例 -1- 名 刺 作 成 (2 参 照 ) Wine Bar お 店 のロゴ 作 成 (2 参 照 ) 測 定 機 のトレース-1( 実 物 写 真 イラストレーター) 測 定 機 のトレース-2( 実 物 写 真 イラストレーター) Web サイト オーディション スペシャル カンプ 制 作 ( 某 クライアントから 業 務 委 託 :5 参 照 ) - 8 -
目 次 : 以 降 に 添 付 した わたしの 作 品 の 一 例 -2- 某 WB デザインスクール 募 集 チラシ 展 示 会 パネル-1( 測 定 機 設 置 イメージ 図 ) 展 示 会 パネル-1( 測 定 機 設 置 & 使 用 イメージ 図 ) 展 示 会 パネル-1( 測 定 機 設 置 イメージ 図 ) 測 定 機 器 総 合 カタログ( 冊 子 40 ページ:7 参 照 ) 以 上 12 点 です ご 閲 覧 ありがとうございました おじぎのOYOイラスト - 9 -
2 1 2 1 B
ȁ Ȝ Ο ͻ Ώ ο ϋ Ȝ ȜΟͻ ΟͻΏο ΏοϋΑ Ώο ϋα Α Π Π ͼπ Π ͼπ ʼnŐŎņ T T T T T T T %QR[TKJV % 67# # TKJV 4GGTXGF T O ǵǥȉƕиnjưʒ Ǎ բƴज़ơƨʙƴʋ ưNjɲⴛᛩƙʃƞƍŵ ƓբƍӳǘƤƴ᧙ƠƯ ݦ ƷႻᛩՃƕᛇƠƘ Ɠ ƑƍƨƠLJƢŵ T ૧ ഴ υέͼϋ ࠇश ΩΑχȜΡ 612ᳶ ᅈಒᙲᳶȗȩǤȐǷȸȝȪǷȸᳶᡚ ƴ᧙ơưᳶɠբƍӳǘƥ ξȝ ΎȜ ŊŅ υέͼϋ ΩΑχȜΡ ρδ ȜΟͻΏοϋ ξȝ ΎȜ ŊŅ T डġ૧ ȜΟͻΏοϋ Α β Ώ λ σ ड૧ ȜΟͻΏοϋ T