WORKS 01

電卓

WEB APPLICATION

OVERVIEW

デザイン性と操作性を両立させた電卓のWebアプリケーションです。 日常的に使う電卓に、遊び心のあるデザインを取り入れました。 使いたい素材にPhotoshopで色を変更しました。

PRODUCTION

制作時間6時間

制作範囲デザイン・コーディング

使用ツールHTML/CSS/Photoshop

CONCEPT

「平成かわいい、使いやすい」をコンセプトに制作しました。
ピンクやパープルを基調とした配色とレオパード柄を組み合わせ、ギャルらしい世界観を表現しています。
見た目のかわいさだけでなく、日常的に使いやすいデザインを目指しました。

DESIGN POINT

01 COLOR

ピンクとパープルを中心に配色し、統一感のある華やかな印象に仕上げました。

02 PATTERN

レオパード柄を背景に取り入れ、個性的で遊び心のあるデザインにしました。

03 LAYOUT

数字ボタンの配置やサイズを整え、視認性と操作性を意識しました。

BEFORE/AFTER

BEFORE

改善前のデザイン
→

AFTER

改善後のデザイン

ボタンのサイズと余白を整え、配色をピンク×パープルに変更。 配置を統一することでより見やすく操作しやすいデザインに改善しました。

BACK TO HOME