Rafik Martirosian, Developer in Yerevan, Armenia
Rafik is available for hire
Hire Rafik

Rafik Martirosian

Verified Expert  in Engineering

UI Developer

Location
Yerevan, Armenia
Toptal Member Since
January 2, 2017

Rafik has been working as a web developer for 11 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.

CSS3 AnimationUI AnimationFront-endUI DevelopmentCSSJavaScriptHTML5Tailwind CSSBootstrapUser Experience (UX)User Interface (UI)OOCSSjQueryAdobe Experience Design (XD)UX Design

Portfolio

ClickFunnels
React, TypeScript, JavaScript, HTML, CSS, UI Components, Tailwind CSS...
ISM
JavaScript, jQuery, Gulp, CSS3, HTML5, Liquid, CSS3 Animation...
Beessip, LLC (via Toptal)
Jira, Bitbucket, Git, Gulp, jQuery, JavaScript, SCSS, HTML, Django...

Experience

UI Development - 11 yearsSCSS - 11 yearsCSS3 - 11 yearsHTML5 - 11 yearsJavaScript - 11 yearsTypeScript - 5 yearsReact - 4 yearsTailwind CSS - 4 years

Availability

Full-time

Preferred Environment

Windows, MacOS, Ubuntu, Git, WebStorm, Visual Studio

The most amazing...

...thing I've worked on was a drag-and-drop website builder. Users choose elements, place them, and tailor the appearance with styling and functionality settings.

Work Experience

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)

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)

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)

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

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

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)

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)

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)

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)

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

https://ismbags.com/
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.

Languages

Less, CSS, JavaScript, HTML, SCSS, HTML5, CSS3, Liquid Template, PHP, TypeScript

Frameworks

Bootstrap, Tailwind CSS, Google Test, Django, Twig, Ruby on Rails (RoR)

Paradigms

Responsive Web Design (RWD), BEM, OOCSS, Agile Software Development, UI Design, UX Design, REST

Platforms

Windows, MacOS, Ubuntu, Shopify, WordPress

Other

Pixel Perfect, CSS3 Animation, PSD to HTML, UI Animation, Front-end, Front-end Development, UI Development, Bootstrap Themes, Design, Semantic UI, User Experience (UX), User Interface (UI), Material Design, Applied Mathematics, Programming, Mathematical Analysis, Discrete Mathematics, UI Components

Libraries/APIs

React, jQuery, Liquid, Vue

Tools

Bitbucket, Jira, Zeplin, Git, Adobe Photoshop, Gulp, Figma, Adobe Experience Design (XD), Sublime Text, WebStorm, Composer, Visual Studio, Photoshop 2015

Industry Expertise

Web Design

2010 - 2015

Bachelor's Degree in Informatics and Applied Mathematics

Yerevan State University - Yerevan, Armenia

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