PORTFOLIO
【webデザイン HTMLコーディング その他】
2004/3~2004/5 (3ヶ月)
【webデザイン HTMLコーディング】
2010/12~2011/1(2ヶ月)
【webデザイン HTMLコーディング】
2011/1〜2011/7(7ヶ月)
のちに本サーバに移行(移行時にURLが変わるのでMySQLの編集を行う)
【webデザイン HTMLコーディング】
2015/6~2015/9
【HTMLコーディング】
2015/10~2015/12
【画像処理 HTMLコーディング】
2016/3~2016/5
【HTMLコーディング】
2016/4~2016/11
【Angularjs開発】
2016/12~2017/12
【Swift開発 サイト制作】
2018/5~2018/7
【交通インフラサイト開発】
2018/8~2019/6
【金融系・帳票ペーパーレス開発】
2019/9~2020/4
【大手外資保険会社・証券読み取りプログラム保守運用】
2020/9~2021/1
【ソフトウェアエンジニアリング推進】
2021/3~2021/4
Angularリファクタリング
2023/12~2024/3
デザイン実績、作品紹介
(リンク先に制作物あり)
小売サイト(自家焙煎コーヒー)
トップ画像は、背景(白)を右上に行くに従い透明になるようにPhotoshopで加工し、CSSで背景を茶色系に指定することで茶色系の背景が左下に行くに従って白くなるように。
中央画像は、左に行くに従い透明になるようPhotoshopで加工。
ナビゲーションバーは、マウスを乗せると字が大きくなるようにCSSで指定し、サイドバーはマウスを乗せると茶色の背景が白くなり、文字の色が黒に反転。
なおかつマウスで押下すると数px右下にずれる、周りの影が反転することで、ボタンが画面の中へ入っていくかのようにみせるようCSSで指定。
中古バイク引き取りサイト (選考のため制作物)
バイク画像、数字の画像、日本地図の画像は、元あったクライアント様のものから使わせていただきました。
トップバナー画像
バイクの画像は、元あったクライアント様のものを加工をPhotoshopで加工。
女性の3D画像は、POSERで制作。ロゴもPhotoshopで作成。
それらをPhotoshop上で配置、テキストを加え一枚のバナーにしました。
入力ボックスはクライアント様のものを使いました。
ペットショップサイト (個人の制作物)
navbarをjavascript(jquery)でレスポンシブ
足跡の画像は、ネットからひっぱってきた物をillustlatorで加工
また、写真以外の画像はゼロからphotoshopで制作
キャラクターは、illustlatorで制作したオリジナルキャラクターです。
ナビゲーションバーのボタンは、CSS3で画像切り替えで実装、メインコンテンツの『一覧へ』ボタンのデザインと動作はCSS3のみで実装
ベンチャーキャピタル
2015年6月サイトを制作しました
すでにできているデザインをもとに、デザイン修正及びコーディング
レスポンシブサイトです。
トップへ戻るボタン、画像のグレイ表示をjavascript(jquery)で実装
ボタンは、CSS3で画像切り替えで実装
phpでのフォームメールコーディング
ゲームアプリ画像処理
担当フェーズ:キャラクター、パーツ、サイトの画像処理、送信フォーム作成
キャラクター衣装加工、ロゴ加工、セリフ背景加工、サイトの画像処理、送信フォーム作成
LINEスタンプ制作
担当フェーズ:LINEスタンプみぃころの制作
ツール;Photoshop Illustlator
空港駐車場予約サービス
https://itami.reserve.parkingweb.jp
担当フェーズ:UI/UXデザイン webデザイン 一部コーディング
ツール;Photoshop Illustlator VSCode