click!

  • - Portfolio -

Shellsee Official Site

Type

Website

Client

Shellsee

Target

上尾駅周辺に住んでいるネイルやエステ、美容に関心のある方。 Shellseeのリピーターの方。

Purpose

・Shellseeのブランディング
・全体的なイメージやデザインの統一
・Shellseeの予約や詳細を知るきっかけ作り

Information

ユーザーが一番最初に目に入るローディング画面は、色々なフォントの店名のgifにすることでサイトの内容に興味を持たせることを意識して作りました。
予約ボタンをところどころに設置することで、予約したい時に予約ができることを心がけました。
常にメニューを追従させることで、いつでも目的のページにいけるように設計し、スクロールの際には、うるさくない程度の動きを取り入れました。

Design

Shellseeの店内やsnsのイメージに合わせたデザイン作りを心がけました。
イメージカラーが緑とピンクとのことだったので、ヘッダーやフッターには緑を、マウスストーカーにはピンクをアクセントにすることで、色のイメージの定着を図りました。
コンテンツを枠組みにすることで、見やすさもありつつ、ただ並んでいるサイトではない新鮮さを取り入れました。

Range

企画:1週間
デザイン:3週間
コーディング:10日

Tool

XD / Photoshop / Illustrator / VScode

coding languages

HTML / CSS / JavaScript