YOSHIZUMI:z PORTFOLIO

YOSHIZUMIが作成したWEB・イラストなどのポートフォリオサイトです。
どうぞゆっくりご覧になって下さい。

作品集詳細ページ

氏名
ヨシズミヒサコ
現住所
大阪市内
制作環境
Windows
使用アプリケーション
Adobe CREATIVE SUITE6
職歴・自己啓発※職歴詳細はタイトルバーをクリックすると表示されます
2009年8~10月
職業訓練パナソニックITカレッジ⋅ビジカル梅田校 Webクリエイターコース受講
使用アプリケーションDreamWeaver、FireWorks、PhotoShop、Illustrator、Flash(全てCS3)
使用言語HTML、CSS、Javascript
2013年9月~2014年3月
求職者
支援訓練
エクシード総合メディア学園 ホームページ制作デザイン基礎科受講
使用アプリケーションDreamWeaver、PhotoShop、Illustrator(全てCS6)、Office2010
使用言語HTML、CSS
2014年6月~11月
契約社員株式会社P受託事業(大阪府ビジネス支援事業)

職務内容

中小企業販路拡大のための企業HPの制作
ディレクター(打ち合わせ・企画書及びワイヤーフレーム作成・進行管理・チェック・修正など)
コーディング(テンプレート作成(ヘッダー・フッター部分)・トップページ)
デザイン(トップページメインビジュアル画像デザインなど)
資料作成
制作URLhttp://maruzenyuka.sakura.ne.jp/
内容詳細・心掛けていた事など

3名体制で制作を始めたのですがクライアント側の事情で制作進行が遅れ、素材もぎりぎりまで揃わず最終的には7名で一気に作業し、チェック・修正してアップロードにこぎつけました。職業訓練的な意味合いの強いプロジェクトで年齢層や経験もばらばらの人間を取りまとめてディレクションするのは大変でしたが、良い経験になりました。

有志チームによるjQueryマニュアルサイト作成(非公開)
制作時間短縮と知識の共有のため、使用頻度の高いjQueryをピックアップし手分けしてマニュアルサイトを作成
担当jssmooth_scroll.js・smooth_scroll_gotop.js・colorbox.js
内容詳細・心掛けていた事など

他の人が使いやすいようにある程度動作を制御できるよう内容を把握して「どの項目・数値を変えればどのように動くのか」をわかりやすくマニュアル化することにより、自分自身の理解度も高めることが出来ました。

使用アプリケーションDreamWeaver、PhotoShop、Illustrator(全てCC)、Office2010
使用言語HTML、CSS、jQuery
2015年3月~8月
派遣社員T株式会社様

職務内容

コンテンツ・マネジメント・システムを使用した電子機器メーカー製品​サイト運用メンテナンス
テキスト・画像修正、レイアウト変更
商品ページ新規作成
資料作成など
内容詳細・心掛けていた事など

SDL Tridion(トリディオン)という大企業向けのCMSで市販マニュアルやネット情報もなく、職場にも 公式マニュアルがない状態でメンバー同士で教えあいながら手探りで作業しました。22カ国にわたって海外展開している企業サイトだったため、各国別のデータ格納場所や独自のルールを間違わないよう、作業手順を工夫しました。

使用CMSSDL Tridion
使用言語HTML、CSS
2015年12月~2016年5月
求職者
支援訓練
創造社リカレントスクール Webプログラミング科受講
使用アプリケーションDreamWeaver、PhotoShop(全てCC)、WordPress、XAMPP・MAMP
使用言語HTML5、CSS3、Javascript、jQuery
2016年6月~7月
パート
タイマー
株式会社E様(アパレルメーカー)

職務内容

WEB制作・運用メンテナンス
楽天ページ作成・本店サイト更新作業
ランディングページ新規作成
制作URL
内容詳細・心掛けていた事など

アパレルメーカーサイトでアイテム数もページ数も多いため、素早く修正データの格納場所を見つけらるよう工夫しました。作業に優先順位をつけ、滞りなく進められるよう心掛けました。

使用アプリケーションDreamWeaver、PhotoShop(全てCS3)
使用言語HTML、CSS、jQuery
2016年9月~2017年3月
派遣社員株式会社E 開発グループ様

職務内容

医療機関向けパッケージソフトウェアの製造・販売企業でWEB用UI・サイトデザイン
新規医療機関向け検査データ管理クラウドサービスサイトのテストページ作成(デザイン~コーディング)
既存検査データ管理サイトデザイン修正(CSS・javascript、VisualStudio2015使用)
資料作成
内容詳細
  • ログイン画面、業務選択画面・業務選択個人設定画面、マスター画面、画像検索/ビューワ画面・画像検索項目個人設定画面、その他付随画面のテストページ作成
    担当企画・デザイン(手描き・PhotoShop)、コーディング
    主なHTML/scriptタブ切り替え(jQuery)・レスポンシブ対応・ドラッグ&ドロップ(jQuery ui使用)・入力フォーム確認機能(jQuery-Validation-Engine使用)・font-awesome・表示エリア幅拡大縮小(独自script)
  • カラーバリエーション用設定(7色分):画像検索/ビューワ画面・マスター画面用カラーバリエーション設定(CSS)
  • 全画面のスクロールバー・フォームデザイン(セレクトボックス矢印・背景色など)をオリジナルデザイン化
  • ファビコン作成
心掛けていた事など

「動的Webサービス」の制作は初めてで戸惑うこともあったのですが、非常に勉強になりました。特に要求されるscriptが通常のサイト制作で扱ったことのないもの(ドラッグ&ドロップなど)が多く、jQuery・javascriptにしっかり向き合う良い機会になりました。

使用アプリケーションDreamWeaver、PhotoShop(全てCS5.5)、VisualStudio2015、Office2013
使用言語HTML、CSS、jQuery
2017年7月~2017年8月
在宅勤務Dbox株式会社様

職務内容

コーポレートサイト新規制作
コーディング(お問い合わせページ以外の全ページ)
客先打ち合わせ同行
制作URL http://www.daiei-box.co.jp/
内容詳細・心掛けていた事など

職業訓練時の友人と3名でチームを組み、全員昼間は別の仕事をしながら作成しました。  ワイヤーフレームからデザイン確定までは休日に集まって打ち合わせし、コーディング以降は基本的にデータのやり取りで作業を進めました。しっかりした指揮系統を定めなかった為に作業が進めづらい点もありましたが、最終的に全員がチェック・アドバイスし合い、シンプルながら質の高いサイトができました。
※クライアント事情によりレスポンシブデザイン未対応・WordPress導入不可

使用アプリケーションDreamWeaverCS6
使用言語HTML、CSS、jQuery
inserted by FC2 system