Top of the page

Baruch Hashem, blessed is the name ב״ה

My work.

Design engineer.
Accessible UI.
AI-augmented development.

Senior software engineer at Dell Technologies building A/B experiments on customer and business storefronts. I led implementation of the online experience for Dell's embargoed XPS relaunch. XPS was covered by Reuters and Ars Technica and sold out in two countries. Before Dell, I spent fifteen years at Carnegie Mellon University, where I designed the templates and brand shared by hundreds of university sites and crafted web accessibility guidelines.

Dell Technologies Implementation Lead

The XPS Relaunch

Dell relaunched XPS laptops across multiple regions under embargo. An outside agency designed the campaign and built its concept on GSAP, an animation library our team had never used.

Rebuilding it in vanilla JavaScript and CSS would have been risky on a deadline, so I learned GSAP mid-development. The pages shipped on time and XPS sold out in two countries. Reuters, Ars Technica, and other national tech outlets covered XPS.

The XPS Relaunch

Opening screen of the XPS launch page. The XPS mark and the line Everything you imagined, crafted for you, beside an open laptop showing a twist of magenta and blue light.
Opening The launch page on desktop and mobile.
Measurement screen. The thickness of the laptop set in outsized gray numerals at the center of the page, over the closed edge of the machine.
Thinness The launch page on desktop and mobile.
Battery screen. The runtime figure set in outsized green numerals over a pale ring, with the top edge of a laptop rising into the frame.
Battery The launch page on desktop and mobile.
Closing screen. Two laptops crossed into an X against pale blue, one titled Crafted to Last and the other Built to Perform.
Closing The launch page on desktop and mobile.
Desktop video The launch page on desktop and mobile.
Phone video The launch page on desktop and mobile.
The launch page on desktop and mobile.

Carnegie Mellon University Web Design and Frontend

Fifteen Years of cmu.edu

Carnegie Mellon hired me as the only web designer on its marketing team. The rest of the marketing team, from developers to videographers, shaped the work with me. The HTML, CSS, presentational JavaScript, and SVG animations came from me, along with accessibility and performance tuning.

For the last homepage I designed, I brought the wordmark square to the web: CMU's iconic wordmark stacked inside a red square, pinned to the top-left corner of the screen. My early designs let it weave above and behind page elements as you scrolled. Leadership kept the square and its fixed corner perch but decided to cut the z-index cuteness.

CMU has since redone its homepage. But many departmental sites across the university still display my designs and code, a legacy for my alma mater.

Fifteen Years of cmu.edu

The 2019 opening picture at full width. The red wordmark square holds the top left corner over a photograph of the pipe band on the lawn, tartan kilts against low sun.
Hero A walk through the 2019 redesign beside the design it replaced.
cmu.edu in 2019. The wordmark now stacked inside a red square pinned to the top left corner, over a photograph of a student, with a gray card of spotlight text beside her.
2019 A walk through the 2019 redesign beside the design it replaced.
cmu.edu in 2016. A lighter bar of menus over a wide photograph of researchers at a poker table, with an arrow at each edge of the picture for the next story.
2016 A walk through the 2019 redesign beside the design it replaced.
cmu.edu in 2015. The wordmark in red script above a dark tab bar, over a photograph of the new provost, with a headline card resting on the picture.
2015 A walk through the 2019 redesign beside the design it replaced.
Video A walk through the 2019 redesign beside the design it replaced.
A walk through the 2019 redesign beside the design it replaced.

Dell Technologies Senior Software Engineer

Experiments on International Storefronts

Dell runs A/B experiments on B2B and B2C storefronts across regions including Japan, Europe, South America, and Canada. Dell.com sells to everyday customers and in a business portal. I build for both, and page performance really matters.

A variant starts with Figma designs, specs, or light documentation plus a hefty list of custom metrics. Sometimes important details hide until development, which requires consultations with product teams to clarify requirements and address oversights. Defensive coding reigns: wait for control to load certain elements or APIs, prefer CSS over JavaScript, trim every millisecond.

Winning variants end abruptly and rush to production.

Experiments on International Storefronts

Dell's Japanese storefront. Summer sale headline set in Japanese beside a laptop and a tower on a blue ground, a carousel counter and a play control at the lower right, over a dark row of product categories.
Dell sells in many regions and languages on both storefronts.
Dell sells in many regions and languages on both storefronts.

Carnegie Mellon University Templates, Authoring, Brand Standards

University Design System

Carnegie Mellon staff and faculty have hundreds of websites: colleges, departments, research centers, admissions campaigns, each with unique authors and initiatives. I architected the CMS templates, authoring tools, and brand standards those sites shared.

Our team ran Agile, with a shared backlog of feature requests from CMS users across campus. We organized and ranked the backlog together, and I turned those requests into new template, design, authoring, and functionality solutions. Responsive layout and brand-aligned type and color. And accessible.

Back then, the term "design system" was just gaining popularity, but that's what it was: a set of components and rules, governed from one place, adopted across hundreds of sites.

University Design System

