Yuan Pu - Frontend Engineer | ContraWork by Yuan Pu

Yuan Pu

Yuan Pu

Web Developer | AI Automation & Custom Software

New to Contra

Yuan is ready for their next project!

Orem, USA

Work Services About

Orem, USA

Cover image for Qidian AI Delivery — Responsive

Qidian AI Delivery — Responsive Service Website Concept I created a Chinese-language website concept for a small web and AI services studio. The responsive page organizes six service categories, example project briefs, a four-step delivery process, and a contact form that prepares an email draft locally. Built with HTML, CSS, and JavaScript, with mobile layouts and basic SEO files. Role: Website designer & front-end developer. Independent demonstration project, not a commissioned client site. Contact details in the prototype are placeholders.

Cover image for Form Study — Responsive Product

Form Study — Responsive Product Page I designed and built an original responsive product-page concept with editable HTML and CSS. It includes custom CSS illustrations, product information, expandable details, section navigation, keyboard focus states, and reduced-motion support. Deliverables include source files and desktop (1440 px) and mobile (375 px) previews. Role: Front-end developer & responsive UI designer. Independent portfolio project; checkout and payment processing are outside its scope.

Cover image for Form & Found — Bilingual

Form & Found — Bilingual E-commerce Storefront I built a responsive storefront prototype with Traditional Chinese and English switching, reusable category and product layouts, quick-add feedback, and cart-state retention. The project also includes distinct category themes and an accessible support section. Built with editable HTML, CSS, and JavaScript. Role: Web developer & UI designer. Independent portfolio project, not a commissioned client store or live WooCommerce site.

Cover image for Asteron — Six-Page Responsive Business

Asteron — Six-Page Responsive Business Website I designed and developed a six-page website concept for a consulting brand. The project covers site structure, responsive layouts, navigation, services, selected work, insights, about, and contact pages, including a clear inquiry flow. Built with HTML, CSS, and JavaScript using reusable page patterns and maintainable source code. Role: Web developer & UI designer. Independent portfolio project, not commissioned client work.