マガジンのカバー画像

WEBデザイン

6
本
WEBデザインのノウハウについて
運営しているクリエイター
むらちゃみ　フリーランスUIUXデザイナー
むらちゃみ　フリーランスUIUXデザイナー

むらちゃみ　フリーランスUIUXデザイナー

とあるECサイトのデザインの改善案を考えてみた

とあるECサイトのデザインの改善案を考えてみた

はじめにこんにちは！由夏です。

私はよくとあるECサイトを利用しているのですが、ユーザーとして使いながらもデザインを直したいい、、！という気持ちに溢れていたのでデザインを改善してみました！商品や安さはピカイチで大好きなECサイトなのでこうなったらもっと利用者が増えるのではないかという願いをこめて、、！

もともとのWEBサイトのデザイン

現行サイトの課題
• ファーストビューに要素がたくさん

もっとみる
むらちゃみ　フリーランスUIUXデザイナー

むらちゃみ　フリーランスUIUXデザイナー

【まとめ】WEBデザインをするためのSTEP

【まとめ】WEBデザインをするためのSTEP

web制作は、①企画→②設計→③制作→④公開という流れがあります。

こちらはWEBデザインをするにあたっての各ステップを書いた記事のリンク集です！

STEP1.WEBデザインの企画

STEP2.画面設計を作ってみよう！

STEP3.イメージボードを作ろう！

TEP4.ガイドラインを作ろう！

むらちゃみ　フリーランスUIUXデザイナー

むらちゃみ　フリーランスUIUXデザイナー

STEP1.WEBデザインの企画

STEP1.WEBデザインの企画

web制作は、①企画→②設計→③制作→④公開という流れがあります。今回は①の企画部分に当てはまる、基礎知識についてお話していきます！

1.デザインとは何か
印象や機能をもって実用的に使われる「デザイン」と自己表現をメインとする「アート」別物です。幅広い年齢層の人たちに使われるサイトを目指すのであれば、ターゲットが伝わる機能性をもったWEBデザインになるように心がけましょう。

2.“印象”×”機

もっとみる
むらちゃみ　フリーランスUIUXデザイナー

むらちゃみ　フリーランスUIUXデザイナー

STEP2.画面設計を作ってみよう！

STEP2.画面設計を作ってみよう！

web制作は、①企画→②設計→③制作→④公開という流れがあります。今回は②の設計部分に当てはまる、画面設計についてお話していきます！

画面設計は、Webサイト制作の工程の中で一番初めに作成されるものです。ビジュアル的には簡素ですが、非常に重要な工程です。一緒に画面設計を作れるようになっていきましょう！

1.ワイヤーフレームとは？画面設計を作るにあたって、まずワイヤーフレームを作成します。

ワ

もっとみる
むらちゃみ　フリーランスUIUXデザイナー

むらちゃみ　フリーランスUIUXデザイナー

STEP3.イメージボードを作ろう

STEP3.イメージボードを作ろう

web制作は、①企画→②設計→③制作→④公開という流れがあります。今回は③の制作部分に当てはまる前の、イメージボードの作り方についてお話していきます！

イメージボードとは？デザインする上で、イメージを固めてカタチにしていくことや、クライアントとそのイメージを共有するのにイメージボードという手法を使うことがあります。

企画、要件定義、画面設計を済ませ、いざデザインしていくぞ！！というときに作りま

もっとみる
むらちゃみ　フリーランスUIUXデザイナー

むらちゃみ　フリーランスUIUXデザイナー

STEP4.ガイドラインを作ろう

STEP4.ガイドラインを作ろう

web制作は、①企画→②設計→③制作→④公開という流れがあります。今回は③の制作部分に当てはまる、ガイドラインの作り方についてお話していきます！

ガイドラインとは？？Webの新規ページを作るにあたり、ウェブサイトのガイドラインの作り方をレクチャーしてきます。サイトに統一感を持たせ、企業としてのブランドアイデンティティを守るためにガイドラインは作られます。

大人数で作業するときや、他の会社と共同

もっとみる