Code as Structure
Python, C++, and web projects where state, rules, and feedback have to stay clear.
Computer Science + Design at UIC
I like making software feel clear, visual, and worth using.
I am Momen, a CS + Design student at UIC. I care about the space where code, layout, product thinking, and small interaction details meet.
Theme Lab
Studio Light
10
featured projects
C++ / Python
logic, data, games
Visual Design
systems, color, type
About Me
I move between code and design, and I like the overlap.
I like projects where the logic and the interface have to carry equal weight. I enjoy the puzzle of computer science, but I also care about the quieter parts of a product: hierarchy, pacing, accessibility, and whether the final thing feels comfortable for a real person to sit with.
My work has grown through class projects, design studies, client work, and products I am building on my own. Some days that means debugging a C++ program. Other days it means adjusting type until a poster finally has the right voice. Lately, it also means building tools that help people make better creative decisions without making the process feel colder.
Small note
I tend to notice the small things: whether a label is doing enough work, whether a layout makes someone pause, and whether the technical solution still feels clear once it reaches the screen.
Design as Clarity
Layouts, color, type, and interaction details that make ideas easier to read.
Research as Care
Projects that ask better questions about data, trust, and human impact.
Experience
Where I have been learning by making real things.
A mix of product work, client design, AI evaluation, and CS + Design study. The through-line is pretty simple: I like making complicated things easier to use.
FrameKind
Founder, Product Designer & Full-Stack DeveloperI am building an AI-powered design workspace from the early product questions through interface design, backend work, deployment, and the many rounds after that.
Amman Trucking Inc
UI/UX Designer & Product DeveloperI designed dashboard workflows for logistics teams, turning messy operational needs into prototypes, clearer navigation, and internal tools people could actually move through.
Outlier AI
Software EngineerI review AI-generated responses for quality, consistency, and user experience, with an eye for where the answer stops being useful to a real person.
Client Design Work
Graphic DesignerI create branding, UI mockups, social graphics, and promotional pieces while working closely with clients on taste, clarity, and revisions.
Computer Science
Projects where the logic has to explain itself.
Tools, data work, and interface experiments that helped me practice state, feedback, structure, and clearer user flows.
Personality Quiz
A quiz experience built around branching logic, readable feedback, and results that feel connected to the choices a person made.
Driver Settlement Platform
A secure internal dashboard for managing driver settlements, documents, payment tracking, and administrative logistics workflows.
AI Bias Quiz
A comparative quiz and research project that looks at how human and AI responses can reflect assumptions, framing, and bias.
Maternal Mortality Analysis
A C++ data project that looks at maternal mortality information and turns raw values into trends a reader can follow.
PosterForm
A poster-focused creative tool shaped around quick starts, visual experimentation, and a workflow that feels closer to making than filling out a form.
Design
Visual work that taught me how to look closer.
Color, typography, image-making, and composition studies that changed how I think about screens, not just posters.
Poster Work
Poster studies where I worked through hierarchy, type, image placement, and color relationships across bold compositions.
Generative Image Making
Image-making experiments that mix computational thinking with collage, photography, handmade marks, and layered composition.
Color Palette Studies
Color studies that explore harmony, proportion, palette extraction, and how small shifts can change the whole feeling of a piece.
Vector-based Design
Vector and Procreate work shaped for web details, interface moments, and clean graphic systems that can scale across uses.
Typography Studies
A growing set of type explorations focused on rhythm, contrast, readability, and the way letterforms change the tone of an interface or poster.
Founder + Product Builder
FrameKind
A live AI design workspace for critiques, brand context, portfolio reviews, and clearer creative decisions.
FrameKind helps designers, founders, and creative teams review visual work with more context. A user can analyze a screen or URL, get structured design feedback, explore tradeoffs with an AI coach, generate studio directions, and keep project notes, brand details, and reviews in one workspace.
What it is built to do
The product turns design feedback into something easier to act on: clear findings, practical next steps, brand-aware suggestions, and a workspace that keeps critique connected to the project instead of scattered across tabs.
Screen critique
Turn a screenshot or URL into useful design feedback.
FrameKind reviews hierarchy, clarity, accessibility, spacing, and visual direction, then explains what is working and what should change next.
InputScreenshot or live URL
OutputPrioritized findings + next steps
- Catch unclear hierarchy before a page ships.
- Explain why a design choice feels off.
- Turn critique into a practical revision plan.
Choose a use case to see what FrameKind helps with.
Contact
Let us make something thoughtful.
Have a question, opportunity, or half-formed idea? Send it over. I like early conversations.