LIST

ECサイトで販売の商品画像にサムネイル加工をしました。

使用ツール︓PHOTOSHOP

制作時間︓1時間(クライアントとの打ち合わせ、修正含む)


①さくらんぼの商品画像

商品名を分かりやすくするため、フォントサイズを大きめにし、フォントスタイルとカラーを商品のイメージに合わせました。

また、内容量は赤色背景の白色文字で目立たせました。

※商品の売り上げ28%アップに貢献することが出来ました。

②鰻の商品画像

商品名を分かりやすくするため、フォントサイズを大きめにし、フォントスタイルとカラーを商品のイメージに合わせました。

内容量はゴールドの背景で黒文字にして目立たせました。

また、どのような商品が入っているかのイメージがしやすいように実際にお届けする商品のイメージ画像を載せました。

※商品の売り上げ196%アップに貢献することが出来ました。


モールに載せる、ポイントアップバナーを制作しました。

使用ツール︓PHOTOSHOP

制作時間︓3時間(打ち合わせと修正作業含む)

モール全体のメインカラーがグリーンのため、背景をグリーンにし、何日にポイントがアップされるのかを分かりやすくするために日にちのまとまりは円で囲みました。

目立たせたいポイントアップに関しては、文字を重ねてインパクトを出しました。


IT会社様のコーポレートサイトの「採用支援」ページとリクルートサイトの「career」ページ(PC、SP版)を制作しました。


使用ツール︓PHOTOSHOP、XD

制作時間︓2カ月(クライアントとの打ち合わせ、修正含む)


①コーポレートサイトの「採用支援」ページ

サイト全体のメインカラーがブルーのため、イラストやフォントをブルーで統一し、イメージをしやすくするため、実際のWebサイトのキャプチャーを載せました。また、メリットと特徴に関しては、4つの項目でまとめて項目それぞれの見出しを強調するためにフォントを太くしました。



②リクルートサイトの「career」ページ

サイト全体のメインカラーがブルーのため、表やフォントをブルーで統一しました。研修の内容に関しては、好きな研修を受けることが可能な特徴を分かりやすくするために研修ごとに特徴をまとめました。全体の雰囲気とマッチしたデザインにするために、表に関しては罫線を無くして項目同士の隙間を開ける等の工夫をいたしました。


ウェア&ファッション雑貨レンタル事業様のLP(PC、SP版)とバナーを制作しました。

①コミサポライブのアイコン作成についてのLP

特徴4つに関してはポイントでまとめて文字は大小でインパクトを出しました。また、それぞれのジャンルを四角で囲んでまとめ、納品までの流れはイメージ図も載せて、流れが分かりやすいように三角の矢印で表現しました。ボタンに関してはUI・UXの観点からホーバーで凹凸を表現しました。


使用ツール︓PHOTOSHOP、XD

制作時間︓1カ月(クライアントとの打ち合わせ、修正含む)



②コミサポライブの衣装レンタルについてのLP

コーデについての定義はイメージがしやすいように洋服等をシルエットで表現し、まとまりごとに四角で囲みました。また、料金の違いを分かりやすくするために、グラフで表し、レンタル方法はオンラインと来店で違いが出るように色分けをしました。


使用ツール︓PHOTOSHOP、XD、illustrator

制作時間︓2週間(クライアントとの打ち合わせ、修正含む)


③コミサポライブについてのLP

デザインに関しては会社様が使用したいデザインの要望があり、デザインがPC版だったためSP版に対応するべくレイアウトを変更する作業を行い、店内の様子は画像の他に動画を載せることでイメージしやすくしました。


使用ツール︓PHOTOSHOP、illustrator

制作時間︓2週間(クライアントとの打ち合わせ、修正含む)



④ビジネスユニフォームLPのリニューアルについて

構成はユニフォームページを参考に作成し、色味は職業をイメージした緑と青色をメインに作成しました。

トップの概要に関しては、緑色を背景にして、職業制服のイメージとして働いている人の画像を入れました。また、特徴のところは目立つように四角で囲んで背景と見出しを囲むことによって他との差を出しました。


使用ツール︓PHOTOSHOP、illustrator、XD

制作時間︓1カ月(クライアントとの打ち合わせ、修正含む)



⑤オンラインレンタルページのバナー

ウェア&ファッション雑貨レンタル事業様のバナーを制作しました。

オンラインレンタルページのイメージがしやすいように、実際のオンラインページのキャプチャーを使用し、PCとスマートフォンから見ているようなイメージで作成しました。

色合いはビジネスユニフォームページでメインで使用されているグリーンにしました。


使用ツール︓illustrator

制作時間︓2時間(クライアントとの打ち合わせ、修正含む)


⑥学生服ページのバナー

ウェア&ファッション雑貨レンタル事業様のバナーを制作しました。

学生服ページのファーストビューのデザインを参考に作成しました。