Diagonal bands of the university palette, running from deep red, red, coral, and gold through cream and grays into blues, teal, and dark green, behind a white panel that reads 4.5:1.
Palette The brand palette, measured against the 4.5:1 contrast ratio for text.
The cmu.edu News page at desktop width. The red wordmark bar, a row of four section tabs, and the heading Latest Stories over a grid of three story cards: yellow flowers before a brick hall, a gray-haired man before bookshelves, and a man in a tweed jacket before white columns.
News The newsroom front page at desktop width, section tabs over the latest stories.
The News page at phone width. The wordmark bar with a menu icon, the heading Latest Stories, and the first story card with a photograph of yellow flowers before a brick hall, a headline, and a date.
News, phone The same front page at phone width, one story to a row.
The More Resources band on the News page. A red card headed Work That Matters, a white card for The Conversation, and a white card for the university experts, each with an outlined button. Below them, the headings In the News, Podcasts, and Social Media.
Resources Resource modules on a gray band below the stories.
The More Resources band at phone width. The modules stack in one column, each with an outlined button.
Resources, phone The same modules stacked at phone width.
The lower News page at desktop width. A list of four headlines from outside outlets, each with a date, beside a red podcast card and a column of social photographs.
In the news Outside coverage, a podcast, and the social feed.
The lower News page at phone width. Four headlines with dates, each an outside link, then the heading Podcasts over a red podcast card.
In the news, phone The same three columns, now one under another.
The University Communications & Marketing home page at desktop width. A translucent title bar with four section links sits over a wide aerial photograph of the campus at dusk. Intro text begins below, with a CMU Brand menu on the right.
Communications The communications office home page at desktop width.
The University Communications & Marketing page at phone width. The title in large type, then a photograph of the campus at dusk with the line Capturing Excellence. Conveying Impact. across it, then the first lines of the intro.
Communications, phone The same page at phone width, with the title set large.
A dark gray band on the communications page at desktop width. Three columns headed Our Purpose, Our People, and Our Places, each with a short paragraph, and the first two with an outlined button.
Three columns A dark band of three short pitches, each with an outlined button.
The dark gray band at phone width. Our Purpose, Our People, and Our Places stack in one column, with a full-width outlined button after the first two.
Three columns, phone The same band, stacked.
The University News heading over three story cards at desktop width. Each has a photograph, a date, a red headline, and a short summary.
University news Story cards from the newsroom, with dates and summaries.
The University News section at phone width, with the story cards in a single column.
University news, phone The same cards in a single column.
A news story at desktop width. The News header and section tabs, a breadcrumb trail that ends in the story title, and a full-width photograph of a landscaped campus courtyard under a wooden canopy.
Feature story A feature story at desktop width, with breadcrumbs above a full-width picture.
The story at phone width. The News heading, a link back to the month, and an edge-to-edge rendering of a campus courtyard with a caption under it.
Feature story, phone The same story at phone width, with the picture edge to edge.
The story body at desktop width. Three italic summary bullets and the opening paragraph beside a black sidebar tile with the Carnegie Mellon University Miami wordmark, a button, and an Additional Resources list. An embedded video player begins below the paragraph.
Summary Summary bullets and a sidebar with a video below the opening paragraph.
The story body at phone width. Three italic summary bullets, a rule, and the opening paragraph with red underlined links.
Summary, phone The same summary at phone width.
Two About sections at desktop width, About Carnegie Mellon University and About Ken Griffin and Griffin Catalyst, set in a single readable column.
Boilerplate The long text at a readable line length.
The About sections at phone width, set in a single column with generous line spacing.
Boilerplate, phone The same text at phone width.
A red band headed Related Content over two large story cards at desktop width, one with a portrait of a man in a suit before a city skyline, and one with students at tables beside a wall of windows. More cards begin below.
Related Related stories under a red band.
The Related Content band at phone width, with a story card to each row.
Related, phone The same cards, one to a row.
A research news story at desktop width. The News header and section tabs, a breadcrumb trail ending in the story title, and a wide portrait of a man in a tweed jacket before white columns.
Research story A second story, with the same header and breadcrumbs.
The research story at phone width. The News heading, a link back to the month, a tall portrait of a man in a tweed jacket, and a caption under it.
Research story, phone The same story at phone width.
The article body at desktop width. Paragraphs of text above a portrait of a gray-haired man seated at a desk, floated left with a caption, and text wrapped on its right.
Article Body text with a portrait floated to the left.
The article body at phone width, set in a single column.
Article, phone The same article at phone width.
A red Related Content band over three story cards at desktop width: a field of stars, a long laboratory hall, and an aerial view of terrain. Below them, a gray strip of two links and a dark footer with an address and social icons.
Related and footer Related stories, then the footer with links and social icons.
The Related Content band at phone width, with a story card to each row.
Related and footer, phone The same cards and footer at phone width.
Pages on cmu.edu at desktop and phone width.

Dell Technologies AI-Augmented Development

The AI Code Review Workspace

Our team's code-review skill suite ran in the IDE and gave inconsistent results. It suggested bad fixes because it did not understand how our team or code worked. I reworked the suite into a shared, accessibility-aware agentic workspace. My edits and optimization improved context and cut token usage. Nearly a dozen engineers now use it, with plans for CI/CD integration. What had run as a local skill now runs as a collaborative tool.

