• All
  • Web
  • Print
prev
1 / 2
next

Abu Sakinah

Country : United Kingdom
 - 
Delivered : 30/10/2012

Responsabilities : Front-end, WordPress development, logo
Description : Personal blog about various subjects including Islaam and scientific discoveries. The website's layout, WP theme and logo were designed from scratch. All content is available in 3 languages.

    The purpose of this project was to offer academic quality in Muslim publications that deal with secular sciences such as psychology, biology or physics, while sticking to the Qur'an, authentic Sunnah and understanding of the first three generations of Muslims.

    To achieve this goal, the following features were required :

    • The article's key points and arguments should be readable in a few seconds in a special section located near the top of the page
    • There should be a summary of the article displayed right before the article body; the difference with the previous section would be the use of complete sentences rather than a list
    • There should be a section giving more information about specific authors or works quoted in the article
    • There should be a footnote section below the article's content which displays the references used in the article. Each footnote reference should be dynamically linked to its corresponding location in the article's body
    • The website should include a multi-language system in order to cater for several Muslim communities at once: English-speaking, Spanish-speaking and French-speaking
    • The quoted Qur'anic verses should benefit from a book quality presentation
    • There should be special submenus for certain topics expected to be covered extensively in the long term

    Three interconnected WordPress Custom Post Types were created for articles, titles and authors.

    SERVICES PROVIDED :

    • Full web design
    • Developement of a sophisticated WordPress theme
    • Creation and interconnection of 3 Custom Post Types (for articles, titles and authors)
    • Creation of a separate post summary section with its proper meta box in the back-end
    • Implementation of WPML to support three different languages for post content and website menus
    • Responsive Design for Wide screens, Smartphones and Tablets

    Thanks to carefully written CSS media queries, the layout of the site automatically adapts to any resolutions or devices including smartphones, tablets and notebooks.

    These are a few selected sketches among several dozen ones that have been drawn during the sketching phase for the logo. This part of the project's development is guided by a mind map elaborating upon the main values of the brand/product.

    This is the concept that has been retained for the project.

    The logo in its final state, following the colouring phase.