Independent creative developer & designer

    I build thoughtful
    web experiences
    for ambitious ideas.

    I’m Nawal - I bring design and engineering together to make the web feel clearer, faster, and more human.

    Open to collaborations · Exploring React and Vue.js

    Selected work

    A few things
    I’ve made.

    Digital products and visual systems, designed with care and built to work in the real world.

    Screenshot of the Smart Brains BPO corporate website
    Web apps01

    Smart Brains BPO

    A redesigned corporate website for Smart Brains BPO, featuring a modern visual identity, responsive layouts, and dedicated service sections for its business solutions.

    ReactJavaScriptHTML5
    Screenshot of the Galax AI interactive 3D avatar experience
    3D & creative02

    Galax AI

    An interactive AI-powered 3D avatar experience featuring real-time voice interaction, synchronized lip movements, and immersive Three.js particle effects.

    Three.jsJavaScriptWebGL
    Screenshot of the AstraCRM enterprise dashboard
    Web apps03

    AstraCRM

    A production-style enterprise CRM dashboard built with Angular, with interactive analytics, drag-and-drop Kanban workflows, and AI-inspired interfaces.

    AngularTypeScriptAngular Material
    Screenshot of the HNMS learning management interface
    Web apps04

    HNMS Learning Management

    A learning management module built at Teresol, with a student dashboard and a distinctive visual direction.

    Vue.jsXStateMySQL
    Screenshot of the Transcripto audio transcription product
    Web apps05

    Transcripto

    A full-stack transcription product combining a Vue 3 interface with a Flask API and OpenAI Whisper.

    Vue.jsPythonFlask
    TruthRay project cover
    AI & ML06

    TruthRay

    A machine-learning research project that classifies news credibility using the LIAR dataset.

    PythonScikit-learnNLP
    Screenshot of the KineticCanvas 3D portfolio
    3D & creative07

    KineticCanvas

    A premium interactive portfolio showcasing modern web experiences through real-time 3D graphics and cinematic animations.

    Base44Three.jsWebGL
    Screenshot of the VOIDRUNNER space flyer game
    3D & creative08

    VOIDRUNNER

    An original browser-based endless space flyer powered by Three.js and WebGL.

    Three.jsWebGLJavaScript
    Screenshot of the Car Sticker Customizer 3D tool
    3D & creative09

    Car Sticker Customizer

    An interactive 3D design tool for creating and previewing custom car stickers in real time.

    Three.jsJavaScriptWebGL
    Screenshot of the Galax 3D particle galaxy
    3D & creative10

    Galax

    A visually immersive 3D particle system that simulates galactic motion with layered blue particles and a glowing yellow core.

    Three.jsJavaScriptWebGL
    Loopin mobile app design concept
    UI/UX design11

    Loopin

    A minimal social app concept designed during a UI/UX internship at DevelopersHub.

    FigmaUser researchWireframing
    SkyWings landing page design
    UI/UX design12

    SkyWings

    A fully responsive, animated landing page designed in Figma.

    FigmaAuto LayoutLanding Pages
    GameGrid gaming e-commerce app design
    UI/UX design13

    GameGrid

    A futuristic e-commerce app concept for gamers, designed during the Google UX Design Certificate program.

    FigmaUX DesignWireframing
    Bamio coffee brand identity and packaging mockups
    Brand identity14

    Bamio

    A modern coffee brand identity designed to deliver bold, memorable experiences.

    Adobe IllustratorLogo DesignPackaging Design
    Tynex SaaS brand identity mockups
    Brand identity15

    Tynex

    A conceptual SaaS brand identity focused on intelligence, performance, and scalability.

    Adobe IllustratorLogo DesignColor Strategy
    Velio fashion brand identity and clothing tag mockups
    Brand identity16

    Velio

    A contemporary fashion brand identity centered on confidence, individuality, and bold self-expression.

    Adobe IllustratorLogo DesignTypography
    Screenshot of the Assistly support chatbot interface
    AI & ML17

    Assistly

    An AI-powered customer support chatbot with a clean interface and fast semantic search, built as an Upwork project.

    PythonGradioScikit-learn
    RoboLeMans LEGO Technic car with Raspberry Pi controls
    AI & ML18

    RoboLeMans

    A real-time AI and sensor-driven control system for a LEGO Technic Le Mans car.

    PythonRaspberry PiMachine Learning
    EchoChamber TCP chat server running in a terminal
    Embedded & networking19

    EchoChamber

    A multi-threaded TCP chat server written in C, running on Linux.

    CTCPLinux
    NetSpan multi-building network topology
    Embedded & networking20

    NetSpan

    A scalable multi-building office network designed with subnetting, TCP/IP, and dynamic routing.

    Packet TracerTCP/IPSubnetting
    CampusConnect university network topology
    Embedded & networking21

    CampusConnect

    A scalable university network using Class C subnetting, VLANs, and OSPF routing.

    Packet TracerVLANOSPF
    OfficeX Arduino office automation prototype
    Embedded & networking22

    OfficeX

    An Arduino Uno based office automation system with smart appliance control, Bluetooth connectivity, and environment monitoring.

    ArduinoArduino IDEProteus
    ArduTetris running on an Arduino with an OLED display
    Embedded & networking23

    ArduTetris

    A classic Tetris game on Arduino with an OLED display, responsive controls, and real-time sound feedback.

    ArduinoOLED DisplayEmbedded Systems

    More work, prototypes, and experiments are available on request.

    Portrait of Nawal

    A little about me

    Curious by nature.
    Builder by choice.

    I’m Nawal, a creative developer and designer with a Computer Engineering background.

    I enjoy making useful, intuitive digital experiences — from the first sketch to the last interaction.

    My work spans React, Vue.js, product thinking, and thoughtful interface design.

    I value clarity, curiosity, and the small details that make a product feel considered.

    How I work

    From first thought to final handoff

    How I work.

    A collaborative process that keeps the goal in focus and makes space for good ideas.

    01

    Discover

    Get close to the problem, the people, and what success means.

    02

    Design

    Explore the structure and visual direction before we build.

    03

    Build

    Turn the strongest idea into a polished, responsive product.

    04

    Ship

    Test the details, launch with confidence, and keep improving.

    Tools of the trade

    A flexible toolkit
    for good work.

    I choose tools to fit the problem - keeping the experience fast, accessible, and easy to maintain.

    ReactVue.jsTypeScriptJavaScriptFigmaUI/UXHTML & CSSTailwind CSSNode.jsPython

    My Certifications

    Credentials that validate my skills in design, development, and applied AI.

    Google UX Design

    Google / Coursera
    17-Jan-2025
    Professional Certificate

    Build Dynamic User Interfaces (UI) for Websites

    Google / Coursera
    15-Jan-2025
    Responsive Web Design, User Interface (UI) Design, Dynamic UI Design, Interaction Design

    Create High-Fidelity Designs and Prototypes in Figma

    Google / Coursera
    03-Aug-2024
    Figma, High-Fidelity Prototyping, UI Design, User Interface (UI) Design

    Conduct UX Research and Test Early Concepts

    Google / Coursera
    30-Jul-2024
    UX Research, Usability Testing, User Testing, Research Planning, Research Methods

    Build Wireframes and Low-Fidelity Prototypes

    Google / Coursera
    27-Jul-2024
    Wireframing, Low-Fidelity Prototyping, User Flows, Information Architecture

    Start the Generative AI Journey with Google AI Essentials

    Google / Coursera
    20-Jul-2024
    User Research, Empathy, Empathy Mapping, User Interviews, User Personas

    Google AI Essentials

    Google / Coursera
    19-Jul-2024
    Generative AI, Prompt Engineering, AI-Assisted Research, Responsible AI

    Foundation of User Experience (UX) Design

    Google / Coursera
    17-Jul-2024
    User Experience (UX) Design, User-Centered Design (UCD), Design Thinking

    Data Science & Analytics

    HP / HP LIFE
    16-Aug-2024
    Data Visualization, Dashboard Creation, Data Analysis, Data-Driven Decision Making

    Introduction to Cybersecurity Awareness

    HP / HP LIFE
    16-Aug-2024
    Cybersecurity Awareness, Cybersecurity Fundamentals, Information Security

    Becoming a Digital Imaging Professional

    EC Council
    22-Jan-2024
    Professional Certificate

    The Complete Full-Stack JavaScript Course

    EC Council
    22-Jan-2024
    JavaScript (ES6+), Full-Stack Web Development, Front-End Development, Back-End Development

    Databases with Python MySQL, SQLite & MongoDB with Python

    EC Council
    19-Jan-2024
    Python, SQL, MySQL, SQLite, MongoDB, Database Management

    Hands-on SQL for Data Science

    EC Council
    19-Jan-2024
    SQL, SQL for Data Science, Data Analysis, Data Querying, Relational Databases

    The SQL Programming Essentials Immersive Training

    EC Council
    18-Jan-2024
    SQL, Database Management, Data Analysis, Query Optimization

    HTML, CSS, and JavaScript for Beginners - Web Design Course

    EC Council
    18-Jan-2024
    HTML, CSS, JavaScript (ES6), Web Development, Responsive Web Design

    Create a Mockup in Figma

    Coursera
    18-Jan-2024
    Figma, UI/UX Design, Prototyping, Design Systems

    HTML5 & CSS3 Complete Course Build Websites Like a Pro

    EC Council
    16-Jan-2024
    HTML5, CSS3, Web Development, Front-End Development

    Honors & Awards

    Milestones that highlight performance, creativity, and impact.

    Sales Executive Award

    Smart Brains BPO
    Mar 2025

    In just 5 months, I had the honor of receiving the Sales Executive Award, something many work toward for over a year. This achievement means a lot, not just as a milestone, but as a reminder of what focused effort and belief can accomplish. I’ve always believed in setting a standard where others can do the job, but not in the same way. That difference is built through discipline, mindset, and the drive to keep improving every single day.

    Certificate of Participation - Research Paper Presentation

    C-CODE
    Oct 2025

    Presented the research paper "TruthRay: Shedding Neural Light on Digital Disinformation Using Machine Learning" at 4th International Conference on Communication, Computing & Digital Systems, demonstrating research skills in machine learning, artificial intelligence, and digital misinformation analysis.

    State Secretary - FETEX 24

    International Islamic University, Islamabad
    Dec 2024

    Served as State Secretary at FETEX 24, contributing to event coordination, communication, team management, planning, and organizational activities.

    PCB Designing with Autodesk Fusion 360

    International Islamic University, Islamabad
    Nov 2023

    Received a Certificate of Appreciation for completing/participating in PCB Designing with Autodesk Fusion 360, demonstrating knowledge of PCB design concepts, schematic development, circuit layout, PCB routing, and 3D PCB modeling using Autodesk Fusion 360.

    Arduino Interfacing Workshop

    International Islamic University, Islamabad
    Nov 2023

    Received a Certificate of Appreciation for participating in the Arduino Interfacing Workshop, gaining practical exposure to Arduino programming, microcontroller interfacing, electronic components, sensors, and basic embedded systems concepts.

    Research Papers

    Research-driven work focused on AI applications, software systems, and network design.

    TruthRay: Shedding Neural Light on Digital Disinformation

    A machine learning approach for fake news detection using multi-class credibility scoring and NLP features.

    Undergraduate Research Project
    2025
    Read Paper

    Have a good one in mind?

    Let’s make
    it happen.

    Tell me what you’re working on. I’m open to freelance projects, collaborations, and the right full-time opportunity.

    nawalali924m@gmail.com
    Available for freelance

    Start a conversation