TAKUYA HAGIHARA

https://gojapan.herokuapp.com/

概要：
・日本に初めて訪れる外国人観光客にむけておすすめスポットを紹介する
・人気スポットを対象エリアから検索できる
・対象エリアの直近8日間の天気予報がわかる

ターゲット： 日本に初めて訪れる外国人観光客

デザイン： シンプルかつ最小限のアクションで必要な情報が得れる機能的なデザインを意識

制作経緯： 海外旅行が好きなことも有り、Nuxt,Vueの勉強用として制作

制作時間： 24時間

使用技術：
Photoshop / Illustrator / Visual Studio Code / Nuxt.js / Vue.js HTML / Scss
外部API： Foursquare,OpenWeather
デプロイ： heroku

詳細： 詳細はGitHubをご覧ください。
URL ：https://github.com/pittizamurai/go-japan

 

ポートフォリオサイト：
WordPressを使用したポートフォリオサイトとNuxt.jsを使用したポートフォリオサイトを作成
Nuxt.js：https://tk-hagihara.com/
WordPress：https://tk-hagihara.com/wp/

制作経緯：
WordPress、Nuxt.js、Vue.jsの勉強用として制作。
制作するにあたって、とても良いポートフォリオサイトがあったので、
参考にさせていただきました。
Nuxt.jsを使用したサイトについては、Jamstackを採用。
高速かつセキュリティも強く、最近注目を集めているため、選定しました。
API部分には、ヘッドレスCMS(WordPress)、
JavaScript/Markup部分にSSG（Static Site Generator）を利用した。

使用ソフト：
Visual Studio Code

使用言語等：
html / scss / css / JavaScript / Vue / Nuxt.js / Vue.js

担当箇所：
全て

 

概要：
Web制作会社にてフロントエンドエンジニアとして従事

主な制作実績：
■大手保険会社コーポレートサイト制作（WordPress）のフロントエンド担当

■Vue.js,Nuxt.jsを使用したホームページの改修

■デジタルサイネージ作成

期間：
2020/11 ~ 2021/5（現在）

使用ソフト：
Visual Studio Code / XD / Photoshop / Illustrator

使用言語等：
html / pug / scss / css / JavaScript / jQuery / Vue / Nuxt

 

https://trello-6a4cf.web.app

アプリ：
タスクマネージメントアプリ（Trello風）

制作経緯：
Vueの勉強用として制作。 前職等でTrelloを使っており、使い勝手も良かったため試作。

制作時間：
10時間

使用ソフト：
Visual Studio Code

使用言語等：
html / css / JavaScript / Vue

担当箇所：
全て

http://ozbase.ciao.jp/ozbase/

業態：
オーストラリアのプロダクトを専門に扱い、カフェが併設したセレクトショップ。

ターゲット：
海外が好きでファッション感度の高い30代〜40代の男女

デザイン：
Relax&Luxuryをコンセプトに掲げ、リラックス感がありながらもどこか気品を醸しだす、オーストラリアの人々・文化を表現。
オーストラリアの広大な自然（海・空）をイメージし、配色は白・ブルーを基調とし、アクセントにアースカラーを取り入れ、自然と大地を表しました。
またレイアウト面においては、ホワイトスペースを活かし、ブロークングリッド を取り入れRelax&Luxuryを体現しています。

制作経緯：
WEBデザインスクールの卒業作品として制作。
オーストラリアへ留学した時、オーストラリアに魅せられ、いつかこんなショップができれば良いな。と思っていたモノをカタチにしました。
同サイトを用いてオーストラリアの良いモノ、文化を伝えれるよう考案。

制作時間：
40時間
制作に至るまでの準備で10時間程使用し、何度か大きくコンテンツを変更したため、時間がかかりました。

使用ソフト：
Photoshop / Illustrator / Dreamweaver /

担当箇所：
Planning / Design / html,cssの全て

背景：
I&T JAPAN(Idea & Technology JAPAN)という架空の電気機器販売ブランドの新スマートウォッチ紹介のバナー広告
過去のスマートウォッチにはない性能を持ったスマートウォッチ。
「ただ」のスマートウォッチではなく、人に大きな影響を与えるスマートウォッチとして上市したいとの要望と仮定。

ターゲット：
先進的なモノ、テクノロジーには投資を厭わない考えの30〜40代の高所得な男性

デザイン：
おしゃれなスマートウォッチを大きく打ち出し、アイキャッチ。
リード文で「人生を変える」という少し誇張表現を用い、興味を促進。
バナー下部では、新商品登場・わかりやすいデザインの詳細はコチラでクロージング。

制作時間：
1時間

使用ソフト：
Photoshop

 

背景：
OZ BASE（架空のハンバーガー ショップ）からハンバーガーが新登場。
現在同お店では、30代がコア客層だが、新商品登場と同時に20代も取り込みたいとの要望。
バナー広告として作成。

ターゲット：
上京して3年、そろそろ何事にも良いモノを選びたくなっている20代中盤

デザイン：
キャッチーな文言でアイキャッチをし、シズル感あるハンバーガー画像で食欲をそそるようデザイン。
新商品と一目見てわかるよう「debut」も合わせて記載。

制作時間：
1時間

使用ソフト：
Photoshop / Illustrator（OZ BASE & debut!）

業態：
個性のある白色のモノだけを集めたセレクトショップ

ターゲット：
シンプルが好きだけど普通じゃ物足りないと感じる20〜40代の男女

デザイン：
SALT&PEPPERというブランド名で表現
SALTが「白」、PEPPERで「スパイス」というイメージで、「いつもの白にスパイスを」をコンセプトにしています。
SALT&PEPPERということもあり、白と黒を基調とし、シンプルなレイアウトにしました。

制作時間：
3時間（企画考案に1時間30分）

使用ソフト：
Photoshop

業態：
プラスチックを使わず、木を使用したハブラシを販売するブランド

ターゲット：
環境問題に興味を持ったファッション感度の高い30代〜50代の男女

デザイン：
昨今の脱プラ・サステナビリティを意識し、考案しました。
またロゴについては、持続性をイメージし、OOを∞で表現。
レイアウトでは、ファーストビューで画像を大きく表示させ、インパクトを出し、WE　ARE…をファーストビュー下部に出すことにより、下へスクロールしたくなるようデザインしました。文字は背景画像と近い、グレーを採用し、一体感とナチュラルさを演出し、エコ・環境といったイメージが湧くように選定。

制作時間：
2時間

使用ソフト：
Photoshop

業態：
豪華客船での世界一周旅行を提案する日本企業のコーポレートサイト。

ターゲット：
快適且つ華やかに世界一周旅行がしたい40代〜70代の富裕層

デザイン：
ロゴには、ラグジュアリーな雰囲気を醸し出す字体を採用。
メインカラーには画像の背景色に近く、海・空・山の中間色のような色を起用し、自然を想起させることにより、世界一周へと駆り立てる。
高級感とナチュラルさを感じれるようデザインしました。

制作時間：
3時間

使用ソフト：
Photoshop