Render Logics

Design and code, from the same hand.

From brand identity to shipped product — I design the interface and build the code behind it, so nothing gets lost between the two.

Ziyab Najeeb

Senior Software Engineer · Visual Designer

ziyab image

Behind Render Logics

I'm Ziyab Najeeb, and I started my career in communication design — trained at Karachi School of Arts, then spent my early years working as a visualizer and UI/UX designer, shaping branding, layout, and interface work in Karachi and the UAE.

That shifted in 2012, when I moved into software engineering full-time. Over the 14+ years since, I've built deep expertise in React, Next.js, and TypeScript, along with extensive Salesforce Commerce Cloud (PWA Kit/SFRA/SiteGenesis) work — building storefront experiences and full-stack MERN applications for enterprise eCommerce clients.

Render Logics is where those two backgrounds meet — I still think like a designer first, then build the product behind it, using tools like Tailwind CSS, shadcn/ui, Photoshop, and Illustrator across the full process from concept to shipped code.

I focus on building frontend experiences that are fast, clear, and easy to use. I value efficient RESTful APIs, functional programming patterns, and design systems that help keep code consistent and maintainable. I'm also comfortable adapting to different technologies and project requirements.

14+
Years of Experience
7+
Client Projects Delivered
MERN
Full-Stack Capable

Services

Render Logics combines design and technology — pick one side or both.

Build

Digital

Interfaces and products, engineered to ship.

  • UI/UX Design
  • Website Design
  • Frontend Development
  • Responsive Web Design
  • eCommerce
  • Design Systems

Shape

Visual

Brand identity and visual design, built to last.

  • Logo Design
  • Brand Identity
  • Branding
  • Visual Design
  • Marketing Assets
  • Website Mockups

Skills & Expertise

Technologies and tools I use to build production-ready software.

React
Next.js
TypeScript
JavaScript
Tailwind CSS
React Bootstrap
Node.js
Express.js
MongoDB
Photoshop
Illustrator
SFCC - SFRA - PWA/Kit
Git
GSAP

Experience

Where I've worked and what I've built.

Karachi - Pakistan

Royal Cyber Inc. is a globally recognized award-winning technology partner that is helping companies imagine, execute, and accelerate their digital transformation journey for the past 20 years.

Acima — SFCC Dev | React Dev

React.js
Chakra UI
SFCC Composable Architecture
Tanstack Query
  • Developed UI components for key features such as authentication, dashboard, and payment pages.
  • Worked with a shared design system to maintain consistency across the application.
  • Implemented data fetching and state management using TanStack Query.
  • Built reusable custom hooks to simplify logic and improve code organization.
  • Integrated APIs and handled server-side rendering using shopper context.
  • Contributed to Page Designer-based components within the SFCC ecosystem.
  • Followed a modular approach to keep the codebase clean and maintainable.

Rent-A-Center — React Developer, Front-end Developer

React.js
Chakra UI
SFCC Composable Architecture
Tanstack Query
  • Developed and maintained UI components using React.js.
  • Implemented responsive layouts to ensure compatibility across devices.
  • Worked with Chakra UI for consistent styling and design.
  • Collaborated with the team to integrate frontend with existing SFCC composable architecture.
  • Assisted in improving user experience and interface performance.
  • Followed clean and modular coding practices for maintainability.

Bellacor — SFCC Dev | React Dev

Reactjs
Chakra UI
SFCC Composable Architecture
Tanstack Query
  • Developed the Bellacor storefront UI using React, HTML5, and modern JavaScript (ES6).
  • Styled and built reusable components with Tailwind CSS and Styled Components.
  • Consumed REST APIs using Axios and managed application state with Redux.
  • Organized the codebase into a clean, maintainable component structure.

White-Cap — React Dev

React.js
TypeScript
Tailwind CSS
Shadcn UI
GSAP
Optimizely
  • Developed the White-Cap project, focusing on dynamic image handling and interactive user experience.
  • Implemented animated markers on images, categorized to provide contextual information based on user interactions.
  • Utilized GSAP (GreenSock Animation Platform) to create smooth animations for the markers, enhancing visual appeal and engagement.
  • Employed React.js with TypeScript to ensure type safety and maintainable code structure.
  • Designed a responsive layout using Tailwind CSS and Shadcn UI, ensuring a seamless user experience across various devices.
  • Enabled image switching functionality, allowing users to easily toggle between images while corresponding markers update accordingly.

Brambleberry — SFCC Dev | Jquery Dev | Frontend

