HMのポートフォリオ

Profile

名前:
HM
年齢:
34
資格:
色彩検定3級
使用可能ツール、言語:
コーディング
HTML
★★★★★
CSS
★★★★★
SCSS
★★★☆☆
JavaScript
(jQuery)
★★★★★(デザイン特化)
PHP
★★★☆☆(一から書くことはできないが修正などの作業可能)
Ajax
★★★☆☆(一から書くことはできないが修正などの作業可能)
Smarty
★★☆☆☆(一から書くことはできないが修正などの作業可能)
React
(マテリアルUI)
★★★☆☆(デザイン特化)
TypeScript
★★★☆☆(一から書くことはできないが修正などの作業可能)
エディター
Dreamweaver
★★★★★
Visual Studio Code
★★★★★
サクラエディタ
★★★★
Notepad++
★★★☆☆
TeraPad
★★★☆☆
Sublime Text
★★★☆☆
デザイン
Photoshop
★★★★★
Illustrator
★★★★★
AfterEffects
★★★☆☆
Xd
★★★☆☆
figma
★★★☆☆
premiere
★★☆☆☆
AdobeDC pro
★★☆☆☆
その他
Word
★★★★
Excel
★★★★
PowerPoint
★★★☆☆
CSV
★★★☆☆
GIT
★★★☆☆
CMS
(ワードプレス)
★★★★
自己PR:
デザイン / 使用可能ソフトIllustrator、Photoshop、AfterEffect、Xd、figma
 基礎知識あり、応用可能。サムネイル作成やバナー作成、サイトデザインページなどの作成可能です。また既存デザインの修正、改善可能です。GIFや動画などの作成経験もあります。
コーディング / 使用ソフト HTML5、CSS3、SCSS、JavaScript、jQuery、PHP、React、TypeScript
 フロントデザインに特化したコーディングが可能です。一からの作成及び既存物の修正、改善などどちらにも対応ができます。レスポンシブ対応からfunctionを用いた関数処理の作成。Ajaxを用いたAPIの実装も可能です。
その他 / Excel、Word、GIT hub、タートルGIT、バックログ。マニュアルなど作成、管理ツール使用可

Work

Work1: jQuery更新(社内作業)
期間
2024/5~2024/6
(2ヵ月)
仕事内容
JavaScript更新によるjQueryの入れ替え、JavaScriptでの同様の効果への置換作業 工程: コーディング
チーム構成 / 役割
約2名コーディング
言語、環境
HTML、CSS、SCSS、JavaScript、python(DJANGO)、
Work2: 銀行アプリ修正作業
期間
2024/2~2024/4
(2ヵ月)
仕事内容
バグにおける再現、解析、修正対応。デザイン修正。開発環境での動作確認。 工程: コーディング
チーム構成 / 役割
約3名デザイナー、コーディング
言語、環境
HTML、CSS、SCSS、JavaScript
Work3: 情報管理ツールの作成
期間
2023/5~2024/1
(8ヵ月)
仕事内容
figmaでのワイヤーフレームの作成からデザインカンプの作成。ReactでのマテリアルUIの導入及びデザイン調整。デザイン仕様書の作成から各種テスト実施。 工程: コーディング、サイトデザイン、SEO対策
チーム構成 / 役割
約30名デザイナー、コーディング
言語、環境
HTML、JavaScript、React(マテリアルUI)、TypeScript、figma、Excel、PowerPoint
Work4: 金融機関グループHP保守、更新
期間
2020/07~2022/6
(24ヵ月)
仕事内容
毎週2本の投稿記事の作成、画像編集。及び、定期的に行われるセミナー動画ページ作成、またアンケートページの作成。
定期的なサイトの更新やPDFにアクセスするURLを自動生成するJavaScriptの作成。
セミナー開催告知サイトをLP形式で作成。
工程: ページデザイン、画像編集、テンプレートの作成
チーム構成 / 役割
4名フロント作業全般
言語、環境
HTML、JavaScript、PHP、Photoshop、Illustrator、AdobeDC pro
Work5: Web API管理(コーディング)
期間
2016/08~2019/09
(38ヵ月)
仕事内容
Web APIフロントサイドのサイト構築し、更新管理をしています。また、Ajaxを用いたAPIのデモサイト作成など
工程: サイトデザイン、コーディング

Web API管理(デザイン)
プロダクトのロゴデザインやサイトデザイン、UI設計。その他、紹介動画作成、パワポテンプレートデザインなど
工程: ロゴデザイン、動画作成、バナー作成
チーム構成 / 役割
30名フロント業務
言語、環境
html,css3,PHP,Python,Ajax,Illustrator,PhotoShop,After Effects
Work6: ECショッピングサイト構築
期間
2016/02~2016/05
(4ヵ月)
仕事内容
EC-CUBEを利用したECサイト構築。他端末、ブラウザでの表示チェック。Smartyによるデータ管理。
サイトデザイン形式はLP。
工程: サイト構築、コーディング、マニュアル作成、デバッグ、データ登録

* サイトデザインに関しては分担作業あり。一部バナーのみ作成。また、提案時の仮デザイン、SPデザインあり


チーム構成 / 役割
3名
言語、環境
html,css3,Smarty,CSV,Dreamweaver,Illustrator,PhotoShop

* これより前は省略しています。経歴書をご覧ください。

Banner

サンプルバナー
使用ソフト
figma
作成時間
各約1時間

Illust

ベジェ曲線を用いて一から描いています
使用ソフト: illustrator

落書き

Movie

サンプル動画
使用ソフト
Power Director(無料版、ソフトの透かしあり)
ターゲット層
20~40代
サイズ
720×480
時間
15秒制限
作成時間
・素材集め
 1時間
・カット編集
 1時間
・音声(無料音声作成ソフトを使用)
 1時間
・字幕
 二時間
・書き出し
 1時間
サンプル動画2
使用ソフト
Power Director(無料版、ソフトの透かしあり)
ターゲット層
20~40代
サイズ
1280×720(書き出し720×480)
時間
15秒制限
作成時間
・素材集め
 1.5時間
・カット編集
 1.5時間
・音声(無料音声作成ソフトを使用)
 1時間
・字幕
 二時間
・書き出し
 1時間
サンプル動画3
使用ソフト
Power Director(無料版、ソフトの透かしあり)
ターゲット層
20~40代
サイズ
1280×720(書き出し720×480)
時間
15秒制限
作成時間
・素材集め
 3時間
・カット編集
 2時間
・音声(無料音声作成ソフトを使用)
 1時間
・字幕
 1時間
・書き出し
 1時間

学生時代に作ったアニメーションです。作画、動画編集、音付けなど一人で行っています
使用ソフト:アフターエフェクト、premiere(作画はアナログ)

Gif

イラストを数枚描くことでGIFを作っています
一部のGIFはアフターエフェクトで描いたものをGIFで書き出しています。そのため一部、モアレ(ノイズ)が発生しています。
Fate/Grand Orderの二次創作が多いです。
また、一部ほかのイラストレーターの絵柄を寄せています。

Game

ゲーム作成
制作期間
一か月

イラスト、UI、ゲームバランスの調整など一人で行ったゲームです。
使用ソフト、言語:HTML、CSS、JaxaScript、Photoshop、illustrator
*Fate/Grand Orderの二次創作にあたります

* 別窓で開きます