Web Designer 大原 香帆

UI・UXデザインを用いてのアプリ制作、html・scss・jqueryを使ってコーディング、DTPデザインまで幅広く活躍。
仕事のモットーは、ユーザーファースト目線で使いやすいサイト制作を早くご提供すること。また、関わる全ての人がハッピーになることを目指しています。

スキル

経験したプロジェクトのカテゴリ

受託案件 自社プロダクト スマホアプリ webサービス ゲーム ECサイト DTP

経験した主な役割

UIデザイナー UXデザイナー Webデザイナー 動画クリエイター イラストレーター

使用ツール・技術

  • PhotoshopCC
  • IllustratorCC
  • SublimeText3
  • Dreamweaver
  • AfterEffects
  • Skech
  • Prott
  • Slack
  • XD
  • GitHub
  • bitbucket
  • SouceTree
  • Redmine
  • Confluence
  • Subversion
  • chatwork
  • HTML5
  • css3
  • scss
  • jQuery

主要スキル詳細

主にカンプやバナー制作に使用。写真がより良く見えるよう必ず色調を意識します。また後からの変更対応や他のデザイナーが見ても作業しやすいように制作を進めます。

ロゴや名刺、キャラクター、svgのアイコンを作成したり、DTP制作時に使用。また後からの変更対応や他のデザイナーが見ても作業しやすいように制作を進めます。

雑誌や新聞広告、お店や商品のチラシ、ポスターから物品のプリントデザインまで幅広く行っています。WEBとは違ったユーザー目線も関係図書を読みながら研究中です。

常に最新の仕様勧告を意識しつつも、クロスブラウザやSEO対応を意識したコーディングをシンプルにするよう心掛けています。

モバイルファーストの時代の流れに合わせ、css3で表現できるものは画像を使わず表現するように心掛けています。

Jqueryが大好きです。1から複雑なコードを書くことはまだできませんが、デモコードを改良し、表現したいように変えていくことが特に好きです。

デザインの仕事を円滑に進めるためには、お客様や他部署との関係がとても大事だと思うので、相手の要望を聞き出しつつも、こちらのできる最善を伝えるように努めています。

売上や集客数などのKPIやKGIを意識してデザインを考えるようにしています。また、SEO対応も常に最新の情報を知るように心掛けています。

最近の代表的な成果物

音声Q&Aアプリ制作

モック

流行るアプリを作りたいと中国の大手企業であるテンセント関連会社からの依頼で、どんなアプリを作るかの企画段階からデザインまでを弊社が担当しました。
参考紹介サイト

担当範囲

  • 企画・立案
  • 戦略会議を含めた顧客折衝
  • デザイン制作
  • カスタマージャーニーマップ
  • プロトタイプ制作
  • ロゴ
  • トーンマナー作成

期間

2017年3月から6月

使用ツール

  • Sketch
  • Illustrator
  • Prott
  • Slack

特にこだわった箇所

  1. カスタマージャーニーマップ作成し、ユーザー心理を追求
  2. 付箋やProttで画面遷移やプロトタイプを作成し、短期間でPDCAサイクルを回しブラッシュアップ
  3. マネタイズを考慮した立案
  4. シンプル、使いやすい、見やすいを大切にした
  5. 会議が進みやすくなるようアイディアをイラストにしたりプロトタイプを作り可視化した

自社コーポレイトサイト

人材採用の強化のため、会社の事業内容、雰囲気、制度が伝わるよう会社コンセプトに沿って全面的にリニューアルした。
コーポレートサイト

担当範囲

  • 企画・立案
  • 画面構成
  • UIデザイン
  • コーディング
  • 進捗管理
  • SE外注ディレクション
  • ユーザーテスト、ヒアリング

期間

2017年11月から2018年3月

使用ツール

  • SublimeText
  • Photoshop cc
  • Illustrator cc
  • AfterEffect
  • Bootstrap
  • Bitbucket
  • SourceTree
  • Skype
  • Chatwork

特にこだわった箇所

  1. 代表をはじめ社員のみんなが満足のいくサイトにしたかったのでヒアリングやテストを重視した
  2. 自社の技術の見せ所でもあるので、徹底的にフォントや構成、余白など細かい場所にも留意した
  3. メンテナンスを担保するため、すべてSCSSでコーディングした
  4. メインビジュアルにインパクトを持たせるため動画を作成し、イメージ訴求に使った
  5. 社内打ち合わせにXDを用いて、ミーティングや確認が円滑になるようにした
  6. プロジェクト進行管理はRedmineで行い、社外SEが作業しやすいよう心掛けた

ロゴ制作

ロゴ

担当範囲

  • ロゴ提案
  • ロゴ制作
  • ガイドライン作成

期間

2017年7月頃

使用ツール

  • Illustrator cc
  • Chatwork
  • 紙と鉛筆

特にこだわった箇所

  1. しっかりとヒアリングを行い、サービスに込めた思いを聞き出し表現した。
  2. 短期間での制作だったため、出戻りを軽減するためコンセプトをしっかり固めてから着手するようにした
  3. 全てのパーツや色にそうなった理由があり、論理的に説明できるロゴにした

コンテンツ内ミニゲーム制作

ゲーム参考画面

自社メディアだけでなく、受託にてTモールさんやPonta webなど大手ポイントサイトにもゲームを提供
ゲーム提供先サイト

担当範囲

  • 画面構成
  • イラスト制作
  • サイトデザイン
  • コーディング
  • A/BテストなどでUI改善提案

