Cognitech

Muhammad Al Mahdi

My journey began as a Front-End Developer after earning my degree in IT, where I had the opportunity to explore the world of graphics and animation with my team. That passion naturally led me to UI design, and soon after, I immersed myself in UX. To deepen my expertise, I pursued a Master’s in Interaction Design, focusing on UX/UI—shaping the career I love today.

 / All right reserved @2025 / Crafted by MUHAMMAD AL MAHDI

 / All right reserved @2025

Crafted by MUHAMMAD AL MAHDI

Paramount

About the Project

Paramount is a real estate platform designed to simplify home buying, selling, and property discovery. By focusing on user-friendly navigation, personalized recommendations, and an engaging UI, Paramount redefines the real estate experience.

This case study explores the UX process behind building an intuitive and visually appealing real estate app and website.

Problem Statement

Traditional real estate platforms often overwhelm users with cluttered interfaces, complex navigation, and lack of personalization.

Buyers struggle to find relevant listings, while sellers face difficulties in maximizing property visibility. The goal of Paramount is to create a seamless, engaging, and user-centric real estate experience.

User

Target Audience:
  • First-time home buyers
  • Real estate investors
  • High-income buyers seeking luxury properties
  • Sellers looking for maximum exposure

User Pain Points:
  • Difficulty in finding personalized property recommendations
  • Complex mortgage calculations and financing options
  • Lack of trust in online property listings Inefficient agent connections

Emma

(First-Time Homebuyer)

User Persona

  • 30 years old, lives in a metropolitan city
  • Looking for a modern home within a budget
  • Needs easy financing options
  • Prefers a simple, guided user experience
  • Design Goals

    Goals to achieve:

    1. Seamless Onboarding: A step-by-step process guiding users to personalized listings.
    2. Intuitive Navigation: Simple property search filters and map integration.
    3. Engaging Visuals: High-quality images, property videos, and interactive floor plans.
    1. Smart Property Recommendations: AI-driven suggestions based on user preferences.
    2. Easy Financing Tools: Mortgage calculators and credit simulations.

    Smartways to make a living

    Estate Estate Estate Estate Estate
    Estate Estate Estate Estate Estate

    Smartways to make a living 
