moftak solutions

intro and meet the client

The Islam Channel is the largest Islamic

television channel in the UK.

From its base in central London, the free to air channel is available via satellite or the internet and is broadcast to over 132 countries, making it one of the most influential Islamic satellite channels in both Europe and the world. Launched in 2004 by Tunisian national Mohammed Ali Harrath, the channel states that its aims are to ‘(convey) Islam in its true form to curious non-Muslims and further educate Muslims alike’ this is achieved through a combination of religious, political and historical programming that covers an array of topics.


One of a kind Islamic media

channel available in UK

wanted to extend global reach

through web presence and develop a platform where common Muslim can find content about the religion in a convenient way.


The essential first step Pre-design work sets the stage for effective websites. During our pre-design stage with Islam Channel we:

  • understanding

    Got deep understanding about the company’s services, values, target customers, and vision was gained

  • assets

    Thoroughly reviewed their available assets (literature, photography, promotional materials, etc.)

  • structure

    Began to consider the new site’s architecture/structure.

The information collected in the pre-design stage helped us make objective, smart decisions and plan.

  • Primary goals of the website
  • Story we wanted the site to depict
  • How the site is going to be organized
  • What type of information visitors would be most interested in
  • What we wanted to encourage website visitors to do upon
  • arriving at the new website

wireframe skeleton page layout

What do wireframes do?

Wireframes allow clients to understand the relative importance and placement of the different pieces and parts that will make up individual web pages.

Skeleton page layouts compare the Islam channel approved homepage wireframe to the final approved homepage design.

the moodboards

Moodboards provide clients with their

first visual sense of what their design

will look and feel like.

Think of it like the fancy clothing “skin” that sit over the naked wireframe skeletons. If you’ve done your upfront planning well, the mood board should always delight, never unpleasantly surprise, the client.


Our design documents are four to eight-page reports that serve as design-direction agreements between us and our clients. They discuss details such as color palettes, textures, requirements and photography. Design documents are a mixture of the following four key elements:

  • Site goals
  • The vision and story the client wants to tell
  • Client requirements
  • Our expertise

After collecting additional information, we developed a document which detailed:

  • Potential color palettes
  • Focus points and guidelines for the site’s design
  • Details on the site’s overall look and feel


Putting it all together Where to begin?

Some designers prefer to start working on the design of any page that’s not the home page first.

We prefer to start designing the homepage first as it typically makes the most sense to clients and sets the tone for the rest of the site.

Putting it all together upon completing and receiving approval from Islam channel for the homepage design, we designed 2 other pages within the site for approval before moving forward.

The thorough pre-planning we completed upfront with Channel ensured everyone was on the same page every step of the way.


After Islam channel approved and signed off on the homepage and internal pages, the development stage began.

the development stage began

The development stage included coding and integration of Content Management System (CMS) that allows Islam channel to manage site updates in-house.Moving forward after design Remember: Effective, goal-oriented design takes planning, teamwork, extensive communications, and a clear process.