Product
Site

Background

「シンプルで見やすく」を追求した、フラットデザインのサイトです。
会社のカラーと同系色の色を使用することで全体的にまとまりのあるサイトになっています。

deviceImage
backgroundImg

Wireframe

Top

wireframePc wireframeSp

Detail 1

wireframePc wireframeSp

Detail 2

wireframePc wireframeSp

Contact

wireframePc wireframeSp

UI Guideline

Typography

A-OTF 中ゴシックBBB Pr6N

あいうえお かきくけこ さしすせそ たちつてと なにぬねの はひふへほ まみむめも やゆよ らりるれろ わゐゑを ん

Color Guide

#5B5B5B

#FFF1C7

#FABE00

#F48B04

#E5101E

image

Design

自作のイラストでコンテンツの内容を可視化しています。
また、レスポンシブ対応を行い、読みやすさを重視しています。

pc tb sp
icon icon icon icon

できるだけシンプルにわかりやすくするため、
必要最小限の情報で余白の多いデザインになっています。

device image

That's about it. Thank you.