TOP / LANDING PAGE / サツラク コーヒー・ミルクティーリニューアル紹介ページ

作品紹介

サツラク|コーヒー・ミルクティーリニューアル紹介ページ

サツラク コーヒー・ミルクティーリニューアル紹介ページのモックアップ

タップをするとサイトへ飛びます。

概要

OVERVIEW

COPY
至福のひと時を、香りとともに。
TARGET
既存商品のファンの方
小売店関係者
OBJECTIVE
リニューアル商品の訴求
REQUEST
パッケージの色を使用して、商品独自のイメージを定着させたい。
DATE
2025年2月
PERIOD
1.5人日
RESPONSE
SP/PC
PAGES
2ページ
SKILL
Figma/Photoshop

カラー

COLLARS

MAIN

#333333

周辺との調和の為、黒に限りなく近いダークグレーを使用。

ACCENT

#15389D

イメージを定着のため、商品パッケージの使用カラーを踏襲。

#35201E

イメージを定着のため、商品パッケージの使用カラーを踏襲。

ASSORT

#A8B4D9

イメージを定着のため、商品パッケージの使用カラーから明度を落とした色を使用。

#DEC7A5

イメージを定着のため、商品パッケージの使用カラーから明度を落とした色を使用。

BASE

#FFFAF0

眼精疲労による離脱防止のため、白に限りなく近いライトグレーを使用。

文字

FONTS

ENGLISH

Ryo Display PlusN

テキストテキストテキストテキスト

JAPANESE

Ryo Display PlusN

テキスト

共通CSS

COMMON CSS

LINE HEIGHT

1.5

テキストテキストテキスト

LETTER SPACING

0.05em

テキストテキストテキスト

MAX
CONTENTS WIDTH

PC:1418px(81%)

内容量が多いサイトの離脱を防ぐため。

SP:295px(78%)

内容量が多いサイトの離脱を防ぐため。

サツラク コーヒー・ミルクティーリニューアル紹介ページのデザイン

BACK TO LIST

CONTACT

お気軽にお問い合わせください。

MAIL