logo image

MY PRODUCTS

制作期間:約4ヶ月

対応機種:デスクトップ/ラップトップ/タブレット/スマートフォン

担当範囲:企画/情報設計/ワイヤーフレーム/デザイン/コーディング

使用ツール:Illustrator/Photoshop/XD/JQuery/WordPress

Emma Tattoo

表参道と埼玉にスタジオを構え、女性彫師として活動されている「Emmaさん」のタトゥースタジオのウェブサイトをリニューアルさせていただきました。

Target

Emma Tattooをご利用いただいているお客様や、初めてご予約を検討されている20代〜50代の方々

Purpose

施術の予約や料金設定、アフターケアなどの情報提供に加えて、Emma Tattooの名刺代わりとして

emma tattooのmock up画像

CONTENTS DETAILES

Emmaさんがタトゥーに込める素敵な思いと願いをリード分に含むことで、ユーザーを魅了し関心を引きます。ABOUTページでは彫師としてだけでなく多彩な経歴もアピールし他の彫師との差別化にも注力しました。また、タトゥー写真のスライドショーでは男性の写真も使用することで、男性の施術も可能であることを視覚的に伝えています。

3 key points

ファーストビューの次にEmmaさんがタトゥーに込める思いを綴ったセクションを配置することで、Emma Tattooスタジオのウェブサイトがユーザーに1番伝えたいメッセージを訴求できるようにしました。

INFOページの「アフターケアについて」は初めてタトゥーを施術したお客様にとって最も気になる内容だと考え情報設計に特に注意しました。既存のウェブサイトの内容よりも更に情報を詳細化しました。STEP1~STEP3までの段階ごとにケア方法を説明し、またアイコンイラストを用いて項目ごとに説明文を記載することで、ユーザーが理解しやすくなるよう配慮しました。

Price Listには各サイズごとに参考となるタトゥーサイズの写真を載せることで、既存のウェブサイトではイメージしにくかったサイズ感をユーザーがより具体的にイメージしやすいよう工夫をしました。(モックアップ画像の左側が既存のwebサイトのPrice list。右側が今回作成したPrice listです。)

DESIGN DETAILES

トップページのファーストビューでは、”メインビジュアル”とEmmaさんがデザインした”太陽と波のイラスト”が調和することでEmma Tattooスタジオの世界観を表現し、ユーザーを引き込むよう心がけました。また、タトゥーへのネガティブなイメージを払拭しポジティブなものであることを訴求したいというEmmaさんの思いを汲み取り、カラーは透明度を加えることで温かく柔らかい雰囲気を演出し、視覚的にポジティブなイメージを与えるよう努めました。

COLOR CODE

colorcodeの画像

THE TYPE OF FONT

-Marcellus Reglar-

ABCDEFGHIJKLMNOPQRSTUVWXYZ

123456789

-Hiragino Kaku Gothic ProN-

あいうえおかきくけこさしすせそたちつてと

ABCDEFGHIJKLMNOPQRSTUVWXYZ

123456789

3 KEY POINTS

レオパード柄の画像

レオパード柄やウェブサイトのメインカラーである淡いピンク色はEmmaさんのご要望に基づいて使用しました。しかし、レオパード柄から連想される「強さ」やピンク色から連想される「暖かさ」や「優しさ」はまさにEmmaさんの人柄を表し、この2種類のデザインがEmmaさん「らしさ」を表現しています。

フォントの画像

ウェブサイト内には手描き風の筆記体フォント(Adobe Handwriting Ernie)をサイトデザインのあしらいとして使用することで、Emmaさんの繊細なタッチのタトゥーラインをイメージできるよう工夫しました。

画像加工の画像

ウェブサイト内で使用しているタトゥーの写真はタトゥーを彫った後の施術部分の赤みを抑えるために、彩度を下げた加工を施しております。この加工によりタトゥーから連想される「痛そう」というイメージをユーザーに与えないよう配慮しました。

mock up1
mock up2
mock up3
mock up4
mock up5
mock up6
mock up1
mock up2
mock up3
mock up4
mock up5
mock up6
mock up1
mock up2
mock up3
mock up4
mock up5
mock up6

MOCK UP

Back to product

Next product