MESSAGE

初めまして
この度はポートフォリオを手にとっていただきありがとうございます。
私は2024年1月から半年間、職業訓練校でWEBデザインを学び、
現在は制作会社でWEBサイトの制作、バナー制作をメインに担当して半年間になります。
このポートフォリオには職場及び職業訓練校で制作したサイトを載せております。
私の作品が、どうか皆様の目指す先につながることを心から願っております。
永井 真理

ABOUT ME

永井 真理

生年月日:1993.07.18

住所:神奈川県横浜市

趣味:読書 WEBの知識を深めること(現在はWordPressやSEOなどを勉強中)

SKILL

STRONG POINT

私の強みは感受性が豊かなところです。
相手の些細な表情の変化や仕草も 察知することができるため
相手の気持ちが分かり、理解や共感をするこ とができます。
クライアント様に寄り添い、ユーザーが使いやすい
そしてコンバージョンを達成できるサイト作りを目指します。

ホルモン・焼肉
盛岡冷麵 道 様

(デザイン・コーディング)

概要

盛岡冷麵が有名な焼肉屋のWEBサイト新規開設

担当

デザイン、コーディング

制作時間

15時間

コンセプト

ポップと落ち着いた雰囲気の両立

ターゲット

30代から40代

■クライアント様希望の"ポップとターゲットに合わせた落ち着いた雰囲気"を元に、色設計は明度を少し控えめにしつつも、明るい色と落ち着いた色を組み合わせカジュアルな印象をに

■店名の"道"にひっかけて、店長のご挨拶セクションは白の道を表現したイラストで遊び心を取り入れ、入りやすい印象を与えるよう工夫

■使用できる写真が限られていた点と下層ページがないため、メニューセクションの文字の量が多くなってしまうことをカバーする工夫の一つとして、セクションごとの背景色を変え、 離脱率を減らす

■クライアント様の希望はもちろんのことユーザーにストレスを与えないよう文章や画像の配置を工夫

■リンク先に飛ぶときはターゲットブランクを使用し、離脱を減らすよう工夫

モンテローザフィットネス24 様

(デザイン)

概要

webサイトリニューアル

担当

デザイン(バナー制作含む)

制作時間

5時間

コンセプト

スタイリッシュ

ターゲット

30代女性

■色設計はコンセプトのスタイリッシュな雰囲気から、明度の低い色を選択。アクセントカラーはクライアント様希望のビビットなピンク

■視認性の高さを意識し、フォントサイズを工夫

架空サイト

ドッグフード
オンラインショップ

(企画・デザイン・コーディング)

概要

ドッグフード会社のWEBサイト新規開設

担当

企画、デザイン、コーディング

制作時間

96時間(10ページ)

コンセプト

ヘルシー安心・安全

ターゲット

38~42歳の犬を飼っている男性

■ターゲットに合わせて、落ち着いた明度の低い色設計

■ルールを設定して反復することで、見えやすいレイアウトを実現

■行間は一般的に読みやすいとされているline-height170%に設定

アイスクリームフェスティバル
イベントサイト

(企画・デザイン・コーディング)

概要

アイスクリームのイベントサイト

担当

企画、デザイン、コーディング

制作時間

96時間(8ページ)

コンセプト

POPでわくわくするようなサイト

ターゲット

10代後半~20代前半、学生、女性

■10代後半から20代前半をターゲットにしているので明度が高い色設計

■イラストや写真を多用し、楽しさを表現

■離脱率を減らすため、セクションごとに背景色を変えて飽きさせない

■ターゲットに合わせた可読性を追求

群馬県アピールWEBサイト

(企画・デザイン・コーディング)

概要

鉄道会社と観光会社が提携
それに際してWEBサイト新規開設

担当

企画、デザイン、コーディング

制作時間

96時間(8ページ)

コンセプト

POPでわくわくするようなサイト

ターゲット

10代後半~20代前半、学生、女性

■明るい色を多用してわくわく感、明るさを出す

■CSSで電光掲示板のように動くように実装

■離脱率を減らすため、 セクションごとに背景色を変えて 飽きさせない

■ターゲットに合わせた 可読性を追求

■写真とイラストを多用し、 飽きさせない&遊び心を表現

クラウドシステムLP

(企画・デザイン)

概要

業務効率化クラウドシステムLP新規開設

担当

企画、デザイン

制作時間

24時間

コンセプト

真面目、わかりやすい、明るい、見やすさ

コンバージョン

資料請求

■図やイラストを多用し、わかりやすく

■コンバージョンの「無料資料ダウンロード」 を各セクションの最後尾に配置

■背景色を変えて単調にさせない