せろりのセオリー | Webサイト100選

Webデザイン未経験の私が、魅力的で優れたWebサイトを見て考察力、表現力を学ぶ学習サイトです。

No.75 大成紙器製作所

■概要

紙の道具、「紙器具」の製造販売をしている会社のホームページ

 

 

■ターゲット

・20〜30代女性
・文具を取り扱う小売店

 

 

■FV

取り扱っている商品を並べた画像をスライドで表示。商品カラーがパステルのため、身近さを感じやすい優しい色で並べているだけでも可愛い。
ヘッダーや背景色に使われている淡いピンクと、文字に使われている茶色がマッチしていて柔らかい印象を出している。

海外の取扱い店舗も多く、日本語・英語・フランス語の3ヶ国語から言語選択が出来る。(右上ボタン)

オンラインショップとシェアボタンが右側に大きめの四角で配置してあるが、トップ画像のデザインとマッチしていて 大きめの表示でも違和感がない。大きく表示することで、クリックへの取っ掛かりになりやすい。

ページの左下には会社のロゴを大きく表示。半分だけ表示させることで、スクロールに繋がる。

せろりのセオリー/ Webサイト100選 No.75 大成紙器製作所

せろりのセオリー/ Webサイト100選 No.75 大成紙器製作所

 

 

■特徴

スクロールすると、真ん中に縦文字で会社名、右側に会社についての詳細が配置されている。左側にはFVから続いているロゴが表示されているためバランスが取れていて、会社名が中央に配置されても違和感を感じない。その下には100vhで製造風景の動画が配置されており、手作業での生産のこだわりを感じる。

せろりのセオリー/ Webサイト100選 No.75 大成紙器製作所

せろりのセオリー/ Webサイト100選 No.75 大成紙器製作所

 

せろりのセオリー/ Webサイト100選 No.75 大成紙器製作所

せろりのセオリー/ Webサイト100選 No.75 大成紙器製作所

 

 

 

Products

商品をグリッドで羅列。商品そのものの色を活かした配置になっていて、お洒落で可愛い。カーソルを置いた場所は半透明になり、画像が拡大され詳細テキストが表示される。

せろりのセオリー/ Webサイト100選 No.75 大成紙器製作所

せろりのセオリー/ Webサイト100選 No.75 大成紙器製作所

 

 

インフォメーションは装飾を抑えすっきりシンプルに。

せろりのセオリー/ Webサイト100選 No.75 大成紙器製作所

せろりのセオリー/ Webサイト100選 No.75 大成紙器製作所

 

 

footer

こちらもグリッドレイアウトになっており、snsアイコンもあえて線を引いてエリアを区別。

せろりのセオリー/ Webサイト100選 No.75 大成紙器製作所

せろりのセオリー/ Webサイト100選 No.75 大成紙器製作所

 

 

■フォント

・テキスト:游ゴシック体
・欧文:DIN Next LT W01 Regular

 

■配色

・テキスト:#8C720E、#3d3d3d、#fff
・ベースカラー :#

せろりのセオリー/ Webサイト100選 No.75 大成紙器製作所

せろりのセオリー/ Webサイト100選 No.75 大成紙器製作所

FEF8F6

 

 

 

Webサイト:大成紙器製作所

せろりのセオリー/ Webサイト100選 No.75 大成紙器製作所

せろりのセオリー/ Webサイト100選 No.75 大成紙器製作所

次へ 投稿

前へ 投稿

返信する

© 2025 せろりのセオリー | Webサイト100選

テーマの著者 Anders Norén