Compare Blocked

about the project

Compare Blocked is a user-focused platform that supports Arab students and expatriates in finding the best German blocked account options by comparing providers based on fees, services, and requirements. This platform aims to make the process straightforward and accessible, enabling users to make informed financial decisions when planning their move to Germany.

my role

I collaborated with the Compare Blocked team to design a seamless and intuitive user experience, creating a modern visual style for the site and optimizing it for Webflow. My responsibilities included structuring comparison tables, developing user-friendly CMS features, and implementing responsive layouts. Additionally, I worked on SEO strategies to enhance the site’s reach and visibility for prospective users searching for blocked account options.

scope

Figma

UX/UI Design

Webflow

Development

Visit Live Site

N/A

Ben Kohz

Founder of Compare Blocked

challenges

The client aimed to build a platform that compares blocked accounts for Arab students and expatriates moving to Germany, which involved managing complex data across both English and Arabic languages. Creating a fully bilingual platform presented unique challenges, especially in terms of layout adjustments, text direction handling, and maintaining consistent user experience and design quality across languages

the solution

I crafted a seamless, user-friendly interface that catered to both English and Arabic users, ensuring that text alignment, navigation, and flow worked well across both languages. I also structured an intuitive content management system to allow effortless updates for both language versions and integrated SEO best practices to enhance the platform’s visibility across multilingual searches

the process

UX analysis and UI redesign

I began with a comprehensive UX analysis to identify the needs of Arab-speaking and English-speaking users, aiming for an intuitive comparison experience. After gathering insights, I moved into the design phase, crafting layouts that were functional and visually appealing for both languages. The designs, inspired by industry standards and user expectations, were created in Figma, ensuring alignment with the client’s vision.

No items found.

Webflow development

In Webflow, I developed the platform with a pixel-perfect approach, ensuring each page was fully responsive across devices. I implemented solutions for bilingual navigation and completed key integrations to maintain site performance and accessibility. Additionally, I optimized for both speed (SSO) and search engines (SEO) to ensure the site reached its audience effectively.

No items found.

finished product

The result is a user-friendly, bilingual website that provides a seamless experience in both English and Arabic. Users now benefit from an intuitive navigation and effective comparison tools, with increased engagement from both language audiences. The multilingual SEO strategies have expanded reach, and the client now has a platform that fully supports their mission to assist students and expatriates in making informed financial choices.

No items found.