期間

2017年3月から2018年3月

使用ツール

  • SublimeText
  • Photoshop
  • Illustrator
  • Bitbucket
  • SourceTree
  • Chatwork

特にこだわった箇所

  1. ゲーム提供先メディアのレギュレーションやクリック率が上がる要素をヒアリングし、デザインに反映させた
  2. 提供先メディアのユーザー数が伸びるようイベントに合わせ、デザインの変更の提案、実施した
  3. 女性ユーザー、特に主婦層が多かったので可愛らしいデザインを心がけた
  4. 色盲の方でも楽しめるユニバーサルデザインを心がけた

自社ポイントサイトの運営

イベント例

集客の為のキャンペーンのキャンペーンを提案。
実際のサイト

担当範囲

  • キャンペーン企画
  • デザイン
  • コーディング

期間

2017年10月から2018年01月

使用ツール

  • SublimeText
  • Photoshop
  • Illustrator
  • Bitbucket
  • GitHub
  • SourceTree
  • Chatwork

特にこだわった箇所

  1. コンバージョンを上げることが目的だったので、毎日訪問してもらえるよう
  2. ユーザーの口コミやブログで施策の反応を確認し、次のデザインに活かすようにしている

自社ECサービスのスマホサイト

餃子のイチロースマホ画面

自社サイト『餃子専門店イチロー公式店』のスマホサイトの作成
実際のサイト

担当範囲

  • UIデザイン
  • コーディング
  • プロトタイプ制作

期間

2017年1月、25日間

使用ツール

  • Photoshop cc
  • Illustrator cc
  • SublimeText
  • Sunversion
  • skype

特にこだわった箇所

なるべくシンプルに使いやすさを重視しつつ、購買意識を誘うために商品写真はインパクトを保ちつつも見やすくすることを心がけました。

  1. ボタンを押しやすいように縦横サイズを44px以上に設計
  2. PCでのコアユーザーが50、60代だったので、アイコンだけでなく文字も併記
  3. パンくずリストを入れることで、今どこのページいるか分かりやすく
  4. 文字の大きさを各ページ読みやすいサイズに統一
  5. 無駄にページ遷移させず、スクロールやプルダウンでストレスを軽減
  6. 商品イメージ以外には画像を使わずcssで対応し通信スピードを考慮

履歴・経歴

Exerience

株式会社マーケットプレイス 勤務

アプリの新規事業の企画手立上げ段階から参加し、UXを考えたデザインの提案、制作。インサイトからコンセプトを確立させることを大切にしております。
どのサービスにおいても、ユーザーの使いやすさを追求し続けるのが目下の課題です。
またコンテンツ内ミニゲームを制作し、大手メディアに提供。デザインの幅を広げ、よりマーケティングを意識したデザインを心がけるようになりました。

2017年3月-現在
Exerience

株式会社zoom 勤務

受託と自社サイト制作の両方がある株式会社zoomに入社。
PC、スマホ、ガラケーの各端末に対応したウェブサイトや雑誌広告などを受託で多く制作を担当しました。
また自社ではECサイトやメディアサイトに関わり、A/Bテストや効果測定をしてPDCAサイクルを回しUI改善に力を入れました。 2016年から積極的に社外の勉強会やワークショップに参加するようになり、他社の意識の高いデザイナーと接することで、大いに刺激を受け、UXやアプリ制作に興味を持つようになりました。

2012年3月-2017年2月
Education

ITスクール

結婚を機にワークライフバランスを考えるようになり、以前よりやりたいと思っていたネットショップを立ち上げるべく、思い切って2011年6月末に退社し、8月からITスクールに通い始めました。
ここでphoshop,illustrator,html,css,php,jqueryを半年で学び、その面白さに惹かれ、ネットショップの立ち上げ準備を進める一方でIT業界でweb designerとして働くことを考え始めました。

2011年8月-2012年2月
Exerience

アパレル会社 営業勤務

大手百貨店をはじめ全国300店以上店舗を有するアパレル会社に入社
1年目に営業部に配属、新規店舗の立ち上げに関わりました。
2年目からは全国売上No1だった店舗の販売員になり、ベテラン販売員のサポートから新規顧客開拓まで現場で多くのことを学びました。
3年目は、10店舗ほどのお店の管理(売上、利益、在庫、スタッフ、買い付け、VMD)を任され、やりがいのある仕事をさせて頂きました。

2007年3月-2011年6月
Education

大学

服飾美術学科に所属し、洋服のデザインやパターンを勉強し製作していました。この時にデザイン画や色彩概論、Photoshop、Illustratorの基本を学びました。

2003年4月-2007年3月

自己紹介

チーム一丸となって何か作り上げるのが好き。チームを引っ張るリーダーより、チームの雰囲気を良くしてまとめるポジションになることの方が多い。

仕事もプライベートもKGI,KPIを設定するけど一番大事にするのは人の気持ち。

上手くいかないことがあっても、嫌なことがあっても、人生一度切りなので毎日精いっぱい生きることが目標。

Okoto

お箏

2014年から習い始め、気分のリフレッシュになっています。お正月によく演奏される「春の海」を弾くのが当面の目標です。

Yoga

ホットヨガ

体力の維持と体メンテナンスのために週末に通っています。心身ともにデトックスされて風邪を引きにくくなりました。

Calligraphy

料理

手早く簡単に作れる料理を中心にレシピを考えて作るのが好きです。安い材料で美味しく作れると非常に嬉しくなります。