About the site

ご覧いただき、ありがとうございます。
このサイトは、私自身のことや私が制作したホームページやバナーなどを載せたポートフォリオサイトとなります。

About me

名 前: M.F
スキル: HTML/CSS、Wordpress、Photoshop、javascript、PHP
興 味: 今は主に自分のスキルを高めることに集中しております。色々な案件を頂いておりますが、作業をしている中で自分の知らなかったことが分かったり新しい発見があり、自分の知識が増えていくことに喜びを感じております。こうした自分のスキルを高めたり、最近のWebデザインやサイトの流行に興味を持ち、日々精進しております。
現 状: お仕事を頂きながら、習得した自分のスキルをさらに磨くために日々勉強中です。勉強中の身ですが、お仕事をさせて頂く際は、プロとして責任を持って取り組んでおります。
目 標: 自分が習得したスキルをより深く学び、自分のレベルをどんどん上げていくことを目標にしています。その上で次の段階として他の言語習得やディレクションもしたいと思っております。

Works

2018年8月 フリーランス活動開始

2018年

不動産会社ホームページのテスト作業、LP(ランディングページ)のコーディング対応、一部機能の実装や下層ページ制作などの小規模なお仕事を色々とさせて頂きました。

2019年

某企業で公開される心理テストのプロトタイプ版サイト制作

複数企業様のLP(ランディングページ)のコーディング対応

某プログラミングスクールのサイトを一部リニューアル対応

某プログラミングスクールの新サービスのための下層ページ制作

8月~10月 某きもの店のホームページ制作プロジェクトに参加。(下層ページ12ページ分の制作と機能実装担当)

9月~ 某プラグラミングスクールで講師としてお仕事をさせて頂くことになりました。

11月~2020年1月 個人で経営されている恋愛カウンセリングのホームページのリニューアル作業のお仕事をさせて頂くことになりました。

2020年

3月 某大手会社が運営しているトラベルサービスのLP(ランディングページ)のコーディング対応

Portfolio

-Site-

Handicapfree ~Freelance notes~

ハンディキャップフリー

ブログ掲載用のホームページです。
私が作業をしていく中で学んだプログラムやコード、その他諸々について基礎、応用問わずブログとして載せています。
リンク:「Handicapfree ~Freelance notes~」(2020年1月リニューアル)

Portfolio

ポートフォリオ

現在のページです。
プログラミングスクールでディレクションについても学んでいたため実際のお仕事と同じようにヒアリングシートやペルソナシート、ワイヤーフレームの作成をし、Photoshopでデザインを作りHTML/CSSとスクロールの際に文字が表示される部分はjQueryでコーディングを行いました。
最後にWordpressで構築し完成としています。(2018年11月制作)

きものブティックあおき

きものブティックあおき

プログラミングスクールで制作したホームページです。実際に過去にスクールに依頼があったお仕事を納期も決めて制作しました。
最初にワイヤーフレームの意図をくみ取りPhotoshopでトップページや下層ページのデザインを作りました。
次にHTML/CSSと一部、PHPでコーディングし、その後Wordpressは、ヘッダーやフッターはテンプレート化し、それぞれの内容は固定ページや投稿ページにコーディングしています。
リンク:「きものブティックあおき」(2018年5月制作)

-Banner-

フロアカーペット

フロアカーペットバナー

クラウドソーシングサイトのコンペで提案したバナーです。クライアントよりスケートリンクがデザインされたフロアカーペットを期間限定の特典を付けて販売するためバナーを制作して欲しいとのご依頼でした。
バナーはPhotoshopで作り、商品の写真はクライアントから頂いた画像を使用し、背景の画像は商用利用可能な画像を使用しています。
作りは、頂いた商品画像の中で一番商品の良さを伝えられるものを選び、画像が少し暗かったため明るくシンプルにすることを意識しました。

きものブティックあおきバナー1

きものブティックあおきバナー1

プログラミングスクールで制作した「きものブティックあおき」のホームページ上にありますバナーの1つです。
着物の販売やイベントなどを行っている会社ですので画像は着物の画像を使用し、バナー右側に赤色の四角形を配置しました。
Photoshopでレイヤーマスクを作成し、グラデーションツールで画像と四角形の境をはっきりさせず、徐々に変化するようにしました。

きものブティックあおきバナー2

きものブティックあおきバナー2

プログラミングスクールで制作した「きものブティックあおき」のホームページ上にありますバナーの1つです。
バナー1と同じようにPhotoshopでレイヤーマスクを作成し、グラデーションツールで制作しました。

-Logo-

Ligロゴ

Ligロゴ

クラウドソーシングサイトのコンペで提案したロゴです。クライアントより「Let it go」によって「Life is good」になるという意味が込められているLigのロゴを制作して欲しいとのご依頼でした。
ご要望は、Ligのgをグラムではなく、数字の9のようにして欲しいとのことでどちらかと言えば女性的にして欲しいとのことでした。
Photoshopで作り、Ligの文字の周りにあります葉の画像は商用利用可能な画像を使用しています。
事業内容がヨガだったため健康や自然のイメージが強く、そのイメージに合わせて制作しました。