PROFILE
- 横野 航（よこの わたる）と申します。
- 前職は、家具の販売員やバーテンダー、居酒屋など、接客業で15年近く勤務。
- 新しい事を始めるべく以前から興味のあったWebサイト制作を独学で始める。
- 2021年3月より職業訓練校にてHTML、CSS、Javascript、Illustrator、Photoshopを用いてWebサイトの構築・制作を学ぶ。
- 卒業後、Webデザイナーとして2年間ECサイト運営に携わる。
- 2024年4月、WEBデザイナーとしてフリーで新たな出発を決意。
WEB制作やデザイン、保守・運用、EC関連の経験があります。
それではご覧ください。 - 詳細はこちら
SKILL
構造を理解し、見やすく綺麗なマークアップを行うことが出来ます。
HTML内の各要素の意味や情報構造を読み解き、素早く装飾することが出来ます。
基本的な構造を理解し、簡単なプラグインを調整し、組み込むことが出来ます。
テキストと画像を組み合わせたレイアウトのデザイン、線や図形を組み合わせたイラスト(ロゴ等)の作成を行うことが出来ます。
撮影した写真を加工して思い通りの見栄えに仕上たり、画像や文字を使ってWebページやバナーなどをデザインすることが出来ます。
基本的なWebサイトから動的なWebサイトまで一括して管理、コーディングすることが出来ます。
WORKS
Toner（トナー）
- 個人制作/Design / HTML,CSS
- 職業訓練校卒業課題の個人制作で化粧水・乳液を扱う会社をモチーフに仮想サイトを作成しました。プランニングからデザイン、コーディングを担当いたしました。
-
詳細を開く
- 架空サイト名
- Toner（トナー）
- クライアント様
- 美容関係・化粧水・乳液を扱う会社
- 提携
- 三越伊勢丹、高島屋、松屋銀座、マルイ、ルミネ、阪急百貨店など
- 目的
- 新商品のPR、周知・集客
- ターゲット層
- 大手デパートをご利用になる20代～60代の女性
- 制作日数
- 10日間(デザイン5日、コーディング4日、デバック1日)
- 気づき
- 色使いや見やすさに気を遣い、ターゲットユーザーの年齢幅を考え、若者向けに偏らないようシンプルにする事を心がけました。また、見ているお客様が飽きないように商品に動きをつけ、長くページに留まってもらえるよう工夫いたしました。
wit-lens（ウィットレンズ）
- グループ制作/Design / HTML,CSS
- 職業訓練校グループ制作課題で4人1組になり、他グループと発注受注をし、クライアント様を想定した仮想サイトを制作しました。私は主にデザインを担当いたしました。
-
詳細を開く
- 架空サイト名
- wit-lens（ウィットレンズ）
- クライアント様
- 都内に3か所にあるメガネ専門店を想定
- 場所
- 早稲田、神楽坂、神保町
- 目的
- 周知・集客
- ターゲット層
- 20代～50代の男女
- 制作日数
- 10日間(デザイン5日、コーディング4日、デバック1日)
- 気づき
- クライアント様のイメージを壊さず、色使いやシンプルかつ飽きさせないようにする事をこころがけました。また、クライアント様の一押しである特集の商品画像を大きく見やすくし、他の商品との区別をつけました。
Tech Guide
- 卒業後制作/Design / HTML,CSS
- 職業訓練校を卒業後、知り合いがIT会社を立ち上げたので、そのコーポレートサイトの制作を受注。デザインからプログラミングまで担当しました。
-
-
詳細を開く
- サイト名
- Tech Guide
- クライアント様
- 長年プログラミングを仕事にしていて、テックガイド合同会社を立ち上げ
- 場所
- 新宿
- 目的
- 周知・集客
- ターゲット層
- 個人事業主や中小企業、エンジニアの男女向け
- 制作日数
- 1カ月
- 気づき
- IT企業にフレンドリーさを取り入れるというテーマの為、フランクになりすぎないよう全体的にシンプルにし、フォントや色使いをこころがけました。また、クライアント様の想い・理念を初めに持っていき、ITに抵抗がある事業主様に気軽にお問合せいただけるよう画像選定や伝えたい事の優先順位に苦労しました。
ラミネート百貨店
- 制作物/Design / HTML,CSS,CMS
- サイトをリニューアルし、BtoBとBtoCの両方にアプローチしたいとの事でプロジェクトが発足。サイトの制作からデザインまでトータルで担当しました。
-
-
詳細を開く
- サイト名
- ラミネート百貨店
- クライアント様
- ラミネートフィルム等を製造販売するメーカー直販店
- 場所
- 池袋
- 目的
- 個人への周知・集客、ラミネートフィルムの売上向上
- ターゲット層
- ラミネートフィルムを使用する企業や団体様
- 制作日数
- 2カ月
- 気づき
- 今まではBtoBのみだったが、BtoCも取り入れる為のリニューアルなので清潔感や信頼感を失わないよう、かつ硬くなりすぎないよう動きを取り入れながら取り組みました。また、商品の見せ方やデザインをシンプルにしより見やすくしたり導線を考える事に苦労しました。
DESIGN
-
トレース
-
見本
-
トレース
-
見本
-
商品画像制作
-
商品画像制作
-
商品画像制作
-
商品画像制作
