WEBデザイン
もできる
人事

人事から転身して学んだ
WEBデザインのポートフォリオ

PROFILE

1982年東京都新宿区生まれ。
小さい頃の習い事は「野球、テニス、水泳、剣道、吹奏楽、習字、塾」と毎日習い事三昧。
中学・高校は福島県いわき市へ。大学進学の為に東京に戻る。
大学4年生の秋ごろから「人生・仕事」といった「キャリア」に興味を持ち、企業の人事や人材業界での業務を経験。
直近はこれまでの経験を活かし、人事部門の立ち上げを経験。
採用・教育・研修・人事制度・労務・総務など人事の全てを0から構築。
退職後、以前から興味を持っていたWebを勉強するために、フェリカテクニカルアカデミー「Webサイト制作科」を受講。

SKILL

• ナビゲーションボタンの作成、ロゴ制作などを実習しました。今後はペンタブなども用いてアイコンイラストなどを作成できるようにします。
• 画像の編集、デザインカンプの作成、ＨＰで使う素材作成などを実習しました。今後はより高度な画像編集を行えるようにします。
• 基本的なコーディング、サイト管理、アップロード方法を実習しました。今後は「Brackets」「sublime text」などフリーのエディターを使いこなせるようにします。
• ＳＥＯ対策を考慮したコーディングを実習しました。html5から加わった要素もこれからさらに使っていきます。
• 基本的なコーディング、レスポンシブデザイン、スマートフォン対応などを実習しました。css3の要素もさらに勉強していきます。
• if文、for文、swich文、配列、連想配列、random関数、クロスフェードなど基本的な構文を実習しました。まだまだ勉強が必要だと感じています。
• プラグインを用いて、スライダー、スクロールなどサイトに組み込みました。今後はより高度なプラグインを試します。
• テンプレートを使わず、一から構築しました。プラグインについても勉強しました。今後はwordpressでの制作実績をより積んで、スムーズに構築できるようにします。

WORKS

■WEBサイト■

• 概要
• サイト

サイト名

PORTFOLIO / やまもとみつひろ

作業概要

制作 ー サイト公開

制作期間

2015年1月（約2週間）

備考

2014年にappleがスマホ専用サイトを作ったことにより、スマホ用サイトとPC用サイトを別々に作る傾向が出てきたので、挑戦。１ページスクロールサイト、フラットデザイン風を意識して作成。

• サイトへ

• ×

• 概要
• サイト

サイト名

NPO法人full bloom（フルブルーム）

作業概要

クライアントへのヒアリング ー 制作 ー サイト公開

制作期間

2014年11月（約4週間）

備考

京都にある「full bloom」という団体がNPO法人化をするのに合わせて、HP作成依頼をいただき作成。ユーザーニーズを踏まえて、記事更新がしやすいwordpressで作成。

• サイトへ

• ×

• 概要
• サイト

サイト名

スマートフォン専用サイト①

作業概要

タッチアイコンの作成、HTML5・CSS3・jQueryを活用

制作期間

2015年1月（約2日）

備考

スマートフォン専用サイトを先に作り、その後PC用を作成。プルダウンタッチメニューやタッチアイコンの作成などを実施

• サイトへ

• ×

• 概要
• サイト

サイト名

スマートフォン専用サイト②

作業概要

HTML5・CSS3・jQueryを活用

制作期間

2015年1月（約2日）

備考

企業サイトを想定して作成。①と違い、トップにjQueryでスライダーを配置。

• サイトへ

• ×

• 概要
• サイト

サイト名

スマートフォン専用サイト②

作業概要

タッチアイコンの作成、HTML5・CSS3を活用

制作期間

2015年1月（約2日）

備考

スマホサイト特有の設定やタッチアイコンの作成などを実施。

• サイトへ

• ×

• 概要
• サイト

サイト名

レスポンシブデザイン①

作業概要

タッチアイコンの作成、HTML5・CSS3・jQueryを活用

制作期間

2015年1月（約１日）

備考

PC、タブレット、スマホ、それぞれの大きさで可変するようにCSSで設定。

• サイトへ

• ×

• 概要
• サイト

サイト名

レスポンシブデザイン②

作業概要

タッチアイコンの作成、HTML5・CSS3・jQueryを活用

制作期間

2015年1月（約１日）

備考

PC、タブレット、スマホ、それぞれの大きさで可変するようにCSSで設定。

• サイトへ

• ×

• 概要
• サイト

サイト名

google画像検索

作業概要

jqueryの練習

制作期間

2015年1月（約3時間）

備考

googleの画像検索と同じ体裁の動きをj3リーグ紹介ページとして練習。

• サイトへ

• ×

• 概要
• サイト

サイト名

framework.js

作業概要

jqueryの練習

制作期間

2015年1月（約3時間）

備考

framework.jsを利用して競技場の紹介ページを作成。

• サイトへ

• ×

• 概要
• サイト

サイト名

ひだまり日記

作業概要

wordpressの練習

制作期間

2014年11月（約1週間）

備考

市販されているwordpressの本を使って、wordpress phpの練習。

• サイトへ

• ×

• 概要
• サイト

サイト名

LOFT

作業概要

スライス、html5 css3の練習

制作期間

2014年10月（約5時間）

備考

LOFTのサイトを題材にして、画像のスライス→コーディングの流れを練習。

• サイトへ

• ×

• 概要
• サイト

サイト名

楽しいおかず

作業概要

html5 css3の練習、画像配置の練習

制作期間

2014年10月（約5時間）

備考

鎌倉の飲食店を題材にして、html5 css3の練習、画像配置の練習。

• サイトへ

• ×

• 概要
• サイト

サイト名

サンプルスタイルシートカンパニー

作業概要

html cssの練習

制作期間

2014年9月（約2日）

備考

カンパニーサイトを想定した、html cssの練習。

• サイトへ

• ×

■その他■

CONTACT

各項目をご記入後、「確認」ボタンを押して下さい。

TOP