Web · Websites

イラン文化センターのWebサイト

多言語で、文化を紹介するプラットフォーム

区分
Webサイト(多言語)
言語
多言語(3言語)
担当
Webデザイン・開発

サイトを開く ↗ iranippon.jp

イラン文化センターのWebサイト(ノートPCでの表示イメージ(合成・画面は実際のサイト))

ノートPCでの表示イメージ(合成・画面は実際のサイト)

Challenge課題

映画、ことば、講座、イベント、読みもの。量も種類も多い情報を、関心から選べるように整理し、同じ内容をほかの言語でも届けること。

Ideaアイデア

トップはイスファハーンと富士山が並ぶ一枚の景色に、金色のセリフ体で名前を。その下に「学ぶ・参加する・観る・相談する」の4つの入口と、次のイベントまでの日数を置いています。言語はページを移動せずに切り替えられ、右から左へ読む言語では、本文の向きも切り替わります。下の画面は実際のサイトです。

トップページ(PC)
トップページ(PC)
スマートフォン
スマートフォン
Features主な機能
3つの言語をその場でページを移動せずに切り替え。右から左(RTL)の言語にも対応。
目的から探す「学ぶ・参加する・観る・相談する」の4つの入口から、関心に合ったページへ。
次のイベントをトップに開催日と残りの日数を、トップページのカードで案内します。
イランの暦ヘッダーにイランの暦の日付を表示し、暦のページも用意しています。
読む・聴く・観るWebマガジン、ポッドキャスト、シネマ、展示会のページ。
ライト/ダーク見る環境に合わせて配色を切り替えられます。
スマートフォンの下部メニューよく使うページへ親指で届くタブメニュー。
Pages主要ページ
文化イベント
文化イベント
文化イベント
スマートフォン
Languages3つの言語

同じトップページを、3つの言語で。右から左へ読む言語では、ページ全体の向きも切り替わります。

日本語
日本語
English
English
RTL
RTL
Process制作の流れ
  1. Step 1

    構成

    グローバルメニューの8つの入口に、情報を整理しています。

    IraNipponイラナーメポッドキャストシネマ展示会ペルシア語講座イベント特集
  2. Step 2

    主要ページ

    文化イベント、講座、映画、マガジンなどの各ページ。下の「主要ページ」で実際の画面をご覧いただけます。

    イラン文化センターのWebサイト・3枚目イラン文化センターのWebサイト・4枚目イラン文化センターのWebサイト・5枚目イラン文化センターのWebサイト・6枚目
  3. Step 3

    スマートフォンで

    スマートフォンでの表示イメージです(合成)。

    イラン文化センターのWebサイト・7枚目
Deliverables成果物
  • Webサイト(PC・スマートフォン)
  • 3言語の切り替え
  • イベント・講座・マガジン・ポッドキャストのページ
Paletteカラー
夜#26241C
金#CEAD74
真鍮#C49D58
空#5E778A
霞#B5BABE

トップページの画面から抽出した色です。

Creditsクレジット
クライアント
在日のイラン文化センター
種別
Webサイト(多言語)
担当
Webデザイン・開発
URL
iranippon.jp ↗
Contact

「こんなイメージで」から、
一緒に形にしていきます。

漠然としたご要望でも、お気軽にご相談ください。English inquiries welcome.

info@persiss.com