学生服ページははブルーがメインのため、薄くならないようにネイビーの色で線を太くし、目立たせる工夫をしました。


使用ツール︓illustrator

制作時間︓2時間(クライアントとの打ち合わせ、修正含む)


⑦コミサポライブページのバナー

ウェア&ファッション雑貨レンタル事業様のバナーを制作しました。

会社様から提示された画像と文言を使用して、可読性に気を付けながら画像等の配置を工夫して作成しました。

「初月無料」の文字は他よりも目立つように右下に、少し大きめに調整して配置しました。


使用ツール︓illustrator

制作時間︓2時間(クライアントとの打ち合わせ、修正含む)


建設会社様のリクルートサイト(PC、SP版)を制作しました。

会社様からのご依頼でブルーと白をメインにシンプルな雰囲気で作成し、社員の一日のページに関しては時系列で分かりやすくまとめました。また、ボタン押下時の動きとして図形や矢印の色が変化するようにしました。


使用ツール︓XD

制作時間︓3か月(クライアントとの打ち合わせ、修正含む)


IT会社様のウェブサイト(PC、SP版)を制作しました。

会社様から頂いた依頼の概要が、「あまり堅くない雰囲気でゴールドと白色をメイン」のため、画像は少し柔らかめの雰囲気のものを使用し、使用する色がゴールドなので高級感を出すたのデザインの工夫として、ボタンと枠線はグラデーションを付けました。さらにボタンに関しては、分かりやすくする工夫として凹凸を付けました。全体的にシンプルで且つ高級感も感じられるようイメージして作成しました。


使用ツール︓PHOTOSHOP

制作時間︓4カ月(クライアントとの打ち合わせ、修正含む)

電気工事会社様のウェブサイト(PC、SP版)を制作しました。

最初は、電気工事系の参考サイトを元にメインを青色にしておりましたが、会社様と相談をして、世の中には電気の色のイメージは黄色系の方が多いことから、黄色をメインで作成しました。デザインの工夫として、ボタンに凹凸を付けて分かりやすくし、ファーストビューに電気をイメージする稲妻を使用しました。また、金額は赤色でフォントサイズを少し大きくして見やすくしました。


使用ツール︓PHOTOSHOP

制作時間︓4カ月(クライアントとの打ち合わせ、修正含む)

ハウスクリーニング会社様のウェブサイト(PC、SP版)を制作しました。

会社様のイメージカラーが緑色、白色のため、緑色と白色メインで水色を少し取り入れて作成致しました。施工前後が分かりやすくなるように、Before、Afterの色をそれぞれ異なる色で表現し、費用に関しては目立つようにフォントサイズを大きく、赤色にしました。また、既視感を出すためにそれぞれのメニューはアイコンで、対応エリアは地図で表現しました。


使用ツール︓PHOTOSHOP

制作時間︓3か月(クライアントとの打ち合わせ、修正含む)



①全体的にシンプルにしつつ、音楽関係に携わる会社というのをイメージして、五線譜と音符のイラストを入れました。


使用ツール︓PHOTOSHOP

制作時間︓1 時間

②天文学に関わる事業を行っている会社をイメージして、背景は沢山の星と星座にしました。


使用ツール︓PHOTOSHOP

制作時間︓1 時間

③レースなどを使用した女性向けの雑貨販売に関わる会社をイメージして、背景にピンクの色でレースの模様を入れました。


使用ツール︓PHOTOSHOP

制作時間︓1 時間

オーダーメイドのオリジナルエコバックのウェブサイト(PC・SP)をイメージして制作しました。

エコバックに興味を持ってもらうのと同時 に、「環境問題」について少しでも知ってもらうのが目的です。ページ上部にはエコバックの特徴・機能などを大きくピックアップし、その下のカラムにはプラスチックゴミによる環境問題や会社の理念等を掲載しています。ページ中部・下部は注文方法や、カスタマイズの自由度を記載し、印刷の種類や特徴等を詳しく説明する欄を設け、印刷の知識がない人でも気軽に楽しみながら注文してもらえたらと思い制作しました。


使用ツール︓PHOTOSHOP

制作時間︓16時間

アパレルブランドのウェブサイトを制作しました。

白い背景にブランドのイメージカラーである青と緑を中心に全体的にシンプルに仕上げました。トップにはブランドのイメージ写真とコンセプトを掲載し、下部にブランドの新作情報を記載しました。また、見出しに女性らしさをイメージしたあしらいを入れました。


使用ツール︓PHOTOSHOP

制作時間︓2 カ月(クライアントとの打ち合わせ含む)

美容コンシェルジュのウェブサイト(SP版)をイメージして制作しました。

上部にはシンプルで分かりやすくするためにメニュー名の上にロゴマークを置き、中部のそれぞれのカテゴリーに関しては可読性を高めるために色分けをしました。全体的にオレンジ系の優しい色合いで仕上げました。


使用ツール︓XD

制作時間︓10 時間