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年組。趣味はオートキャンプ

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

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

関連記事

  1. 定量データでWebサイトの課題を見える化。「Google-アナリティクス」活用法1

    定量データでWebサイトの課題を見える化。「Google アナリ…

    Webサイトの現状把握&分析において、最初に取り組んでおきたいのがアクセス解析ツールを用いた定量デー…

  2. webrenewal10

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

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

  3. renewal08

    業界別に見るドローン動画のWebコンテンツ活用事例(1)

    ドローンの登場によって空撮はとても身近な表現方法になりました。ドローンを使って撮影を行うためには国土…

  4. renewal10

    Web制作/リニューアルの素材を効率的に管理できるオンラインツー…

    企業のコーポレートサイトなどをリニューアルする場合、社屋の外観写真や社内風景、商品画像といった素材は…

  5. renewal07

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

    Webサイトの制作・リニューアルにおいて、UIやUXと並んで重要なのがユーザビリティです。ユーザビリ…

  6. renewal07

    ユーザビリティの高い再生方法&ナビゲーションとは?動画コンテンツ…

    オウンドメディアやコーポレートサイトなどで動画を配信する場合、尺や表示サイズ、掲載位置などとあわせて…

  7. 多くの企業が取り入れているレスポンシブデザインのメリット&デメリット

    多くの企業が取り入れているレスポンシブデザインのメリット&デメリ…

    スマートフォン市場が毎年2桁の成長を続け、ユーザーの過半数がスマートフォンを使ってインターネットにア…

  8. renewal09

    業界別に見るドローン動画のWebコンテンツ活用事例(2)

    自社のWebサイトに動画コンテンツを取り入れる企業が増えていますが、既存の動画コンテンツに物足りなさ…

PICKUP

  1. 次世代のビジネスチャンスを拓くVR&AR活用術 
  2. 【7】Enlighted
  3. 【3】VR・AR_HMD_1
  4. BLEBeacon18
  5. プレスリリースや「リサーチ系」のメリットを活用したコンテンツ拡散
  1. web04
  2. PlayStation VR
  3. beacon10
  4. ユーザー行動に隠されたストーリーを顕在化させるユーザビリティテスト
  5. 【リスティング広告】 プラスアルファのバリュー&情報が行動を促すランディングページの要素
  6. ec04
  7. KGIを因数分解することによって明確になるKPI設定
  8. 牛兵衛 草庵 /和牛にこだわった焼肉
  9. Zubie
PAGE TOP