実務経験を活かして、
「伝わるWebサイト」をつくります。
コーディングとデザイン、両方の視点から
ユーザーにとって使いやすく、更新しやすい
Webサイトの制作を心がけています。
CODING
コーディング
デザインカンプからHTML・CSSを手作業で実装し、既存サイトの構造や運用方法も考慮したコーディングを行っています。
- HTML / CSS
- JavaScript / jQuery
- Accessibility
- WordPress
DESIGN
デザイン
実務でグラフィックデザインを10年以上経験。情報を整理してデザインすることを得意としています。
- Figma
- Photoshop
- Illustrator
WORKS制作実績
LP
架空タスク管理クラウドツール 「Taskly」
デザインカンプをもとに、HTML・CSS・JavaScriptで一から実装。レスポンシブ対応はもちろん、可読性・更新性・保守性を意識した構造で制作しました。
- 担当範囲
- コーディング / バナーデザイン
- 制作期間
- 4日
- 使用技術
- HTML / CSS / javascript / Figma / Photoshop
Wordpress オリジナルテーマ制作
架空オンラインスクール「Tsumiki」
既存LPをWordPressのテーマに転用して制作しました。
- 担当範囲
- WordPressテーマ化 / バナーデザイン
- 制作期間
- 3日
- 使用技術
- WordPress / PHP / CSS / javascript / Figma / Photoshop
バナー
プロテイン 商品バナー
ユニセックスなデザインを意識して制作しました。
- 担当範囲
- デザイン
- 制作期間
- 1日
- 使用ツール
- Figma / Photoshop
バナー
ペットシャンプー 商品バナー
優しい感じと手早さがどちらも伝わるよう意識しました。
- 担当範囲
- デザイン
- 制作期間
- 1日
- 使用ツール
- Figma / Photoshop
STRENGTH仕事への姿勢
-
丁寧な設計
デザインの意図を読み取り、再現性の高いコーディングを行います。仕様や影響範囲を考えた設計を意識しています。
-
更新しやすい実装
運用する人のことを考え、シンプルで保守性の高いHTML / CSSを心がけています。
-
使う人への配慮
アクセシビリティや操作性に配慮し、誰にとっても使いやすいWebサイトの制作を目指しています。
SKILLSスキル・対応領域
- HTML / CSS
- 実務レベルでのコーディング、レスポンシブ対応
- JavaScript（jQuery）
- jQueryを用いた実装・既存機能の修正
- Webサイト更新
- 既存サイトのページ更新・追加・修正
- アクセシビリティ(WCAG2.2)
- キーボード操作 / スクリーンリーダー確認 / 構造改善
- Figma
- LP・バナー・Webデザイン / デザインカンプ作成
- Photoshop
- 画像編集 / バナー・画像制作
- その他ツール
- Git / WordPress / Excel / PowerPointなど
CAREER経歴
- 2017 － 現在
-
Webサイト更新・コーディング業務
企業サイトの更新、新規ページ作成、アクセシビリティ対応
- 2013 － 2017
-
Webサイト更新、Webマーケティング、グラフィックデザイン
WordPressでの更新業務、Google analyticsでの数値計測、各種印刷物の作成
- 2004－ 2013
-
グラフィックデザイン
リーフレット、フライヤー、POPなどの販促物制作
