ポートフォリオサイト

Design & Coding

課題を解決し、価値を伝えるWeb制作を。

ABOUT

自身のイラスト

M.F

Webデザイナー/フロントエンジニアを目指しています。職業訓練にてWeb制作の基礎から実務まで意識したデザイン・コーディングを学びました。

「ただ作る」だけでなく、ユーザーの使いやすさと運用のしやすさを意識した丁寧なコードを書くことを心がけています。

WORKS

作品のサムネイル

架空のECサイト

ライフスタイルに溶け込むデザインを重視し、メインビジュアルのボタンにはミニマルなゴーストボタンを採用。 枠線の細さやホバー時の緩やかな変化により、伝統工芸品が持つ『繊細さ』と、現代の洗練された『空気感』を UX(ユーザー体験)として実装しました。

担当範囲
デザイン / コーディング
制作期間
27時間
使用ツール
Photoshop / Illustrator / HTML / CSS / Javascript
詳細
作品のサムネイル

架空の観光サイト

外国人観光客がWebサイトを訪れてから「実際に行ってみよう」と決心するまでの 心理動線(認知・興味 ➔ 納得・安心 ➔ 行動)を考慮し実装しました。

担当範囲
デザイン / コーディング
制作期間
30時間
使用ツール
Photoshop / Illustrator / HTML / CSS / Javascript
詳細

SKILL

HTML / CSS

セマンテックなマークアップ。FlexboxやCSS Gridを用いた レスポンシブ実装が可能です。保守性の高いコードを意識 しています。

JavaScript

ハンバーガーメニューやスムーススクロールなど、Webサイト に必要な動的機能の自力実装、プラグインのカスタマイズが できます。

Adobe Tools

Photoshop・Illstratorを使用したカンプ作成、バナー制作、 写真のレタッチ、適切な形式でのアセット書き出しが行えます。

CONTACT

お仕事のご依頼や、ポートフォリオに関するお問い合わせは、下記フォーム よりお気軽にご連絡ください。

topへ