ASALIO thema : LINK
1993 年 9 月 浅 本 侑 樹 生 まれる 1999 年 家 に 初 めてのパーソナルコンピュータ がやってくる メーカーはコンパック OS は Windows98 2005 年 4 月 楽 天 ブログで 役 立 つお 得 な 生 活 を 開 設 同 時 に アフィリエイトも はじめる ブログ 開 設 のきっかけは 2007 年 お 小 遣 い 稼 ぎ (HTML の 勉 強 開 始 ) ブログ 名 を YakuPaso に 変 更 2009 年 4 月 初 芝 富 田 林 高 等 学 校 に 入 学 Web デザインの 仕 事 がしたい!と 強 く 感 じるようになり Web デザイン が 学 べる 大 学 や 専 門 学 校 を 探 す パソコン 関 連 に 限 定 した 役 立 つ 情 報 を 発 信 ホームページビルダー で Web ページの 制 作 も 始 める 2012 年 4 月 HAL 大 阪 に 入 学 Web 開 発 に 関 することはもちろん 他 にもネッ トワークや 基 本 情 報 技 術 者 試 験 の 勉 強 など 色 々と 行 う 大 阪 第 一 ホテル 直 営 のレストラン にて 臨 時 社 員 として 働 く ( 現 在 も 働 いています ) 2013 年 3 月 HAL EVENT WEEK にて 作 成 し た Web サイトが 銀 賞 を 受 賞 また HAL 東 京 /HAL 名 古 屋 / HAL 大 阪 の 合 同 コンテストでも 動 物 園 の Web サイトで 銀 賞 受 賞 金 賞 への 思 いが 強 く 生 まれる 2014 年 3 月 初 めて 海 外 へ 行 く 国 は 韓 国 で 都 市 はソウル 海 外 と 日 本 の 文 化 の 違 いに 驚 き 世 界 をもっと 見 た 2014 年 7 月 いと 感 じるようになる ヨーロッパへ 行 く 7 か 国 を 巡 り 建 造 物 や 広 告 のデザインなどの 違 いはもちろん 食 文 化 など 様 々な 文 化 を 楽 しむ はじめまして 私 は 浅 本 侑 樹 と 申 します HAL 大 阪 IT 学 部 WEB 開 発 学 科 に 所 属 しています 2015 年 4 月 には 4 年 生 となり 最 終 学 年 を 迎 え ます 人 の 暮 らしが 楽 しくなる をポリシーとして 日 常 生 活 における 不 便 を 解 消 し 便 利 な 形 にデ ザインをする そんな WEB クリエイターを 目 指 しています 01 Web Design Portfolio
03 W eb D esi gn P ortfo l i o
システム デザイン作品 GLOBAL WINE CIRCLE GLOBAL WINE CIRCLE C ワイン好きが集まる 輪 を考えました ああああああああ ああああああああああああああああああああ ああああああああああ ああああああああああああああ あ ああああああああ ああああああああああああ ああ あああ ああああああああああ ああああああああああああああああああ あああああ ああああああああああああああああああああああ 章② タイトル文字 文 ああああああああああああああああああああ ああああああああああああああああああああ Web D es ig n P o r t f o l i o 04
System Design PHP / MySQL / jquery etc... IN GLOBAL WINE CIRCLE 誰 でも いつでも 気 軽 に 利 用 できるようにした 共 有 するワイン 日 記 今 ワイン 市 場 は 成 長 市 場 で ワインマニアが 専 門 用 語 を 多 用 して 評 価 するのが 現 在 よくあるサービスです そこで ワインに 興 味 がある 人 が 気 軽 に 利 用 できるよう 設 計 とデザインで 工 夫 をいたしました 1. ワインを 評 価 する にアクセス 今 飲 んでいるワインのラベルを 撮 影 次 に 評 価 やコメントを 書 いて 投 稿 とても 簡 単 な 日 記 です! ワイン 日 記 として 欠 かせない ワインを 評 価 する という 機 能 そしてメ 3. 気 に 入 ったら いいね! をして もっとみんなに 知 ってもらいましょう! いいね! が 多 いとトップページに 表 示 されます 2. ワインを 検 索 する にアクセス 今 目 の 前 にある 気 になるワイン 買 おうか 悩 んだらラベルで 検 索 みんなの 日 記 で 失 敗 が 避 けられます! インの 利 用 方 法 として 想 定 している ワインを 検 索 する ではワインラベ ルを 撮 影 するだけでワインを 検 索 できる 機 能 ( 文 字 認 識 エンジンを 利 用 す る 費 用 の 問 題 で 実 装 はしておりません ) これらは 全 てトップページからすぐにアクセスすることが 出 来 ます 気 に 入 ったワインにはいいね!をして みんなで 美 味 しいワインを 共 有 し ましょう GLOBAL WINE CIRCLE http://asamone.com/wine/ グローバルワインサークル IN 使 用 技 術 PHP / MySQL / jquery / JavaScript / HTML5 / CSS3 使 用 ツール Photoshop CC / Illustrator CC / Brackets 1.1 / Sublime Text 3 制 作 期 間 市 場 調 査 1 か 月 企 画 1 か 月 ラフ 案 1 か 月 カンプ 2 週 間 コーディング 1 週 間 プログラム 2 週 間 GLOBAL WINE CIRCLE Logo Font Name: Josefin Sans(Josefin Sans) 05 Web Design Portfolio
PORTFOLIO: System Design トップページ これをしたい ユーザーの目的をとことん考えました 目的がないのにアクセスするユーザーはいません たとえ ヒマだからアクセスさ れたとしても何かに期待してアクセスされているはずです 目的が明確なユーザー は ワインを検索する と ワインを評価する を最も利用されると考えましたの で トップページのブランディング画像の下にボタンを設置しました これにより ユーザーは迷わずに目的を達成できるという魅力があります そして ヒマでアク セスされたユーザーはページの上から下まで見て魅力的なものを探されると考え グローバルワインセラー への最新の投稿 いま最もプッシュしている魅力的な PR 企画 ワインの情報コーナー いま最もいいね されているワインを表示す る あなたにオススメの 1 本 を掲載しました あ な た に オ ス ス メ の 1 本 は ペ ージ遷移をせずに詳細情報も確認でき 楽天市場で商品を探すことも出来てしまう ので ついつい習慣になってしまうユーザーさんもいらっしゃるかもしれません シチュエーション a カジュアルさを大切に あっという間に投稿 ワイ ン 高 級 と い う 概 念 は い り ま せ ん ワ イ ン が 好きな方 ワインに興味がある方で だか ら こ そ よ く 用 い ら れ る ブ ラ ッ ク や あ れ ば 1 度はワイン日記関連のアプリを入れ ワ イ ン レ ッ ド は 基 本 的 に 使 っ て い ま せ ん ら れ た こ とがあるのではないでしょうか カジ ュ ア ル で 現 代 的 な デ ザ イ ン を 取 り 入 れ て し か し な がら 専門用語が多く 評価項目も ワイ ン カ ジ ュ ア ル な イ メ ー ジ を 持 ち ワ イ 多 い た め 意外と時間を費やしてしまいます ンを 気 軽 に 暮 ら し に 取 り 入 れ て 頂 け る こ と を そ こ で GL OBA L W I N E CI RCL E では専門用 大切 に し て い ま す 語 は な く し 評価項目も減らしました また 20 30 代の 男 女 を タ ー ゲ ッ ト に し て こ れ に よ り 時間は 3 分もかかりません おり ま す の で 違 和 感 な く 使 っ て い た だ く 為 今 ま で に ない簡単さを是非お試しください にも 親 し み や す い こ の カ ジ ュ ア ル さ は 重 要 だ と考 え ま し た シチュエーション b いいね で出来ること スマートフォンのカメラでワインラベルを撮影します 気になったら すぐ検索 スーパーマーケットでワイン選び そこには 1000 円以下でリーズナブルなワイン が色々並んでいます 今まではインターネット フォ ン ト も 少 し 柔 ら か く か つ 視 認 性 が 落 ち G LO B A L W I NE CI RCL E には いいね 機 で検索しても参考になる評価を見つけることが ない も の を チ ョ イ ス 能 が あ り ます この いいね は今まで知 出来なかったワインが G L OBA L W INE CIRCL どれ ほ ど デ ザ イ ン に こ だ わ っ て い て も 見 名 度 が 低 かったワインを有名にする可能性を E では簡単に見つけられます づら い 使 い づ ら い と 感 じ ら れ る と ユ ー ザ ー 秘 め て い ます 気になる投稿を見つけて 購入 それは今までにないワイン初心者をターゲット はも ち ろ ん 定 着 し ま せ ん の で 基 本 軸 で あ る し 美 味 しければ積極的にいいね をしてワイ にしていることが理由です 見や す さ と 使 い や す さ も し っ か り と 意 識 を し ン マ ー ケ ットを盛り上げていきましょう 検索もラベルを撮影するだけ 1 で すぐに見つ かつ カ ジ ュ ア ル さ も 大 切 に し ま し た そ れ だ け ではなく投稿者も嬉しいはずですよ けられるからもう手放せません 1 未実装 Web D es ig n P o r t f o l i o 06
PORTFOLIO: System Design ワイン 検 索 ページ あえて ページ 遷 移 を 増 やす 最 近 ページ 遷 移 が 少 ないサイトが 多 いと 思 います 確 かに 時 間 の 省 略 には 役 立 つ と 思 いますが 分 かりやすさという 点 においてはどうでしょうか? 1) 検 索 する ラベルで 検 索 OR 名 前 で 検 索 選 んだ 検 索 方 法 の 検 索 画 面 2) 検 索 する いきなり ラベルで 検 索 の 検 索 画 面 私 は 最 近 2 のパターンをよく 見 かけます メインとなる 画 面 の 方 に 遷 移 し 他 の 画 面 の 方 が 良 ければ その 画 面 への 遷 移 を 促 す 方 法 です これだと 過 半 数 以 上 の 人 が 満 足 するので 悪 いとは 思 いませんが 違 う 画 面 の 方 が 良 いという 方 も 少 なか らずいらっしゃるわけですから その 少 数 派 の 方 にとっては 他 の 画 面 への 遷 移 を 促 すリンクを 探 すことに 苦 労 されると 思 います それならば 少 し 昔 ながらのページ 遷 移 方 法 ではありますが 1 のパターンで 作 成 した 方 が 少 しでも 多 くのユーザーに 満 足 していただけると 考 えました b. ラベルを 撮 影 する c. 検 索 結 果 ワイン 評 価 ページ 簡 単 であること 迷 わせない ことにこだわりました 今 まであったワイン 日 記 の Web サービスとは 全 く 違 うポイントはこちらです 何 度 もラフ 案 を 修 正 したり 日 本 語 表 記 を 修 正 したりして 簡 単 に 意 味 を 理 解 して いただけるか そして 迷 わず にワインを 評 価 していただけるかを 考 えました 結 果 的 には 総 合 評 価 は 評 価 画 面 では ではなく 言 葉 で 表 記 しました こ れにより 曖 昧 な 評 価 ではなく ある 程 度 統 一 感 のある 総 合 評 価 になると 考 えてい ます そして その 他 の 評 価 もよくある 数 値 での 表 現 ではなく 言 葉 で 表 記 しました それだけでなく あまりワインに 詳 しくない 人 にとっては 5 段 階 に 分 かれていると どれを 選 んでいいのか 悩 んでしまうと 思 いましたので 最 低 限 の 3 段 階 にしました また 上 から 順 番 に 答 えていくだけで 大 抵 は 選 択 するだけなので とても 簡 単 で す STEP1. ラベルを 撮 影 する STEP2 ~. 流 れに 沿 って 評 価 する 07 Web Design Portfolio
PORTFOLIO: System Design 共 通 誤 操 作 を 限 りなくなくす 大 型 のボタン スマートフォンサイトならではの 問 題 点 ボタンが 小 さいと 横 のボタンを 押 してし まうというのは 皆 様 も 一 度 は 体 験 されたことがあるのではないでしょうか? 私 は 何 度 もございます では どうすれば 誤 操 作 を 防 げるのか 解 決 策 はいくつかありま すが 大 型 化 もしくは 周 りにゆとりを 設 ける 方 法 がベストだと 考 えました 今 回 は 大 型 化 がメインで 周 りには 少 しゆとりを 設 けるようにしました 共 通 評 価 をする 時 は 言 葉 で 評 価 を 見 る 時 はグラフへ これも 分 かりやすくするための 工 夫 です 評 価 をする 時 は 言 葉 で 表 記 することで 評 価 をつけやすいように 工 夫 をしていましたが 評 価 を 見 るときに 言 葉 だと 比 較 しづらいですよね そこで ひと 目 見 ればすぐに 比 較 できるようにグラフで 表 示 す るようにしました 共 通 いいね! ではなく GOOD! ボタン 先 ほどから 私 は いいね! と 申 し 上 げておりましたが GLOBAL WINE CIRCL E では GOOD! と 記 載 しています 誰 でもわかる 英 単 語 ということもあり デザ イン 上 の 観 点 からこのような 表 記 となりました カラーリングは Facebook への いいね! ではないので Facebook と 誤 解 され ない 為 にブルーのカラーは 避 け メインカラーの 補 色 であるこのカラーをチョイス しました 難 しかったのはどこがタッチする 部 分 で どこが 現 在 のいいね!の 数 な のかを 判 断 できるようにするかというところでした Design Concept 片 手 操 作 で 気 軽 に 利 用 できる 左 右 対 称 デザイン GLOBAL WINE CIRCLE はいつでも 気 軽 に 利 用 できることを 前 提 として 作 成 いたしました そこで 場 所 を 問 わずに 使 っていただくには 片 手 で 操 作 できることは 必 須 条 件 だと 考 えました スマートフォンサイトでは 当 たり 前 のようになっている 右 上 もしくは 左 上 のメニューボタン そ れをタッチするとメニューが 現 れます しかしながら どんどん 大 型 化 しているスマートフォン における 片 手 での 操 作 を 考 えると 右 手 で 操 作 する 方 は 右 側 に 左 手 で 操 作 する 方 は 左 側 になければ タッチすることは 出 来 ません どうすれば 解 決 できるのか と 考 えた 時 に 答 えはシンプルなもの でした 左 右 対 称 デザインを 取 り 入 れれば どれほどディスプレイが 大 型 化 しようとも 片 手 で の 操 作 が 可 能 であるという 結 論 に 至 りました メニューボタンだけでなく 全 てで 左 右 対 称 を 意 識 しています Web Design Portfolio 08
09 W eb D esi gn P ortfo l i o
デザイン作品 ハル幼稚園 GLOBAL WINE CIRCLE CI のびのび保育でニコニコ笑顔 あ あ ああああああああああああああああああああ ああああああああ ああああああああああああ ああ あ あああああ ああああああああああああああああああ あ ああああああああああああああああああああああ 章② タイトル文字 章 あ ああああああああああああああ ああああああああああああああああああああ あああああああ ああああああああああああああああああああ Web D es ig n P o r t f o l i o 1 0
PORTFOLIO: Design http://asamone.com/kindergarten/ 使 用 技 術 HTML5 / CSS3 使 用 ツール Photoshop CC / Brackets 1.1 制 作 期 間 ラフ 案 3 日 カンプ 2 日 コーディング 2 日 11 Web Design Portfolio
PORTFOLIO: Design POINT.1 目 標 である 園 児 を 増 やす へつなげる 手 段 Web サイトを 作 ることで 直 接 的 に 園 児 を 増 やす ことは 不 可 能 です でも それ を 手 助 けする 手 段 はもちろんあります それは 資 料 請 求 をして 頂 くことです もちろん 資 料 請 求 という 言 葉 を 記 載 したバナーも 必 要 ですが ターゲットは 入 園 を 検 討 されている 方 ですので 入 園 をご 検 討 の 保 護 者 様 へ という 言 葉 のバ ナーを 設 置 することで より 目 標 を 達 成 できる 可 能 性 は 上 がります POINT.2 文 字 数 を 少 なく 見 せる 工 夫 今 回 クライアント 様 から 掲 載 依 頼 があった 文 字 数 は 非 常 に 多 く このままでは 利 用 ユーザーの 離 脱 率 が 上 がってしまうと 考 えました そこで 少 しでも 文 字 数 が 少 なく 快 適 に 見 ることが 出 来 るという 印 象 を 与 える 目 的 で リズムのある 配 置 手 法 を 採 用 したり ポップなカラーリングにこだわったバナーを 数 多 く 作 成 しました これらの 工 夫 により 文 字 数 が 多 いというイメージを 減 少 させました POINT.3 バナーが 多 くても 単 調 にならない 工 夫 POINT.2 にもありますように 今 回 は 掲 載 しなければいけない 文 字 数 が 非 常 に 多 か った 為 多 数 のバナーを 設 置 しました しかし バナーが 増 えるとどうしても 似 た ようなバナーが 増 えてしまい サイト 全 体 が 単 調 もしくはごちゃごちゃになってし まいがちです ですが そのようにならないように 1 本 の 線 をバナーの 周 りに 入 れてみたり カラーリングにメリハリをつけたり あえて 画 像 をバナーからはみ 出 させたりと 単 調 にならない 工 夫 やごちゃごちゃにならない 工 夫 を 施 しています Design Concept のびのび と ニコニコ を 伝 える ハル 幼 稚 園 のキャッチコピーは のびのび 保 育 でニコニコ 笑 顔 です このメッセージが 伝 わる ような Web サイトにしたいと 案 件 をみて 感 じました そこで まずは 園 の 子 どもたちが 楽 しん でいる 写 真 をトップで 使 おうと 思 いました メインカラーである #85aa3c はロゴに 使 われてい るメインカラーが 印 象 的 だったので そのままサイトのメインカラーに 取 り 入 れました 同 様 に その 他 の 色 も 基 本 的 にロゴから 採 取 し まとまりが 崩 れないようにしました また ハル 幼 稚 園 はとても 教 育 熱 心 で 英 語 や 体 操 プール 音 楽 パソコン 知 能 教 育 など 様 々 な 教 育 を 早 期 で 行 われております ですので 子 どもっぽさ を 押 し 出 すようなデザインにはせ ず 比 較 的 まとまりのあるサイトを 演 出 しています Web Design Portfolio 12
13 Web Design Portfolio
デザイン 作 品 他 とは 違 う 街 のパン 屋 さん コーポレートサイト Web Design Portfolio 14
PORTFOLIO: Design http://asamone.com/bakery/ 使 用 技 術 HTML5 / CSS3 使 用 ツール Photoshop CC / Brackets 1.1 制 作 期 間 ラフ 案 1 日 カンプ(バナー 制 作 含 む)0.5 日 コーディング 0.5 日 15 Web Design Portfolio
PORTFOLIO: Design POINT.1 今 すぐ ハルベーカリーに 行 きたくなる 工 夫 Web サイトを 見 たお 客 様 が 美 味 しそう! とまずは 感 じていただけるように 工 夫 いたしました リピーターのお 客 様 も 今 すぐハルベーカリーに 行 きたくなってしま う Web サイトにしました コーポレートサイトでは 自 社 製 品 を どーん! とアピ ールされる 企 業 様 は 少 ないですが コーポレートサイトでもハルベーカリーに 魅 力 を 感 じていただけることは 大 切 だと 考 えています POINT.2 隠 れない いきなり 目 が 行 く 配 置 と 配 色 コーポレートサイトに 掲 載 した ギフトストア などへのリンクは 多 くの 情 報 に 埋 もれてしまいがちです そこで 大 きなショッピングバッグの 画 像 を 設 置 し 文 字 よりも 目 立 つようにしました これだけでも 十 分 目 立 ちますが 左 上 から 目 を 下 し てきたときに 思 わず 見 てしまう 位 置 に 配 置 させ カラーもかなり 目 立 つ 色 をチョイ ス POINT.3 コーポレート 情 報 も 難 しさを 感 じさせない 工 夫 コーポレートサイトに 欠 かせない 情 報 それは もちろん コーポレート 情 報 で す いかにして ベーカリーショップの 情 報 と 共 存 させるかが 難 しいポイントでし た コンテンツ 部 やブランディング 部 はパン 屋 さんらしさを 全 面 に 押 し 出 している のに サイド 部 ではカチカチのコーポレート 情 報 これでは 違 和 感 しか 感 じません そこで ポップな 印 象 を 持 つアイコンを 言 葉 の 左 側 に 添 えてあげることで 難 しい 印 象 を 限 りなくなくす 工 夫 をしました Design Concept 他 とは 少 し 違 うコーポレートサイトの 実 現 ハルベーカリーはお 客 様 が ここは 他 とは 違 う という 期 待 を 寄 せていると 伺 い それならば 他 とは 少 し 違 うコーポレートサイトにしなければいけないと 感 じました しかしながら コー ポレートサイトに 必 要 な 情 報 (プレスルームや 投 資 家 情 報 採 用 情 報 など)は 欠 かせないので そういった 情 報 をどのように 掲 載 するかがカギでした まず まるでコーポレートサイトでは なくブランドサイトかのように 感 じさせるブランディング 画 像 大 きくハルベーカリーのパン をアピールできるように 工 夫 いたしました そして カギであるコーポレートサイトに 必 要 な 情 報 はポップなアイコンを 用 いることで 難 しい 印 象 を 減 らし コーポレートサイトらしさを 失 くすことに 注 力 いたしました Web Design Portfolio 16
17 Web Design Portfolio
制作ご依頼 ( システム & デザイン作品 ) Rits Boy Contest 2014 GLOBAL WINE CIRCLE ミスターコンテストのご案内と立候補 投票サイト あ ああああああああああああああああああああ あ ああああああああ ああああああああああああ ああ あ ああああああああああああああああああ あああああ ああああああああああああああああああああああ 章② タイトル文字 ト あ ああああああああああああああああああああ あ ああああああああああああああああああああ あ Web D es ig n P o r t f o l i o 1 8
PORTFOLIO: System Design http://asamone.com/ritsboy/ リッツボーイ コンテスト 2014 使 用 技 術 PHP / JavaScript / jquery / HTML5 / CSS3 使 用 ツール Photoshop CC / Illustrator CC / Brackets 1.1 / Sublime Text 3 制 作 期 間 打 ち 合 わせ 3 日 ラフ 案 0.5 日 カンプ(ロゴ バナー 制 作 含 む)0.5 日 コーディング 0.5 日 プログラム 0.5 日 19 Web Design Portfolio
PORTFOLIO: System Design POINT.1 2 日 でつくりました 今 回 クライアント 様 は 急 きょ Web サイトを 立 ち 上 げをお 考 えになられたとのこと で 打 ち 合 わせを 終 えた 時 納 期 は 2 日 後 でした ご 要 望 内 容 は 全 て 反 映 し 目 的 がしっかりと 達 成 できるデザインにするという 点 はしっかりと 行 い 利 用 ユーザー が 大 学 生 ということで スマートフォンへの 対 応 も 行 いました 納 期 の 都 合 上 レ スポンシブデザインにて 設 計 を 行 いました POINT.2 ユーザーの 利 用 目 的 は 立 候 補 と 投 票 がほとんど このサイトを 作 る 目 的 は 立 候 補 と 投 票 でした さらに 告 知 などは 大 学 で 行 われるとのことでしたので 立 候 補 と 投 票 の 機 能 に 出 来 るだけアクセスし やすい 形 にしなければと 思 い 現 在 の 形 になりました どれだけユーザーが 迷 わずに 目 的 を 達 成 できるか そこにこだわっています POINT.3 スマートフォンサイトにおける 広 告 位 置 の 工 夫 今 回 クライアント 側 でサーバーはご 用 意 いただけておらず サーバーも 用 意 して 欲 しいとのことでした あまり 予 算 がないとのことでしたので 私 のサーバー 領 域 を 無 料 でお 貸 ししました そこで 私 としては 少 しでも 広 告 料 を 頂 かなければ 非 常 に 損 をしている 気 持 ちになり 最 大 限 広 告 の 位 置 を 考 えました 結 果 的 に スク ロールする 際 にあたりやすいであろう 位 置 に 広 告 を 配 置 しました しっかりとした 目 的 でアクセスされるので これによる 離 脱 率 は 低 いと 考 えています Design Concept クリーンな 印 象 とクラブイベントを 合 わせたデザイン 今 回 作 成 させていただいたミスターコンテストのサイトを 運 営 されるのが カンボジアに 学 校 などを 立 てたりしている 慈 善 団 体 ですので クリーンな 印 象 を 意 識 しました 加 えて クライ アント 側 から クラブイベントの 一 部 としてミスターコンテストを 行 うので そのイメージを 加 えてほしい とのことでした まず ミスコンテストではピンク 色 を 用 いたサイトを 数 多 く 見 かけますので ミスターコンテストでは 水 色 をメインカラーとして 用 いました また 水 色 + 白 色 でとてもクリーンな 印 象 も 演 出 出 来 ているかと 思 います その 他 に 派 手 なカラーリング を 行 っているのはクラブイベントのネオンを 演 出 する 為 です ブランディング 画 像 などとの 相 乗 効 果 でクラブイベントの 印 象 も 強 めることが 出 来 たと 感 じております Web Design Portfolio 20
21 Web Design Portfolio
デザイン作品 その他作品 過去の作品もよろしければご覧ください Web D es ig n P o r t f o l i o 22
PORTFOLIO: Design 高 級 フランス 料 理 店 キュイエール http://asamone.com/fran_restaurant/ 使 用 技 術 JavaScript / jquery / HTML / CSS 使 用 ツール Photoshop CC / Dreamweaver CC 制 作 期 間 ラフ 案 2 時 間 カンプ( 画 像 編 集 含 む)4 時 間 コーディング 2 時 間 制 作 時 期 HAL 大 阪 2 年 23 Web Design Portfolio
PORTFOLIO: Design http://asamone.com/zoo/ あべのハルカスのすぐ 近 く! 使 用 技 術 HTML / CSS / Flash 使 用 ツール ホームページビルダー / ウェブアートデザイナー / かんたんアニメーション 制 作 期 間 ラフ 案 0.5 時 間 カンプ 2 時 間 コーディング 7 日 制 作 時 期 HAL 大 阪 1 年 受 賞 HAL 大 阪 HAL 名 古 屋 HAL 東 京 合 同 コンテスト( 美 しい Web デザイン) 銀 賞 Web Design Portfolio 24
PORTFOLIO: Design http://asamone.com/yakupaso/ 失 敗 しないスマホ 選 びを 応 援 するヤクパソ (2005 年 ~ ) 使 用 CMS WordPress 制 作 期 間 テンプレートカスタマイズ 1 日 制 作 時 期 HAL 大 阪 3 年 概 要 2005 年 から 私 が 運 営 しているサイトですが 2014 年 に WordPress へ 移 行 しました 25 Web Design Portfolio
PORTFOLIO: Design http://asamone.com/ 浅 本 侑 樹 のポートフォリオサイト 使 用 技 術 HTML5 / CSS3 / jquery / JavaScript / Google Maps API / PHP 使 用 ツール Brackets 1.1 / Sublime Text 3 制 作 期 間 コーディング 2 日 制 作 時 期 HAL 大 阪 3 年 概 要 英 語 向 けテンプレートを 日 本 語 を 入 れても 違 和 感 がないようにカスタマイズ お 問 い 合 わせフォームも 日 本 語 送 信 不 可 から 可 能 にカスタマイズ Web Design Portfolio 26
27 Web Design Portfolio
写 真 作 品 with FUJIFILM X20 Web Design Portfolio 28
PORTFOLIO: Photos Switzerland スイス 私 は 2014 年 7,8 月 にヨーロッパを 訪 れました 訪 れた 国 はイタリア バチカン 市 国 オーストリア リヒテンシュタイン スイス ドイツ フランス イギリスの 8 か 国 です 渡 航 の 目 的 は 日 本 では 感 じることのできない 世 界 観 を 感 じたかったからです やはり テレビなどでみるヨーロッパと 実 際 にみるヨーロッパは 全 く 違 いましたし ヨーロッパという 言 葉 でまとめることが 難 しいくらい 各 国 の 文 化 や 雰 囲 気 には 大 きな 違 いがありました また 様 々な 歴 史 的 建 造 物 や 圧 倒 的 な 力 を 感 じる 景 色 統 一 感 ある 街 並 みを 見 た 経 験 がデザインするときやアイデアを 考 えるときの 歯 車 となっている 気 がします 多 くの 人 は 旅 行 でしょ とおっしゃるでしょう しか し 私 は 勉 強 だと 感 じます 訪 れなければ 知 ることのできない 感 覚 それを 養 えるのであればかなりの 収 穫 であり 私 の 人 生 で 最 も 重 要 な 経 験 になったのではないかと 考 えています 29 Web Design Portfolio
PORTFOLIO: Photos Y.ASAMOTO TRIP TO EUROPE 2014 Web Design Portfolio 30
PORTFOLIO: Photos Italy イタリア 私 は 2014 年 7,8 月 にヨーロッパを 訪 れました 訪 れた 国 はイタリア バチカン 市 国 オーストリア リヒテンシュタイン スイス ドイツ フランス イギリスの 8 か 国 です 渡 航 の 目 的 は 日 本 では 感 じることのできない 世 界 観 を 感 じたかったからです やはり テレビなどでみるヨーロッパと 実 際 にみるヨーロッパは 全 く 違 いましたし ヨーロッパという 言 葉 でまとめることが 難 しいくらい 各 国 の 文 化 や 雰 囲 気 には 大 きな 違 いがありました また 様 々な 歴 史 的 建 造 物 や 圧 倒 的 な 力 を 感 じる 景 色 統 一 感 ある 街 並 みを 見 た 経 験 がデザインするときやアイデアを 考 えるときの 歯 車 となっている 気 がします 多 くの 人 は 旅 行 でしょ とおっしゃるでしょう しか し 私 は 勉 強 だと 感 じます 訪 れなければ 知 ることのできない 感 覚 それを 養 えるのであればかなりの 収 穫 であり 私 の 人 生 で 最 も 重 要 な 経 験 になったのではないかと 考 えています 31 Web Design Portfolio
PORTFOLIO: Photos Y.ASAMOTO TRIP TO EUROPE 2014 Web Design Portfolio 32
PORTFOLIO: Photos Austria & Liechtenstein オーストリア & リヒテンシュタイン 私 は 2014 年 7,8 月 にヨーロッパを 訪 れました 訪 れた 国 はイタリア バチカン 市 国 オーストリア リヒテンシュタイン スイス ドイツ フランス イギリスの 8 か 国 です 渡 航 の 目 的 は 日 本 では 感 じることのできない 世 界 観 を 感 じたかったからです やはり テレビなどでみるヨーロッパと 実 際 にみるヨーロッパは 全 く 違 いましたし ヨーロッパという 言 葉 でまとめることが 難 しいくらい 各 国 の 文 化 や 雰 囲 気 には 大 きな 違 いがありました また 様 々な 歴 史 的 建 造 物 や 圧 倒 的 な 力 を 感 じる 景 色 統 一 感 ある 街 並 みを 見 た 経 験 がデザインするときやアイデアを 考 えるときの 歯 車 となっている 気 がします 多 くの 人 は 旅 行 でしょ とおっしゃるでしょう しか し 私 は 勉 強 だと 感 じます 訪 れなければ 知 ることのできない 感 覚 それを 養 えるのであればかなりの 収 穫 であり 私 の 人 生 で 最 も 重 要 な 経 験 になったのではないかと 考 えています 33 Web Design Portfolio
PORTFOLIO: Photos Y.ASAMOTO TRIP TO EUROPE 2014 Web Design Portfolio 34
PORTFOLIO: Photos France フランス 私 は 2014 年 7,8 月 にヨーロッパを 訪 れました 訪 れた 国 はイタリア バチカン 市 国 オーストリア リヒテンシュタイン スイス ドイツ フランス イギリスの 8 か 国 です 渡 航 の 目 的 は 日 本 では 感 じることのできない 世 界 観 を 感 じたかったからです やはり テレビなどでみるヨーロッパと 実 際 にみるヨーロッパは 全 く 違 いましたし ヨーロッパという 言 葉 でまとめることが 難 しいくらい 各 国 の 文 化 や 雰 囲 気 には 大 きな 違 いがありました また 様 々な 歴 史 的 建 造 物 や 圧 倒 的 な 力 を 感 じる 景 色 統 一 感 ある 街 並 みを 見 た 経 験 がデザインするときやアイデアを 考 えるときの 歯 車 となっている 気 がします 多 くの 人 は 旅 行 でしょ とおっしゃるでしょう しか し 私 は 勉 強 だと 感 じます 訪 れなければ 知 ることのできない 感 覚 それを 養 えるのであればかなりの 収 穫 であり 私 の 人 生 で 最 も 重 要 な 経 験 になったのではないかと 考 えています 35 Web Design Portfolio
PORTFOLIO: Photos Y.ASAMOTO TRIP TO EUROPE 2014 Web Design Portfolio 36
PORTFOLIO: Photos United Kingdom イギリス 私 は 2014 年 7,8 月 にヨーロッパを 訪 れました 訪 れた 国 はイタリア バチカン 市 国 オーストリア リヒテンシュタイン スイス ドイツ フランス イギリスの 8 か 国 です 渡 航 の 目 的 は 日 本 では 感 じることのできない 世 界 観 を 感 じたかったからです やはり テレビなどでみるヨーロッパと 実 際 にみるヨーロッパは 全 く 違 いましたし ヨーロッパという 言 葉 でまとめることが 難 しいくらい 各 国 の 文 化 や 雰 囲 気 には 大 きな 違 いがありました また 様 々な 歴 史 的 建 造 物 や 圧 倒 的 な 力 を 感 じる 景 色 統 一 感 ある 街 並 みを 見 た 経 験 がデザインするときやアイデアを 考 えるときの 歯 車 となっている 気 がします 多 くの 人 は 旅 行 でしょ とおっしゃるでしょう しか し 私 は 勉 強 だと 感 じます 訪 れなければ 知 ることのできない 感 覚 それを 養 えるのであればかなりの 収 穫 であり 私 の 人 生 で 最 も 重 要 な 経 験 になったのではないかと 考 えています 37 Web Design Portfolio
PORTFOLIO: Photos Y.ASAMOTO TRIP TO EUROPE 2014 Web Design Portfolio 38
ASAMOTO YUKI http://asamone.com