Carnegie Mellon University Technical Evaluation

Why the CMS Had to Change

Cascade CMS pushed static files, and we could not serve departments that needed dynamic pages or advanced automation. Marketing and IT evaluated many CMS vendors and landed on two finalists. Another developer from the marketing team and I audited both by hand. Our assessments informed CMU's move to Drupal.

Dell Technologies Co-chair

Experience Design Summit

Dell's Experience Design Summit united design colleagues from across the organization in a global, livestreamed event. I worked on it annually in different capacities. I served as co-chair for the most recent one, which drew 500+ attendees and 50+ speakers from teams across the globe.

Chairs plan the sessions, work with speakers and panelists, build the summit website, and handle whatever else the day throws at them. One session started with me backstage, checking that every speaker was ready. Lots of communication, often chaotic.

Carnegie Mellon University Migration Planning and Adoption

Moving 250 Sites

About 250 sites outgrew their design and authoring experience. We moved them to a new design I created, which included an extensive phase of planning and testing with multiple teams across the university. I partnered with a full-stack developer to map old fields to new ones, preserving design and data integrity. Every site had different owners with different deadlines and priorities, so we coordinated rolling launches over many months, backed by extensive visual regression testing. All the sites moved to the new design with no data loss.

Dell Technologies Co-inventor

Patent Pending

Anybody who has hunted through a media library knows the problem. Thousands of unorganized audio and video files, and the one you need is in there somewhere but impossible to find. I co-invented a media file retrieval method and AI-driven UX workflow solution. Dell filed a U.S. patent application, pending.

I keep up with changing tech and ideate with like-minded engineers. At Dell, many of my ideas have gone to the patent committee, and one went to the lawyers. I work beside smart people, some inventors, a huge blessing.

Dell and Carnegie Mellon Standards Author, Practice Lead

Accessibility Standards and Practice

At Dell, I wrote my team's accessibility process for experimentation, adapted from Dell's guidelines. I created a novel rule: a variant should never fix an inaccessible control unless accessibility is what the test measures. Results reflect the design change alone. This prevents false positives and protects test data.

A university website cannot exclude any visitor. At Carnegie Mellon, I wrote the web accessibility standards, built on research, an accessibility audit, and conference learnings. They still live on CMU's site today. The Office of Accessibility and I ran workshops together; they showed staff what screen reader navigation feels like, and I presented and explained the guidelines.

Accessibility Standards and Practice

The Accessibility page on CMU's web branding site. Body text setting out the WCAG level the university holds itself to, a red panel of helpful links beside it, over the start of the Digital Accessibility Policy.
The standards I wrote, still published on CMU's web branding site.
The standards I wrote, still published on CMU's web branding site.

Manifest Ministries Creative Director, Board Member

Nonprofit Book Design

I am creative director for Manifest Ministries, the nonprofit teaching ministry of Reverend W. Joseph Stump, and I sit on its board. I design books, marketing assets, signage, and the website.

I devised the brand guidelines, color scheme, and typographic style. For ease, shareability, and editability, I lay each book out in Google Docs. The manuscripts arrive as Word documents formatted with little consistency, so I built my own Claude skill that turns them into clean Markdown, ready to import into Google Docs. It saves hours: I can run it on a few Word documents and send Reverend Stump a designed draft in less than an hour. I have produced three books so far, with more underway. I photographed the two most recent covers.

Nonprofit Book Design

A page from a Manifest Ministries book, photographed open. The chapter title A Faith for Revival set in a display serif over its subtitle, with the opening scripture indented under it.
Book A chapter opening, set by hand in Google Docs; photo of the printed page.
The Books page at desktop width. Three book covers in a row: a sunflower for Soak in the Son: Prayer, a garden trowel on painted color for Good Soil: Knowing God, and a figure on a mountain ridge for A Faith That Pleases God, each over a short description and a button.
Covers The three books on the ministry website.
The opening screen of the Manifest Ministries website. The circled mm monogram at the left and a menu icon at the right, over the headline Need more Word? Fuller commitment? Deeper walk? on a warm cream ground.
Website The opening screen of the website.
Two printed cards on a wooden table. On the left, a cream card with a portrait of a smiling man in glasses, the script wordmark, and a block of blurred text. On the right, a deep purple card that asks Hungry for more Word? Fuller commitment? Deeper walk?
Handouts Two printed handouts: a bio card and a question card.
Four small printed pieces on a wooden table: a card with the script wordmark and web address, a card with the circled mm monogram beside the line Prepare for Christ's ultimate manifestation, a narrow card with the same line over the web address, and a business card with the wordmark along the foot.
Cards The wordmark, the monogram, and the tagline, printed small.
Two white standing banners in a living room. The left banner repeats the script wordmark in rows around the circled mm monogram and the web address. The right banner carries the monogram at the top, the line Prepare for Christ's ultimate manifestation in a serif, the web address, and the wordmark along a curved rule at the foot.
Banners Two standing banners, one a field of wordmarks and one the tagline.
Books, print pieces, banners, and the website.