Salesforce SFRA
jQuery
JavaScript
HTML5
SCSS
Bootstrap 4
ISML
Webpack
  • Designed and developed various modules of eCommerce site using SFCC - SFRA Architecture, jQuery, JavaScript, HTML 5, SCSS, and Bootstrap4.
  • Implemented Google AVS 2.0, and implemented it as a reusable component so it can be used for other pages like the checkout page, account page.
  • Implemented Google reCaptcha, and made it useable for multiple instances.
  • Followed best functional JavaScript practices in writing code.
  • Handling jQuery tasks for a better viewing experience with mixing the ES6 with jQuery.
  • Worked on Home Page, Product, Cart, Checkout, Sort & Filter, Article, Mobile Navigation, and Quick View modules from scratch on ISML, SCSS and ClientSide.
  • Worked on Page Designer and created required pages on Page Designer.
  • Implemented Npm and Webpack setup for building and automating processes such as linting, and prod/dev environment. Working on ISML templating engine.
  • Node version upgrade from version 6 to version 14.

WinSupply Inc. – WinZone — Angular Dev

Angular
TypeScript
HTML5
Bootstrap
SCSS
  • Worked on UI development from scratch.
  • Developed UI using HTML5, Bootstrap (Flexgrid), and SCSS for responsive and visually appealing designs.
  • Implemented the frontend with Angular for building dynamic and scalable web applications.
  • Built and styled various components using Angular, TypeScript, SCSS, and Bootstrap.
  • Organized and maintained a clean component structure to ensure scalability and reusability.
  • Integrated REST APIs to fetch and display dynamic data seamlessly.
  • Optimized performance and usability by implementing lazy loading and modular design patterns.

Aramark — React Dev | Angular Dev | jQuery Dev | Frontend

Reactjs
Angular
TypeScript
HTML5
Bootstrap
CSS
SCSS
jQuery
IBM WebSphere Portal

Education System

  • Developed a responsive UI using HTML5, CSS, Bootstrap, and jQuery for patient-centric educational content.
  • Ensured cross-browser compatibility and accessibility standards for diverse users.

Supply Chain / Marketplace

  • Built interactive and scalable components using Angular, TypeScript, and Bootstrap.
  • Integrated dynamic data from APIs to support procurement workflows and enhance user experience.

Menu Builder

  • Designed and developed an intuitive interface using HTML5, CSS, and jQuery for menu planning and customization.
  • Focused on delivering seamless navigation and improved functionality for patients and staff.

Collaboration & Optimization

  • Worked closely with backend teams to integrate the IBM WebSphere Portal, ensuring robust and reliable application performance.
  • Followed best coding practices to deliver reusable, modular, and maintainable code across all modules.
Middle East - UAE

Xpertogo is a technology & digital company that is a curator, innovator and distributor of mobile apps. With a large regional audience reachable through a global network of mobile operator partners, Xpertogo provides B2C & B2B mobile application solutions to the general public, specifically in the Middle East region.

Xpertogo Branding — Senior Visulizer | UI-UX Developer

Adobe Photoshop
Adobe Illustrator
HTML
CSS
Javascript

Designed the Xpertogo logo, visiting cards, and letterhead; designed and developed the website and handled jQuery tasks.

Middle East - UAE

NAQQASH Concepts & Designs is a design studio practicing graphic design, interior design, and advertising. Naqqash takes on phenomenal jobs and executes them with thought-provoking, original ideas. Naqqash prefers consulting exclusive projects and clients only.

Cavalos - UAE Project — UI/UX Developer

HTML 5
CSS
Javascript

Proposed the Cavalos logo, designed website mockups, developed the UI from scratch, styled the web experience, and implemented scrolling, banners, and carousels.

OTC - UAE Project — UI/UX Developer

HTML 5
CSS
Javascript

Designed website mockups, developed the UI from scratch, styled the web experience, and implemented scrolling functionality and banners.

Karachi - Pakistan

PixSense is a worldwide provider of social networking that is integrated with the mobile lifestyle. PixSense’s solutions utilize innovative technologies to allow for Comprehensive Media Management, Integration into operators, Revenue streams for operators and Developer API access.

XL - Funbook App Project — Frontend Developer

HTML
CSS
Javascript

Designed app mockups, developed the UI, implemented CSS styling, and resolved bugs.

Telenor Norway Project — Frontend Developer

HTML
CSS
Javascript

Designed app mockups, developed the UI, implemented CSS styling, and resolved bugs.

Education

Academic background and formal training.

Bachelor of Commerce (B.Com)

University of Karachi

Certificate in Communication Design

Karachi School of Arts

Let's work together

Have a project in mind?

I'd love to hear about your ideas and help you bring them to life.

ziyabnajeeb@gmail.comKarachi, Pakistan

© 2026 Render Logics — Designed & developed by Ziyab Najeeb