Rafik is available for hire
Hire RafikRafik Martirosian
Verified Expert in Engineering
UI Developer
Yerevan, Armenia
Toptal member since January 2, 2017
Bio
Rafik has been working as a web developer for 13 years and has improved his skills with every project. He strives to bring the best quality to his clients. For him, keeping everything organized and clean while working on a project is crucial. Rafik looks forward to the excitement of new challenges that come from working with Toptal's clients.
Portfolio
Synthflow AI
React Flow, TypeScript, LiveKit, Tailwind CSS, React, Performance Optimization...
ClickFunnels
React, TypeScript, JavaScript, HTML, CSS, UI Components, Tailwind CSS...
ISM
JavaScript, jQuery, Gulp, CSS3, HTML5, Liquid, CSS3 Animation...
Experience
- JavaScript - 11 years
- UI Development - 11 years
- Front-end Development - 11 years
- React - 6 years
- TypeScript - 6 years
- Tailwind CSS - 4 years
- React Flow - 2 years
- Three.js - 1 year
Work Experience
Senior Front-end Developer
2024 - 2026
Synthflow AI
- Designed and built a node-based workflow builder for AI agent configuration, enabling users to visually construct interaction flows with API integrations, appointment booking, and dynamic data collection.
- Developed a customizable web widget for real-time AI voice interactions using LiveKit, featuring audio visualizers and webview integration.
- Managed the migration of a legacy Bubble.io application to a React/TypeScript admin dashboard.
Technologies: React Flow, TypeScript, LiveKit, Tailwind CSS, React, Performance Optimization, Framer Motion, Sentry, Three.js, Next.js, REST APIs, Dynamic Websites, Accessibility, Multilingual Websites, Web Accessibility, Web Content Accessibility Guidelines (WCAG)
Front-end Developer (via Toptal)
2018 - 2024
ClickFunnels
- Worked on a key ClickFunnels tool, drag-and-drop website editor, creating components for easy customization. Boosted user design flexibility with dynamic adjustments in styling, spacing, sizing, etc., from headlines to complex checkout components.
- Developed and upheld settings for diverse components in the ClickFunnels 2.0 editor, including font-family picker, color picker, shadow configuration, animation builder, and many more, enhancing customization options for users.
- Updated the UI library for ClickFunnels, incorporating Semantic UI elements and Ruby on Rails partials, boosting app development agility and component reusability.
- Transformed the email template builder's UI, enhancing user experience and design flexibility.
- Modernized the UIs of ClickFunnels Classic and ClickFunnels 2.0, significantly improving user interface aesthetics and functionality.
Technologies: React, TypeScript, JavaScript, HTML, CSS, UI Components, Tailwind CSS, CSS3 Animation, HTML5, CSS3, Semantic UI, Figma, Front-end Development, Front-end, Responsive Web Design (RWD), Ruby on Rails (RoR), Component Libraries, Material UI, CSS Animations, Responsive UX Design, Responsive, Vanilla JS, Node.js, Performance Optimization, Vue 3, REST APIs, Dynamic Websites, Accessibility, Multilingual Websites, Web Accessibility, Web Content Accessibility Guidelines (WCAG)
Front-end and Shopify Developer
2017 - 2018
ISM
- Edited an existing Shopify theme according to new designs.
- Created new layout components for the Shopify theme.
- Created a blog website for ISM using React and WordPress.
Technologies: JavaScript, jQuery, Gulp, CSS3, HTML5, Liquid, CSS3 Animation, User Experience (UX), Front-end Development, Front-end, Responsive Web Design (RWD), CSS Animations, Responsive UX Design, Responsive, Vanilla JS, Performance Optimization, Dynamic Websites, Accessibility, Multilingual Websites
Front-end Developer (via Toptal)
2017 - 2017
Beessip, LLC (via Toptal)
- Created various responsive components and page templates for a website that runs on Django.
- Implemented validation for forms on the client side.
- Created an animated carousel with image and video slides with options such as autoplay, controls, etc.
- Set up a local environment using Django, Python, npm, PostgreSQL, and Elasticsearch.
- Tested the website for different web browsers to be sure it was working properly on all of them.
Technologies: Jira, Bitbucket, Git, Gulp, jQuery, JavaScript, SCSS, HTML, Django, CSS3 Animation, HTML5, CSS3, Front-end Development, Front-end, Responsive Web Design (RWD), CSS Animations, Responsive, Vanilla JS, Performance Optimization, Accessibility
Front-end Developer (via Toptal)
2017 - 2017
GridCell (via Toptal)
- Edited an existing Bootstrap theme according to the client's needs.
- Created new pages and new components for the theme.
- Optimized website performance for Google PageSpeed test.
Technologies: Bootstrap, jQuery, JavaScript, CSS, HTML, CSS3 Animation, HTML5, CSS3, Front-end Development, Front-end, Responsive, Vanilla JS, Performance Optimization, Dynamic Websites
Front-end Developer (via Toptal)
2017 - 2017
SugarSnap (via Toptal)
- Designed and built a comprehensive website for healthcare courses, including all pages as per the design files.
- Developed all front-end logic using JavaScript for sliders, accordions, headers, and other functional components on the website.
- Created a component-based HTML and SCSS structure.
- Set up a local environment using gulp, an open-source JavaScript toolkit, to handle all necessary tasks for the project.
Technologies: Gulp, jQuery, JavaScript, Material Design, Bootstrap, SCSS, HTML, CSS3 Animation, HTML5, CSS3, User Experience (UX), Front-end Development, Front-end, Material UI, Responsive, Vanilla JS, Performance Optimization
Front-end Developer (via Toptal)
2017 - 2017
Beessip, LLC (via Toptal)
- Created website components using HTML, SCSS, Bootstrap, and JavaScript.
- Developed web pages that are responsive and compatible across different browsers.
- Developed contact form validation using JavaScript.
Technologies: Django, jQuery, JavaScript, Bootstrap, SCSS, HTML, CSS3 Animation, Pixel Perfect, HTML5, CSS3, UI Animation, Front-end Development, Front-end, Responsive Web Design (RWD), CSS Animations, Responsive, Vanilla JS, Web Animation, Performance Optimization
Lead Front-end Developer
2016 - 2016
Vardanyan Design
- Was part of a team developing and maintaining a large pixel-perfect design system for a large project.
- Developed front-end parts of various responsive and adaptive websites based on the design.
- Implemented custom themes and templates on Django, WordPress, and Shopify platforms.
Technologies: Twig, Composer, JavaScript, Gulp, jQuery, Bootstrap, CSS3, SCSS, CSS3 Animation, Pixel Perfect, HTML5, UI Animation, OOCSS, Adobe Experience Design (XD), Web Design, User Experience (UX), Front-end Development, User Interface (UI), Front-end, Responsive Web Design (RWD), Component Libraries, Material UI, CSS Animations, Responsive UX Design, Responsive, Responsive Design, Vanilla JS, UI Design, UX Design, Web Animation, Performance Optimization
Lead Front-end Developer
2015 - 2016
Insight Perfect
- Developed websites and templates of varying complexity.
- Collaborated with back-end developers to achieve better performance and avoid future problems.
- Developed a custom website boilerplate that was later used as a starting base for various projects.
Technologies: jQuery, JavaScript, Bootstrap, CSS3, HTML5, CSS3 Animation, UI Animation, OOCSS, Adobe Photoshop, Adobe Experience Design (XD), Web Design, User Experience (UX), Front-end Development, User Interface (UI), Front-end, Responsive Web Design (RWD), Component Libraries, Material UI, CSS Animations, Responsive UX Design, Responsive, Responsive Design, Vanilla JS, UI Design, UX Design, Web Animation, Performance Optimization
Front-end Developer
2014 - 2016
unGravity
- Built the front ends of websites from scratch.
- Developed custom jQuery plugins used in various websites.
- Architected CSS3 and jQuery-based animations for various elements and layout interaction.
- Implemented website and mobile application UI/UX designs.
Technologies: Bootstrap, jQuery, CSS3, HTML5, CSS3 Animation, UI Animation, OOCSS, Adobe Photoshop, Adobe Experience Design (XD), Web Design, User Experience (UX), Front-end Development, User Interface (UI), Front-end, Responsive Web Design (RWD), Material UI, Responsive UX Design, Responsive, Responsive Design, Vanilla JS, UI Design, UX Design, Web Animation, Performance Optimization
Project History
Flow Designer for Voice AI Agents
https://docs.synthflow.ai/flow-designerThe Flow Designer lets you build structured, multi-step AI voice agents using a visual, node-based interface. Instead of relying on a single prompt, you design a conversation graph where each node handles a specific task—whether that’s collecting information, making decisions, or executing actions.
Widget for Making Calls with AI Agents
https://feedback.synthflow.ai/changelog/new-widget-with-actions-and-openai-realtime-default-voice-engineAn embeddable audio web widget that lets website visitors make calls to AI agents directly from the site, with full customization for colors, text, visualizers, behavior, and overall appearance settings.
Bydeluxe
http://www.bydeluxe.com/For Bydeluxe, I focused on front-end development, crafting various pages and frequently utilizing UI components. Leveraging HTML, SCSS, Bootstrap, JavaScript, and jQuery, I ensured seamless user experiences and consistent design aesthetics.
MethodStudios
https://www.methodstudios.com/At MethodStudios, I contributed extensively to the front-end development of a Django-based website, spearheading the creation of essential UI components and pages. My responsibilities involved leveraging a skill set encompassing HTML, SCSS, Bootstrap, JavaScript, and jQuery to ensure the site's user interface was intuitive, responsive, and visually appealing.
ISM Bags
For ISM, I worked on the Shopify platform, creating various components and editing existing ones according to the provided designs with responsive versions. I used Shopify's templating language Liquid and HTML5, CSS3, gulp, jQuery, and JavaScript.
ShareYourISM Blog
Converted design files into a responsive website. I used WordPress for the back end and connected it with React on the front end using its API. Also, for development, I used Bootstrap and gulp.
BUS Methodology Website
https://busmethodology.org.uk/Enhanced an existing Bootstrap theme by editing its design elements, developed additional web pages and components, and fine-tuned website performance to enhance speed and optimization, as evidenced by improved scores on Google PageSpeed tests.
Helpie Admin Panel
Designed and constructed the front end of an admin panel for a startup specializing in interactive online guidelines. This platform facilitates accessibility through websites integrating its widget, ensuring seamless user interaction and management.
GrowUpSmart
For GrowUpSmart, I redesigned their main website hosted on Shopify and developed it into a responsive and customizable Shopify eCommerce template utilizing Bootstrap, HTML, CSS, Liquid, and JavaScript.
UnGravity Custom CMS
Designed and implemented the front-end development of a startup's admin panel, prioritizing interactive online guides. My work included the main dashboard, analytics, guides, settings, and supplementary pages.
HappyPatron
Redesigned and developed most of the pages on the HappyPatron site. The website is based on the Shopify framework and Bootstrap. I created the front-end part separately and applied it to the framework afterward.
Custom Supply Kits
Created a new component for a Shopify-powered website where the user can hover over rooms on the house plan and see cleaning supplies related to that specific room. I used Liquid, HTML, CSS, and JavaScript.
Mirillis
https://mirillis.com/Transformed designs provided by the client into a fully responsive landing website along with its supplementary pages, ensuring seamless functionality across devices and responsiveness.
Education
2010 - 2015
Bachelor's Degree in Informatics and Applied Mathematics
Yerevan State University - Yerevan, Armenia
Skills
Libraries/APIs
React, React Flow, Flexbox, jQuery, Liquid, Framer Motion, REST APIs, Vue, Node.js, D3.js, Three.js, Vue 3
Tools
Bitbucket, Jira, Zeplin, Git, Adobe Photoshop, Gulp, Figma, Adobe Experience Design (XD), Sentry, Sublime Text, WebStorm, Composer, Visual Studio, Photoshop 2015
Languages
Less, CSS, JavaScript, HTML, SCSS, HTML5, CSS3, Liquid Template, TypeScript, PHP
Frameworks
Bootstrap, Tailwind CSS, Vanilla JS, Google Test, Material UI, Next.js, Django, Twig, Ruby on Rails (RoR), Angular, Nuxt.js
Paradigms
Responsive Web Design (RWD), Responsive, BEM, OOCSS, Agile Software Development, UI Design, UX Design, REST
Platforms
Windows, MacOS, Ubuntu, Shopify, WordPress, LiveKit, Visual Studio Code (VS Code)
Industry Expertise
Web Design
Other
Pixel Perfect, CSS3 Animation, PSD to HTML, UI Components, UI Animation, Front-end, User Experience (UX), Front-end Development, UI Development, User Interface (UI), Component Libraries, CSS Animations, Responsive UX Design, Responsive Design, Performance Optimization, Dynamic Websites, Accessibility, Bootstrap Themes, Design, Semantic UI, Web Animation, Vite, Multilingual Websites, Web Accessibility, Web Content Accessibility Guidelines (WCAG), Material Design, Applied Mathematics, Programming, Mathematical Analysis, Discrete Mathematics, Cursor AI
Collaboration That Works
How to Work with Toptal
Toptal matches you directly with global industry experts from our network in hours—not weeks or months.
1
Share your needs
Discuss your requirements and refine your scope in a call with a Toptal domain expert.
2
Choose your talent
Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.
3
Start your risk-free talent trial
Work with your chosen talent on a trial basis for up to two weeks. Pay only if you decide to hire them.
Top talent is in high demand.
Start hiring