wizco renewal main 画像

この記事を読むのに必要な時間は約 6 分です。

雪だるまの画像最近は枚方でも雪ふったり、インフルエンザが大流行で私も気をつけなきゃなーっと思っているんですが、喉が痛いです(汗)皆さん暖かくしてWizcoへ来てくださいね(^O^)

Wizco New Siteを制作してます

さて、最近私が何をやっているかと言いますと…
岡田さん、高橋さん、私で”Wizco New Site”を作っております!
今の段階で、ファーストビューと2コンテンツのデザインまでいっているんですが、
そもそもクライアントから仕事を受けて、どのように進行していくの?
と思っている方もいらっしゃるかもしれないので、その辺のお話をしようかなと思います。

内容確認しましょう

 

まずは、

  • 目的
  • コンセプト
  • ターゲット
  • 現状の課題
  • 参考サイト
  • 必要なコンテンツ
  • 公開時期
  • コンテンツ構成
  • 担当
  • カラーリング
  • フォントサイズ

などを決めてから作業に入っていってます!
必要なコンテンツは、後で追加したり、いらないなと思ったものは削除(見えなく)したりしても良いかもしれないですが、他の部分はしっかりと決めてから作業に移すのが絶対だと思います!そこがぶれてしまうとサイトがぐちゃぐちゃになっちゃうので…

Wizco New Siteでは、3人で進めていってますが、普通は一人でサイトを作ると思います。
1人だとアイデアや構成がこれで大丈夫かな?って不安になるんですが、
3人だと結構スムーズに意見が出てくるので、初心者で1人で作業するという方は、
同志や先輩の意見が聞けると良いと思います!(だからWizcoは最高ですね!w)

ワイヤーフレームを作ろう

コンテンツ構成まで決定するかすべてが決定したら、今度はワイヤーフレームを作ります!
ワイヤーフレーム…なんじゃそら!

Webサイト設計図 – ワイヤーフレームの作り方

皆さんご存知のクリエーターボックスのManaさんの記事です。
記事はちょっと古いんですが、基本的には変わらないんでOKです!

ワイヤーフレームを書く画像

 

私は今は紙とXD両方で制作してますが、断然XDが使いやすいです!
Photoshopみたいにがっつりデザインが出来るわけじゃなくて、
本当にワイヤーフレームを作成する為作られているので簡単です。

参考サイトを元に高橋さんが作ってくれたワイヤーフレームがこちらです↓
https://xd.adobe.com/view/acf590a9-45df-4387-acce-d06a2e3cf413/
こちらを元にデザインを進めています!
(個人的にはかなり作りやすい感じになっているなと感じました!皆さんどう感じられますか?)

岡田さん曰く、こんなに作り込まなくても、コンテンツいれる場所を作ればそれでOKという事です!

デザインしていこう

さてそこから、とりあえず、

  • 高橋さん→ファーストビュー
    heiji→最初の2コンテンツ
    岡田→コンテンツ内容

と決めて、いよいよデザインの制作に取り掛かりました!!

岡田さんからのお達しで、ファーストビューなど最初の段階のデザインは、その後のテイストなどにかなり影響するので、しっかりと詰めていった方が良いという事なので、2週間の猶予をもらいました。

最初の1週間は、自分達が思うようなものを作成していき、一回報告しアドバイスをもらい、その後により詰めて作成していきました!
2人とも1週間で作ったものと2週間で仕上げたものとの差が出ていて、修正や色付けしていく事は大切だなと思いました。(限度はありますが…)

現在出来ているものがこちらです↓
https://xd.adobe.com/view/1c7677ad-1a0b-47ac-9fb7-689e40d7923a
今のところの報告はこんな感じです。

皆さん良かったら率直な意見を宜しくお願いします!
私の勉強にもなるので\(^o^)/

クライアントに言わなければならないこと

クライアントと話す画像最近Wizcoでは、WordPressをやっていて、
サーバー契約やドメインに料金がかかるのは、
皆さんわかっていると思います。
でもクライアントさんは、わかってない人もいると思うので、
その辺を説明して、別途料金が発生する事を理解してもらわないと駄目ですよね。

 

他にもテンプレートや素材を購入するとその分上乗せするとか、
高い料金プランに設定するとか…
料金設定を自分の感覚で決めるのは、怖いなと思ったので、
しっかりその辺の部分も考えたいと思います。

今後

デザインがまだまだ残っているので、それを仕上げるのと、
コーディングもしっかりやりたいと思っているので、
今後も楽しみにお待ち下さい!

The following two tabs change content below.
heiji

heiji

様々な業種の仕事を経て、現在はショップ店員、カウンセラー、主婦をしています。ゆくゆくは、岡田さんのお手伝いが出来るように、本格的にWEBデザイナーを目指しています。皆様宜しくお願いします!
heiji

最新記事 by heiji (全て見る)

4 thoughts on “Wizco New Siteを制作中!!

  1. はま より:

    新しいサイト作成、お疲れ様です。
    形のないものを想いを入れて形にして
    いくことの難しさは大変だと思いますが、
    出来上がりを楽しみにしてます♪。
    体調管理も仕事のひとつですもんね。
    気をつけて頑張っていきますっ❗

    1. heiji heiji より:

      さすが、はまさん!

      ”形のないものを想いを入れて形にして
      いくことの難しさは大変だと思いますが”
      →ここをわかってくれる人は中々いないので、
      嬉しいです♪(特にクライアントは…)

      見えないところの方が重要だったりしますしね〜

      はまさんも経験ありだと思いますが…

      とにかく、風邪引かないように頑張りましょう!

  2. TAKEHRA より:

    ブルーの色は爽やかなイメージ
    コーポレートサイトに適している
    とmanaさんが言われていたときに
    manaさんも岡田さんもサイトにブルーを使われているのを思い出し
    WIZCOもブルー

    ブルーは暗い場所でも明るい場所でも見やすい色?ですか?

    すごくお洒落な感じで見やすいです。

    1. heiji heiji より:

      ありがとうございます(^o^)
      確かにそうですね!
      ブルー(特に濃いブルー、紺)は、しっかり感(信頼感)の意味がある色なので、
      ポートレートサイトにおすすめの色です!
      Wizco New Site は、「若い女性、ITに興味がある人」などをターゲットにしていますので薄いブルーをメインにしました!

      どんなブルーかにもよりますが、Wizco New Site で使っているパステル系のブルーは、
      明るいところでは、見にくいです。
      ただ、パソコンを見る場所は、ほぼ部屋の中。
      外ではほとんど見ないと思いますので、まあ大丈夫かなと思います!

      あとはブラウザやPC本体が、MacかWindowsか、にもよります!
      様々な要素があります。
      やはり今日のセミナーでもお二人が繰り返し言われたように、
      サイトに訪問してくれた方に最適なサイトでなければならないので、
      始めのサイト調査でしっかり情報収集しておかないと駄目ですね!

      4月からは体制変わるので、色々話し合いながらやっていきましょう!!

コメントを残す

メールアドレスが公開されることはありません。