新型コロナウイルスに関する弊社の取り組みについて詳しくはこちら

マイページシステムを搭載しリアルタイムのオンライン配信や録画データ配信が行えるウェブサイト

教育関連やドローンなどのセミナーを行っている企業様のサービス専用サイトです。

マイページシステムを搭載し、こちらのサイトを通じてリアルタイムのオンライン配信や録画データ配信を行います。
競合企業やイメージサイトをヒアリングさせて頂きトップページカンプを制作しました。

主な制作の流れとしては

1 カンプデザインとしてシステムを入れ込まない静的なページを画像ベースで作成
2 並行して原稿や画像を準備
3 コーディングを行いブラウザ上で動作確認できるように
4 マイページなどのシステム面の実装

動的な部分はシステム面は運用しながらの実装となりました。

デザイナー担当部分とエンジニア担当部分の作業が通常のウェブサイト制作よりも複雑になるため、プロジェクトスタート時にガントチャートを作成し、社内とクライアント確認のスケジュールを明確に整理しながら進めました。

目次

採用デザインTOP

ポイント

・レスポンシブデザインでスマートフォン対応
・録画配信としてYoutubeやVimeo等の掲載が可能
・運営の手間なく自動で会員登録が可能
・ユーザーマイページや管理者マイページを設け情報を管理
・ログイン前後でコンテンツ内容が変化

レスポンシブデザインでスマートフォン対応

スマートフォン

新規登録

録画配信としてYoutubeやVimeo等の掲載が可能

運営の手間なく自動で会員登録が可能

新規登録ボタンからメールアドレスを入力するとメールアドレス宛てに自動で認証メールが飛びます。
認証メール内のURLをクリックすることでマイページの情報がユーザー側で入力できるようになります。
その他フェイスブックなどのSNSを通じた認証機能もありますが、これらは運営側の手間が無く対応が可能です。
パスワードを忘れた際の再設定なども自動です。

新規登録

プロフィール登録

パスワード再設定

ユーザーマイページや管理者マイページを設け情報を管理

更新の情報を追加したり、ユーザーが登録した情報や動画情報をシステム側のマイページで管理ができます。

動画登録

講師登録

ログイン前後でコンテンツ内容が変化

ログイン後ホーム画面が表示されサイドボタンから任意のコンテンツが選択できます。

デザインギャラリー

この記事が気に入ったら
いいね または フォローしてね!

よかったらシェアしてね!

コメント

コメントする

目次