menu

モックアップ作成も自分でできる、便利なWeb制作ツール3選

リニューアル

WordPressやオンライン上の画像編集ソフトなどさまざまなツールが普及し、Webサイトの制作・リニューアルはより身近なものになりつつあります。以前はプランナーやデザイナー、エンジニアの仕事だったプロトタイピング(Webサイトのモデル作成)やWebインタ―フェイスの構築も、そうしたツールを使えば昔とは比べものにならないほど手軽に行えるようになりました。

もちろん、「自分はリテラシーに自信がないから‥」、「専門的な仕事は、やはりプロのデザイナーやエンジニアに任せたい」という方もいるかもしれませんが、企業のWeb担当者なら最低限の知識は持っていたいもの。モックアップ制作や簡単なデザインを覚えれば、コンテンツの更新にも役立ちます。初心者でも使いやすい、Web上で公開されている便利なWeb制作ツールをご紹介します。

Hotgloo
海外を中心に有力企業にも導入されているプロトタイピングツールです。シンプルな操作が特徴で、アイデアや企画の段階でWebサイトのアウトラインを大まかに形づくりたい時に向いています。また、2000種類以上のウィジェットやアイコンが提供されているので、レイアウトに行き詰まった際のヒントにもなるかもしれません。導入費用も比較的安価で、月額13ドル、27ドル、54ドルのプランが用意されています。

Powermockup
PowerPointのアドオンとして開発されたモックアップ制作ツールです。日本語には対応していませんが、ほぼすべての操作をドラッグ&ドロップで行えるため、プロトタイピングに慣れていない人でも直感的に使えます。インポート/エクスポートもPNG、JPEG、BMP、MP4、WMV、PDFなど豊富な形式に対応しており、Webサイトのモックアップだけでなく、コンテンツのレイアウトやスマートフォンアプリのUIを考える際にも使えるでしょう。

Ameba Ownd
「Ameba Ownd」は誰でも簡単にオリジナルのWebサイトを作ることを目的にリリースされたWebサイト構築ツールです。コーポレートサイトやポブログメディア、オンラインショップなど用途別のテンプレートが用意されており、スマートフォン向けサイトにも対応。いずれのテンプレートもトレンドをしっかり押さえたスタイリッシュなものに仕上がっているのが特徴で、多くの著名人や有名アーティストのWebサイトにも利用されています。

リニューアルに関するご依頼、ご相談、お見積はこちら

小野 良勝 代表取締役

投稿一覧

横浜の制作会社アイティネットの代表取締役。WEB、モバイル、DTP、デジタルサイネージを事業展開。それぞれの特性を活かした メディアミックスを得意とする。iPhoneやiPadを活用したBtoB向けのアプリケーションを開発。モチベーションの高い人や異業種との交流がたまらない。華の47年組。趣味はオートキャンプ

Webサイトのコンテンツをどう見せるか。共有・拡散されやすい3つの手法

A&P with terrace|オープンテラスのアジアンリゾート

関連記事

  1. LPやデバイスシェアからリニューアル要件を検討。「Google …

    KGIやKPIの設定とあわせて、リニューアルの事前準備として欠かせないのがWebサイトの現状把握&分…

  2. Webサイトの運用で起こりがちな3つのトラブル&対応方法について…

    Webサイトのデザインや機能はもちろん大切ですが、それ以上に大切なのが運用保守です。高い予算をかけて…

  3. Webサイトにおけるユーザーの視線の動きを知る(1)

    Webサイトの制作やリニューアルでは、ユーザーの動きを意識することが非常に大切です。どれだけ質の高い…

  4. 誤解されやすい「ユーザビリティ」。正しく理解するためのポイント(…

    Webサイトのリニューアルでは、ユーザビリティの改善が目的の1つになることも多いのではないでしょうか…

  5. 絞り過ぎず、仮説を立てる。具体的な施策を決める「CSF設定」

    Webサイトをリニューアルする目的を具体的な数値に落とし込んでKGIを設定したら、次に取り組んでおき…

  6. Webサイトにおけるユーザーの視線の動きを知る(2)

    同じ内容の記事や画像でもレイアウトが違えば見る人の印象は大きく変わってきます。Webサイトの制作やリ…

  7. 行動心理学でCVRを向上させる。Web担当者が知っておきたい3つ…

    日々Webサイトの改善に取り組むなか、「狙い通りのCVRになかなか到達しない」、「商品の魅力が本当に…

  8. ユーザーの行動をサーモグラフィのように可視化できるヒートマップ

    セッション数やコンバージョン数など、実際のユーザーの行動にもとづいた数値によって自社のWebサイトの…

PICKUP

PAGE TOP