スマートフォン・アプリ

  • 画像
  • タブレット
  • ・スマートフォン
  • ・スマートフォン
  • 画像
  • 画像
  • 画像
  • 画像

実績例：
UIデザイン
モックアップ制作

　スマートフォン・アプリにおいてUX/UIデザイン分野の需要は年々高まっています。ユーザーが求めるより使いやすいデザイン、よりコンバージョンの高いデザインが必要不可欠だからです。XDなどのプロトタイプ・ツールによって視覚的な部分でのデザインと簡単な遷移確認は出来ますが、さらに詰めたユーザー目線の使い勝手を確かめるためには、実際に動くモックアップ制作が必要です。
　この案件では既に発注者により、仕様書が書かれ、画面遷移も決まっていました。そこにXDでデザイン制作をし、さらに、遷移確認とプログラムを組み込むためHTMLによるモックアップを制作しました。

主要担当部分

  • UIデザイン（Adobe XD）
  • HTMLによるモックアップ制作
  • レスポンシブ・デザイン
(thumbnailItem).on('click', function() { var index = $(this).attr("data-index"); $(slider).slick("slickGoTo", index, false); }); //サムネイル画像のカレントを切り替え $(slider).on('beforeChange', function(event, slick, currentSlide, nextSlide) { $(thumbnailItem).each(function() { $(this).removeClass("thumbnail-current"); }); $(thumbnailItem + '[data-index="' + nextSlide + '"]').addClass("thumbnail-current"); }); });