Back to Projects
WebPrivateFeatured

Royam Drawing

Online face and portrait drawing academy with structured video courses, progressive exercises, one-on-one mentorship, a student work gallery, and integrated course checkout.

Royam Drawing is an online art academy built around recorded video lessons, guided practice, and mentor feedback. The platform pairs a course catalog and storefront with a teaching-methodology narrative and a gallery of student work.

Next.jsReactTypeScriptTailwindCSSE-commerce

Role

Full-Stack Web Developer

Timeline

Client Delivery

Delivery

Structured implementation across design, engineering, and release phases.

Challenge

  • Present a structured, multi-course learning catalog without overwhelming new students.
  • Combine educational content with a reliable course purchase and checkout flow.
  • Support a fully localized, right-to-left Persian experience across the site.

Solution

  • Built a modular Next.js site for courses, gallery, methodology, and blog sections.
  • Implemented a cart and checkout flow for selling individual courses.
  • Designed a clean, content-first layout that highlights sample artwork and pricing.

Architecture

  • Next.js and TypeScript front-end with reusable React components.
  • Tailwind-driven, responsive layout tuned for Persian, right-to-left content.
  • Commerce layer for course catalog, cart state, and checkout.

Outcomes

  • Delivered a live, production academy platform at royamdrawing.com.
  • Gave the instructor a self-serve channel to publish and sell courses.
  • Established a scalable structure for adding upcoming course offerings.

Next Steps

  • Add a richer student dashboard and progress tracking.
  • Expand the catalog with the announced sketching and painting courses.
  • Introduce deeper analytics around enrollment and conversion.

More Projects