Dr. Azmi Bishara, designing and developing the website for an Arab thinker, writer, and researcher

Visit Website

The platform showcases his academic works, articles, and public engagements through a modern, accessible layout. By integrating robust search features, custom categorisation, and responsive design, we ensured a seamless user experience that reflects Dr. Bishara’s scholarly presence and thought leadership.

The logo design revolves around Arabic typography, reflecting Dr. Bishara’s cultural identity and intellectual heritage. By selecting a clear yet elegant script, we ensured the logo resonates with a wide audience while maintaining a distinctive, timeless appeal.

Graphic device

We created a custom pattern inspired by the renowned Palestinian textiles, paying homage to cultural heritage. This pattern subtly enhances the visual identity, reflecting Dr. Bishara’s roots and reinforcing the depth of his scholarly work.

Typography

We combined ‘IBM Plex Sans Arabic’ for Arabic text and ‘Trirong’ for English, ensuring clarity, cultural resonance, and a cohesive bilingual experience that aligns with Dr. Bishara’s scholarly presence.

Bilingual website

We designed a bilingual interface with Arabic (right-to-left) and English (left-to-right) layouts, ensuring a smooth user journey across both languages.

Books

We designed the books section with a sticky sidebar on desktop, keeping all publications visible for quick navigation. On mobile, this feature adapts seamlessly, ensuring users can browse book details while easily accessing other works without interrupting their reading experience.

Homepage

The home page UX design introduces Dr. Bishara with a concise overview, featuring his latest tweets, recently published articles, current studies, and newly released books. We adopted a clear, minimalistic approach, opting for text-based cards without images—a unique challenge that required thorough competitive analysis. By studying similar websites and audience expectations, we ensured an engaging layout that effectively highlights Dr. Bishara’s work.

Responsive experience

With 70% of existing users accessing the platform via mobile, we adopted a mobile-first approach to the design. However, the design is fully responsive, ensuring a seamless experience across all device sizes.

Development overview

The UX design was meticulously implemented using HTML, CSS, and JavaScript on Drupal 10 CMS, ensuring a seamless and responsive user experience. Advanced technologies were integrated to enhance performance and functionality, including Apache Solr for efficient and accurate search capabilities and Varnish Caching for optimised loading speeds. These development practices, combined with a robust DevOps pipeline, ensured a scalable, high-performing website tailored to the needs of the client and their audience.

Get a quote

Get a ballpark costing on the product or idea you want to build. Be specific to get a more concise cost and timeline.