with your smartphone

    Simply pick or bookmark your best wish

    Compete with the best option that suite you with the detail

    Easily to Find nearby or spesific strategical place you want

    Simulate how you make the deal more efficient

    Paramount Paramount Paramount Paramount Paramount
    Paramount Paramount Paramount Paramount Paramount

    Brand Foundation

    The Paramount Realty logo embodies integrity and trust, the core principles of our brand. Designed with a strong, structured symbol, it features a pillar or shield to represent stability, reliability, and ethical business practices.

    ...transparency, honesty, and ethical.

    Inter typeface

    Also use this front in
    Website & Product design

    Font styles

    Light

    Regular

    Medium

    SemiBold

    Bold

    +2

    Aa

    AaBbCcDdEeFfGgHhIiJjKkLlMmNnOo
    PpQqRrSsTtUuVvWwXxYyZz


    0123456789 &@1

    UI Style in Mockup

    All Preview

    Its so grateful for your attention

    If you're ready to take your Real Estate to the next level, let’s connect!

    Simplifying the Complex with Combining Creativity, Business, and Extraordinary Vision

    Paramount Paramount Paramount Paramount Paramount
    Paramount Paramount Paramount Paramount Paramount

    Muhammad Al Mahdi

    My journey began as a Front-End Developer after earning my degree in IT, where I had the opportunity to explore the world of graphics and animation with my team. That passion naturally led me to UI design, and soon after, I immersed myself in UX. To deepen my expertise, I pursued a Master’s in Interaction Design, focusing on UX/UI—shaping the career I love today.

     / All right reserved @2025 / Crafted by MUHAMMAD AL MAHDI

     / All right reserved @2025

    Crafted by MUHAMMAD AL MAHDI

    Flux Pay

    Website

    & Mobile App

    OVERVIEW

    This case study explores how FluxPay helps users eliminate financial stress, optimize spending, and build smarter money habits effortlessly.

    Key Results

    03 NUMBER

    OVERVIEW FluxPay

    FluxPay is revolutionizing how people manage their money by leveraging AI-powered insights, automated budgeting, and proactive financial guidance.

    Financial Management

    OVERVIEW FluxPay

    FluxPay is revolutionizing how people manage their money by leveraging AI-powered insights, automated budgeting, and proactive financial guidance.

    The Problem (User Pain Points)

    Market Gap: Why existing solutions (banks, budgeting apps) don’t solve these problems effectively.

    What Users Struggle With:

    Difficulty tracking spending habits.

    Inconsistent saving patterns.

    Overdrafts and hidden fees.

    No AI-driven financial insights.

    OVERVIEW

    FluxPay is an AI-powered financial assistant that makes money management simple, smart, and stress-free.

    Vision of Fluxpay

    Your Money. Your Data. 100% Secure.

    We use bank-grade encryption, never sell your data, and keep your privacy our top priority.

    • 256-bit Encryption – Industry-standard security for your peace of mind.
    • No Hidden Fees – Transparent pricing, no surprises.
    • Private & Anonymous – Your data stays yours. Period.

      The Solution:

      How FluxPay Works:

      • AI-powered budgeting
      • Automated savings & spending alerts
      • Smart bill tracking & fee optimization

        Why It’s Different:
      • Personalization with AI
      • Zero effort savings
      • Secure and seamless bank integrations

      Success Metrics

      User Growth:

      0 +

      users in 6 months

      Engagement Rate

      0 %+

      weekly active users

      Savings Increase:

      $ 0

      /month effortlessly

      Average user saves

      Spending Optimization:

      0 %

      reduction in overdrafts & late fees

      Include testimonials or user stories for real-life proof.

      Results & Impact (Success Metrics)

      Reinforce FluxPay’s success and impact.

      "Interested in fintech innovation? Chat Me for Collaboration."

      PipelineHQ

      Saas & Marketing

      All about designing dashboard UI

      How PipelineHQ Empowered Teams to Close More Deals

      Sales teams often face challenges in managing leads, tracking deals, and ensuring timely follow-ups. PipelineHQ simplifies this process by providing an intuitive, automated CRM that streamlines workflows and enhances collaboration.

      With real-time insights, AI-driven recommendations, and seamless integration, teams can focus on high-value opportunities without the burden of manual data entry.

      Check out the journey

      Challenges Before PipelineHQ

      Features

      Challenges, Solutions, & Results

      PipelineHQ streamlined sales operations with automation, real-time insights, and AI-driven prioritization, enabling teams to close deals faster, collaborate better, and increase conversions.

      Challenges Before PipelineHQ​

      Many sales teams struggle with disorganized pipelines, slow follow-ups, and missed opportunities. Manual data entry, lack of real-time insights, and inefficient communication often lead to lost deals and reduced productivity.

      Solutions with PipelineHQ

      PipelineHQ provided a seamless, AI-powered CRM solution that optimized sales processes from lead generation to deal closure. With automated workflows, real-time analytics, and intuitive pipeline management, teams could track progress, prioritize high-value deals, and collaborate effortlessly.

      Results and Impact

      After implementing PipelineHQ, sales teams experienced:

      • 30% faster deal closures with automated follow-ups and smart lead prioritization.
      • Improved collaboration through real-time data sharing and task automation.
      • Higher conversion rates by leveraging predictive insights for better decision-making.
