見出し画像

webデザイン所感 アパレル系

アパレル系でまとめてみました
写真の撮り方
服の見せ方
写真とサイトの色比較
などを考えながらみていきます

ガラスが割れたようなエフェクトのスライドが非常に目を引くfv
手描き文字がラフでありながらお洒落
写真真ん中のキャプションも良き
動きも多く見ていて楽しいサイト

ロゴを先に表示させて、その上にスライドを配置してるのがあまり見なく特徴的
hover時に凹んだような感じになるのが良き
コメントや投票ボタンを手書き文字にするセンス

左上を大きく占領したタイトルロゴが目をひく、
下にテイストが全く違う細いフォントを添えていて余計目を引く
スクロールで英語が日本語に変わる表現が面白い
ファッション系では対象の位置を動かさずに写真を切り替えるスライドの効果が高い気がする

動画fvでオシャレ感を出している、矢印のカーソルは良き
写真にパララックスを使用してて目を引いてしまう、
後でながれているロゴも印象的
商品のスライドにhoverでカラー表示が出るアイディアが素晴らしい
表示の仕方もかっこいい

BEAMS(ビームス)公式サイトBEAMS(ビームス)の公式サイトです。総合情報、直営通販サイト、店舗情報、特集、スタッフスタイリング、ブログなど、BEAwww.beams.co.jp

コーポレートサイトで情報が詰まっていながら見やすい
サムネと一緒に表示させている情報を最低限にしているから?
セクションタイトルフォントはBST?
シンプルながら存在感があり、サムネに負けてない

オンオフを切り替えるというテーマにぴったりな対比の構図のfv
暗くなるアニメーションも相まって良き
イラストのようなタイトルロゴが可愛らしい
イラストと写真の組み合わせが優しい雰囲気がする

ブランドロゴのイメージをそのままサイト化したような印象
ロゴではアクセントである赤を大きくとって印象を強くしている
写真のテイストが他のサイトと違ってる感じがする
他でよく見るのはコントラスト強めで影を強調させるのが多い印象だが、
こちらは明るめで光の印象がかなり強くなってる
こちらの方が清潔感や爽やかな印象を感じた

fvの画質が荒いのが雰囲気が出ていて逆に良い
線画のイラストのロゴは白抜きにしたりと色々使えて良き
ジーンズの横に添えられたシェアボタンが大きく押しやすそう

fvの写真がカッコよすぎる
写真の水を最大限に活かしてる加工と、
白いシャツに重ねてるのでロゴの赤が非常に映えてる
下に元の水色を残してるのも鮮やかで美しい
値段が詳細ページにしかないのも良き

背景の海だけ動く発想が素晴らしいfv
文字の出現のアニメーションやパララックスなど、
動きの表現に目がいくが、やりすぎてなくオシャレ
服だけの商品画像は新しい
スクロールで2人のモデルの位置が変わらずに、
服を着替えているように見える演出が素晴らしい
余白もしっかりととっていて優雅

比較
期待していたデザインを凝ってるサイトより、ecサイトのようになってるものが多かった印象
ブランドのロゴを彷彿とさせるフォントを上手く使っている傾向があった
通販可能なサイトは派手なデザインに凝るより、
使いやすさや見やすいデザインにした方が良いのは間違いない
購買意欲をそそらせるのも大事だが、シンプルに買い易いサイトの方がいいのかも
商品の写真を良く見せることを心がけてる印象がするサイトの方が自分的には好みだった

素晴らしい出来栄えだった JOSEPHさんのサイトをサムネにさせていただきました


この記事が気に入ったらサポートをしてみませんか?