design
web
色褪せないシンプルさを追求。「アルコ トレーディング株式会社」のwebデザイン
2020.03.10.
昨年夏ごろに制作の依頼があって、その時はスケジュール的に対応できなかったのですが年末から制作を進めることができ、そこからコミュニケーションをとりつつ進めてきた「アルコ トレーディング株式会社(ALCO TRADING LTD.)」さんのwebサイトが今月頭にようやく公開になりました。
素材の関係で進められなかった部分などがあって、ややスローなスケジュールでしたがなんとか制作が完了してよかったです。今回のwebサイト制作でボクが手掛けたのは下記の項目です。
production list
制作リスト
- webデザイン
- コーディング
- wordpressでのサイト構築
- レスポンシブデザイン(PC、タブレット、スマホ)
TOPページだけ見ると何のwebサイトなのかわからないデザインなのですが・・(笑)。それも意図的な部分があります。
海外のアパレルブランドの輸入や買い付けのアテンド、日本ブランドの輸出代行などをおこなっている企業なので、まずはじめにいたただいた要望がいくつかありました。
- アパレルを扱っているのでモードな雰囲気に
- あまり情報を出さない
- 10年先まで使えるようなサイトに
一番印象に残ったのはなんといっても「10年先まで使えるように」という要望・・。そういえばそんなこと考えて制作したことがなかったなと、なにか背筋を正されるような言葉でした。
シンプルさを追求したwebデザイン
写真やテキストがなかなか揃わず、ややデザインが先行した制作フローではありましたが、モードな雰囲気ということで、できるだけシンプルにスタイリッシュに、タイトルのフォント選びやレイアウトなど試行錯誤しながら進めました。
アパレルブランドのようなデザインになっていったので、コーポレートサイトというよりはアパレルブランドサイトのような雰囲気に近いものになりましたね。
スマホのページデザインもシンプルに
PCモニターの見栄えを考えるだけでなく、タブレットで見た場合でもスマートフォンで見た場合でも違和感のないようにページ制作を進めていきます。モニターのサイズはそれぞれ違いますが、デザインを合わせていくのもwebデザインの大切なところです。
こちらはスマホ用のwebページデザインですが、ファーストビュー(ページを開いて一番はじめに見える画面のこと)での見え方をスタイリッシュに、レイアウトも今まで制作したことのないデザインで進めました。
個人的にもいいデザインに仕上がったと思っています。
カラーも余計な色を省く
さらにシンプルさを追求するため、サイトに使用するカラーは基本的にはホワイトとブラック、グレーのみ。載せる写真もすべてモノクロにし、より統一感を高めていきました。
スマホ右上のナビゲーションもモノクロにシンプルに、動作に無駄がないように意識して制作。
タイトルのwebフォントと本文やナビゲーションに使用するwebフォントもそれぞれ違うフォントを使い分けています。
ブランド一覧ページもロゴのみを配置
取扱っているブランドを載せる一覧ページもロゴデータや画像をいただき、モノクロで配置。ロゴのディティールはそれぞれのブランドで違うので、載せるときに全体に統一感のあるようにサイズ調整するのが少し難しかったです。
いま改めてwebサイトを見ると、本当にシンプルだなと我ながら思いますね。
いい感じにモードな雰囲気を出せたと思います。
アルコ トレーディング株式会社のwebサイトはこちらから
実際のサイトは下記のリンクよりご覧ください。
※webサイトによっては変更・クローズしてることもありますので、その際はご容赦ください。
情報を表立って発信できないという業界的に難しい部分もあるようで、今回は「デザイン」が先行する形での制作となりましたが、最終的にクライアントさまに満足いただけたのがすごくよかったです。
はじめましてBUROKIです。
ベンチャー企業にて11年間webやグラフィックデザインとブランディング経験を経て、2019年5月よりフリーランスデザイナーになりました。完全独学でフリーランスになった異色の経歴の持ち主だと思います(笑)
制作実績やインハウスデザイナーのことなど日々更新しています。デザイン制作のご依頼やお問い合わせなども受け付けてますので、なんでもお気軽にご相談ください。
ベンチャー企業でマスターデザイナーとして働いた後、フリーランスになりました。制作実績やインハウスデザイナーのことなど日々更新しています。制作のご依頼なども受け付けてますので、なんでもお気軽にご相談ください。
latest contents
最新コンテンツ一覧
categories
カテゴリ一覧
Design Ranking
人気デザインランキング
2日間ぶっ通しでつくった36枚のECサイト用バナーデザイン
2020.05.31.
最近制作したバナーデザインをまとめて公開vol.1
2021.08.09.
より統一感のある仕上がりに。webメディア「anna」の広告媒体資料デザインvo...
2020.07.10.
最近制作したバナーデザインをまとめて公開vol.2
2022.02.22.
画像に頼らず文字でシンプルに魅せる。EDUWARD Pressのwebサイトデザ...
2021.08.03.
design ranking
人気デザインランキング
2日間ぶっ通しでつくった36枚のECサイト用バナーデザイン
2020.05.31.
最近制作したバナーデザインをまとめて公開vol.1
2021.08.09.
より統一感のある仕上がりに。webメディア「anna」の広告媒体資料デザインvo...
2020.07.10.
最近制作したバナーデザインをまとめて公開vol.2
2022.02.22.
画像に頼らず文字でシンプルに魅せる。EDUWARD Pressのwebサイトデザ...
2021.08.03.