By streamlining operations and providing actionable intelligence, PipelineHQ empowered sales teams to close more deals efficiently and drive sustainable growth.

      PipelineHQ

      PipelineHQ

      Handheld-iPad-2

      PipeLineHQ

      Stay ahead with intelligent automation, Realtime data-powered insights, and seamless integrations—so you can focus on closing deals, not managing data.

      Showcase Landing Page

      The CRM That Works Smarter, Not Harder

      Component

      System

      200+

      Detailed Reusable Component

      and still dynamic to update

      Component in multiple platform​

      Responsive Landing Page

      Brand &

      style guide

      iPad Pro (Landscape)

      Instrument Serif

      and

      Inter typeface

      Also use this front in Website & Product design

      Font style

      Light

      Regular

      Medium

      Semi Bold

      Bold

      +2

      Aa

      AaBbCcDdEeFfGgHhIiJjKkLlMmNn
      OoPpQqRrSsTtUuVvWwXxYyZz

      0123456789 &@1

      Sky Blue

      #6CC0F6

      Bright Royal Blue

      #257AF0

      Teal Green

      #45AEA4

      Light Grayish Blue

      #45AEA4

      Foundation Style

      Responsive Mobile

      Frame 427320594
      Features section
      Features section1
      Quote section
      0 +

      5-star reviews

      We’re proud of our 5-star rating with over 200 reviews.

      By providing a smarter, more intuitive CRM solution, PipelineHQ empowered businesses to scale their sales efforts and achieve sustainable growth.

      Its so grateful for your attention

      If you're ready to take your CRM to the next level, let’s connect!

      Muhammad Al Mahdi

      My journey began as a Front-End Developer after earning my degree in IT, where I had the opportunity to explore the world of graphics and animation with my team. That passion naturally led me to UI design, and soon after, I immersed myself in UX. To deepen my expertise, I pursued a Master’s in Interaction Design, focusing on UX/UI—shaping the career I love today.

       / All right reserved @2025 / Crafted by MUHAMMAD AL MAHDI

       / All right reserved @2025

      Crafted by MUHAMMAD AL MAHDI

      Edwards Orton-Gillingham

      Literacy Education for All with Blending Board

      Client

      Development

      Industry/vertical

      Duration

      2 months

      Headquarters

      Results Overview

      after 6 Months Of Launch:

      Increased Sales Growth
      0 %
      Achieved User Satisfied
      0 %
      introduction introduction introduction introduction introduction introduction
      introduction introduction introduction introduction introduction introduction

      The sciences of reading for all

      Edward Orton-Gillingham (EOG) is an educational institution founded by Ann Edward. They focus on education and training to assist children, especially those experiencing language-based learning difficulties like dyslexia. They employ an effective educational method called "Orton-Gillingham," which incorporates sensory-based teaching (visual, auditory, and tactile). In addition to training for educators, parents, and educational professionals, EOG has also created an application called the "Blending Board." This application is a game that applies the Orton-Gillingham approach to help children learn to read and spell in a fun way. The application is specifically designed to aid children with language-based learning difficulties in achieving literacy success.

      CHALLENGES CHALLENGES CHALLENGES CHALLENGES CHALLENGES CHALLENGES
      CHALLENGES CHALLENGES CHALLENGES CHALLENGES CHALLENGES CHALLENGES

      Literacy issues in children with language-based learning difficulties.

      The issues identified by Edward Orton-Gillingham (EOG) that drove the creation of the Blending Board Game for children, especially those with dyslexia, are as follows:

       

      • Difficulty in Reading and Spelling
        Children with dyslexia often face challenges in reading and spelling words correctly due to their struggles in connecting sounds with specific letters.

      • Trouble Blending Sounds
        They frequently encounter difficulties in blending letter sounds into meaningful words.

      • Limitations of Traditional Methods
        Traditional learning methods are sometimes not effective enough for children with dyslexia to grasp and practice sound blending skills.

      • Lack of Interest and Motivation
        Some children lose interest and motivation in learning to read and write because of the difficulties they experience.

      • Decreased Self-Confidence
        Difficulties in reading and spelling also impact children’s self-confidence, making them hesitant to engage in literacy-related activities.

      GOALS GOALS GOALS GOALS GOALS GOALS
      GOALS GOALS GOALS GOALS GOALS GOALS

      The goals that Edward Orton-Gillingham (EOG) aims to achieve through the creation of the Blending Board application are as follows:

      READ more details in design diary

      solutions solutions solutions solutions solutions solutions
      solutions solutions solutions solutions solutions solutions

      Share Case Studies

      Let’s develop something awesome together.

      Recent Case Studies Recent Case Studies Recent Case Studies Recent Case Studies Recent Case Studies Recent Case Studies
      Recent Case Studies Recent Case Studies Recent Case Studies Recent Case Studies Recent Case Studies Recent Case Studies

      JBUXD

      Become a Design and Innovation agency for innovative solutions

      Client

      Jackson Beale

      Industry/vertical

      Digital Agency

      Duration

      2 months

      Headquarters

      Australia

      Key services

      UI Design, UX Design, Audit Design, Creative Design

      Results Overview

      after 6 Months Of Launch:

      Increased Brand Awareness
      0 %
      Increased Revenue
      0 %
      introduction introduction introduction introduction introduction introduction
      introduction introduction introduction introduction introduction introduction

      Innovative Consultant in Digital Product Design and User Experience

      Jbuxd is a design and innovation consultancy that helps organizations solve problems and create innovative digital products. They use frameworks such as Jobs To Be Done and Business Model Canvas to validate product-market fit and identify new opportunities. Their services include user experience design, product strategy, prototyping and testing, business model innovation, service testing, e-commerce solutions, user journey improvement, branding, quick decision sessions, problem mapping workshops and enhanced customer support. They offer workshops and collaborative design techniques to build empathy for users and quickly address their needs. Jbuxd assists clients in UI design, building, testing, and deploying solutions in a staging environment before rolling them out to real users. They also provide reporting and continuous improvement based on data analysis.

      CHALLENGES CHALLENGES CHALLENGES CHALLENGES CHALLENGES CHALLENGES
      CHALLENGES CHALLENGES CHALLENGES CHALLENGES CHALLENGES CHALLENGES

      Many organizations struggle with digital product innovation and design

      Jbuxd is here to address some of the problems organizations often face in digital product design and innovation. Some of the issues they have noticed and are looking to solve are:

      GOALS GOALS GOALS GOALS GOALS GOALS GOALS GOALS
      GOALS GOALS GOALS GOALS GOALS GOALS GOALS GOALS

      Jbuxd aims to be a reliable partner for organizations in facing the challenges of innovation, product design and business development in the dynamic digital era. Here is an explanation of the goal that Jbuxd wants to achieve:

      Ensure product conformity with the market to reduce the risk of products that are less desirable.

      01.

      READ more details in design diary

      solutions solutions solutions solutions solutions solutions solutions solutions
      solutions solutions solutions solutions solutions solutions solutions solutions

      "Our partnership with Muhammadisme transformed our online business. The redesigned platform not only impressed our customers but also increased our conversions by 20%. We are now better positioned to compete in the e-commerce market and deliver an exceptional shopping experience."

      Katie Hayes | SIXT PROJECT MANAGER

      Share Case Studies

      Let’s develop something awesome together.

      Quantum Fire Protection

      Safeguarding the Future from threatening fire

      Client

      Anthony (Intellego.com.au)

      Industry/vertical

      Safety and Security

      Duration

      2 months

      Headquarters

      Australia

      Key services

      UI/UX Design and Audit, Design, Development

      Results Overview

      after 2 Months Of Launch:

      Increased Sales Growth
      0 %
      Increased Brand Awareness
      0 %
      introduction introduction introduction introduction introduction introduction
      introduction introduction introduction introduction introduction introduction

      From Flames to Fortresses

      Quantum Fire Protection is a trusted specialist in fire protection services. They offer comprehensive fire management solutions, including inspections, testing, maintenance, and rectification works. With over 5 years of experience operation and over 20 years knowledge and expertise within the fire safety industry enables they to deliver a first class, cost effective service. They prioritize customer satisfaction and compliance with fire safety standards. Their dedicated team of professionals ensures the safety and protection of people and properties.

      CHALLENGES CHALLENGES CHALLENGES CHALLENGES CHALLENGES CHALLENGES
      CHALLENGES CHALLENGES CHALLENGES CHALLENGES CHALLENGES CHALLENGES

      Updates and value information failed to deliver

      The online presence of quantum fire protection for the first time did not always succeed in achieving their goal in time eternal. During the past period of doing business, now quantum fire protection has a number of challenges to solve so they update or redesign their website. The challenges they face are:

      GOALS GOALS GOALS GOALS GOALS GOALS
      GOALS GOALS GOALS GOALS GOALS GOALS

      By redesigning the website, Quantum Fire Protection hopes to provide a better experience for visitors, strengthen their position as a leader in the fire protection industry, and enhance the growth and success of their business. The following goals are to be achieved by quantum fire protection:

      Improve Branding and Corporate Image by reflecting a professional, innovative and trusted image as a provider of fire protection solutions.

      01.

      READ more details in design diary

      solutions solutions solutions solutions solutions solutions
      solutions solutions solutions solutions solutions solutions

      "Our partnership with Muhammadisme transformed our online business. The redesigned platform not only impressed our customers but also increased our conversions by 20%. We are now better positioned to compete in the e-commerce market and deliver an exceptional shopping experience."

      Katie Hayes | SIXT PROJECT MANAGER

      Share Case Studies

      Let’s develop something awesome together.