Web · Websites

Website for an Iranian cultural centre

A multilingual platform introducing Iranian culture

Type
Website (multilingual)
Languages
Multilingual (3 languages)
Role
Web design & development

Open the site ↗ iranippon.jp

Website for an Iranian cultural centre (Shown on a laptop (composite; the screen is the real site))

Shown on a laptop (composite; the screen is the real site)

ChallengeChallenge

Film, language, courses, events and reading: to arrange a large and varied body of content so visitors can choose by interest, and to offer the same content in other languages.

IdeaIdea

The home page opens on a single view of Isfahan beside Mount Fuji, with the name in a gold serif. Below it sit four entrances, “learn, take part, watch, ask”, and the number of days to the next event. The language changes without leaving the page, and for right-to-left languages the text direction switches too. The screens below are the real site.

Home page in English (desktop)
Home page in English (desktop)
Smartphone
Smartphone
FeaturesKey features
Three languages, in placeThey switch without leaving the page, including right-to-left (RTL) text.
Browse by purposeFour entrances, “learn, take part, watch, ask”, lead to the pages that match each interest.
Next event on the home pageA card shows the date and how many days remain.
The Iranian calendarThe header shows today’s date in the Iranian calendar, and there is a calendar page.
Read, listen, watchA web magazine, a podcast, cinema and exhibition pages.
Light / darkThe colour scheme can switch to suit where it is viewed.
Bottom menu on phonesA tab bar that keeps the most-used pages within thumb reach.
PagesKey pages
Cultural events
Cultural events
Cultural events
Smartphone
LanguagesThree languages

The same home page in three languages. For a right-to-left language the whole page flips direction.

日本語
日本語
English
English
RTL
RTL
ProcessProcess
  1. Step 1

    Structure

    Content is organised into eight entrances in the main menu.

    IraNipponIraname magazinePodcastCinemaExhibitionsPersianCoursesEventsFeatures
  2. Step 2

    Key pages

    Cultural events, courses, film, the magazine and more. See the real screens under “Key pages” below.

    Website for an Iranian cultural centre, image 3Website for an Iranian cultural centre, image 4Website for an Iranian cultural centre, image 5Website for an Iranian cultural centre, image 6
  3. Step 3

    On a smartphone

    How it looks on a phone (composite).

    Website for an Iranian cultural centre, image 7
DeliverablesDeliverables
  • Website (desktop and smartphone)
  • Switching between 3 languages
  • Pages for events, courses, magazine and podcast
PaletteColour
Night#26241C
Gold#CEAD74
Brass#C49D58
Sky#5E778A
Haze#B5BABE

Colours sampled from the home page screen.

CreditsCredits
Client
An Iranian cultural centre in Japan
Type
Website (multilingual)
Role
Web design, development
URL
iranippon.jp ↗
Contact

Let’s shape what’s best —
together.

Even a rough idea is a great start. 日本語でもお気軽にどうぞ。

info@persiss.com