Marina is available for hire
Hire MarinaMarina Ranenko
Verified Expert in Engineering
Software Developer
Location
Calgary, Canada
Toptal Member Since
July 6, 2016
Marina is an expert front-end engineer with experience in Vue, React, and responsive web development. She is proficient in UI/UX design and passionate about intuitive user interfaces, consistent user experience, and modular code. Marina has over 20 years of development experience.
Portfolio
Stealth Health Tech Startup
React, CSS, Next.js, Figma, Storybook, Tailwind CSS, Redux, UI Development...
Jenevive Health LLC
HTML, CSS, Web Design, JavaScript, Web UI, Responsive UI, Web UX...
WestJet
Vue CLI, Vuex, Responsive Web Design (RWD), Figma, User Interface (UI)...
Experience
Availability
Full-time
Preferred Environment
MacOS, Visual Studio Code (VS Code)
The most amazing...
...project I've been a part of is FundManager.io—this product is helping the alternative investment industry simplify and modernize private fund administration.
Work Experience
Design Engineer
2023 - 2023
Stealth Health Tech Startup
- Designed and built new UI components (including a sortable data table with filters and paging) for the health benefits plan administration pages.
- Developed UI components, stories, and tests for the employee dashboard, wallet, and plan savings withdrawal pages.
- Created and updated images and app icons (wallet, carets, arrows, etc.).
Technologies: React, CSS, Next.js, Figma, Storybook, Tailwind CSS, Redux, UI Development, HTML5, CSS3, JSON
Senior Web Engineer
2022 - 2022
Jenevive Health LLC
- Designed and developed a website for a healthcare startup featuring their wellness tracking app and an upcoming e-book.
- Designed and built a responsive testimonials slider.
- Created a functional contact form for the Jenevive website.
Technologies: HTML, CSS, Web Design, JavaScript, Web UI, Responsive UI, Web UX, Responsive Web Design (RWD), UI Development, HTML5
Senior Front-end Developer
2021 - 2022
WestJet
- Developed the UI and functionality for new and existing Vue app components and widgets.
- Maintained legacy projects using HTML, CSS (Less), JavaScript, and JQuery.
- Contributed to planning new and updating existing projects.
Technologies: Vue CLI, Vuex, Responsive Web Design (RWD), Figma, User Interface (UI), User Experience (UX), UI Development, HTML5, CSS3, JSON
Front-end Developer
2021 - 2021
Best Buy Canada
- Built React components for the save-for-later functionality in the Best Buy online shopping cart.
- Tested the new functionality on various browsers and mobile devices and logged and fixed defects.
- Created pull requests and participated in code reviews.
Technologies: React, TypeScript, Git, Redux, ECMAScript (ES6), Storybook, Responsive Web Design (RWD), Figma, User Interface (UI), User Experience (UX), UI Development, HTML5, CSS3, JSON
Senior Front-end Engineer
2019 - 2021
FIS Global
- Maintained the financial asset management application FundManager.io in Ember.js by making UI improvements and fixing defects.
- Worked on the conversion of FundManager.io from Ember.js to Angular 11.
- Added Angular Material components and customized an Angular Material theme to comply with the FIS style guide.
- Built new Angular components for dynamic themes, navigation, and filters.
Technologies: TypeScript, SCSS, Bootstrap, Git, Responsive Web Design (RWD), User Interface (UI), User Experience (UX), UI Development, HTML5, CSS3, AngularJS, JSON
Senior Front-end Engineer
2016 - 2019
BaseVenture
- Redesigned the company's flagship financial asset management application FundManager.io in Ember.js and developed an application style guide.
- Designed and built new UI components for navigation, filters, date range picker, file upload, user preferences, administration, modal dialogs, and more.
- Tested UI components in various supported browsers, fixed defects, and made improvements.
Technologies: SCSS, Bootstrap, Git, Responsive Web Design (RWD), User Interface (UI), User Experience (UX), UI Development, HTML5, CSS3, JSON
Senior Front-end Developer (Contract)
2015 - 2016
Shaw
- Worked with a team of front-end and back-end Java developers to redevelop Shaw.ca to include new TV plans.
- Developed an AngularJS component to assist the customer in selecting the best TV plan, based on their viewing preferences.
- Integrated and customized a multi-slide jQuery carousel to display various TV plans as well as TV+internet bundles.
- Developed a "Quick View" jQuery plugin to display summary of details of the various Shaw TV+internet bundles.
- Worked on fixing defects and maintenance of the project.
Technologies: Bootstrap, CSS, AngularJS, JavaScript, Responsive Web Design (RWD), UI Development, HTML5, CSS3, JSON
Front-end Developer (Contract)
2015 - 2015
The City of Calgary
- Developed a responsive website for the Transportation and Infrastructure Department's Green Line project.
- Integrated a responsive touch-friendly jQuery carousel to display the upcoming Green Line project events.
- Integrated a number of dynamic components, including Twitter and Instagram feeds as well as Google Maps.
- Worked on the conversion of the existing City of Calgary website to a responsive website.
Technologies: Bootstrap, CSS, jQuery, JavaScript, Responsive Web Design (RWD), UI Development, HTML5, CSS3, JSON, Ajax
Front-end Developer (Contract)
2013 - 2014
WestJet
- Worked on a single-page web application for reserving and booking WestJet flights using Knockout.js.
- Developed a validation framework for guest information to validate names, dates of birth, etc.
- Built a responsive website prototype for WestJet Vacations using AngularJS.
Technologies: Bootstrap, CSS, AngularJS, jQuery, JavaScript, UI Development, CSS3, JSON
Web Developer (Contract)
2012 - 2013
Bennett Jones
- Developed a new responsive website and integrated it with the existing content management system.
- Created a custom jQuery plugin to display the latest in company news.
- Developed custom back-end components in .NET (C#).
Technologies: Bootstrap, CSS, jQuery, JavaScript, Responsive Web Design (RWD), UI Development, CSS3, JSON
Web Developer (Contract)
2012 - 2012
Spectra Energy
- Developed a new website for a newly acquired branch of the company.
- Created custom jQuery plugins for image carousel and latest news slider.
- Integrated existing components into the new website.
Technologies: CSS, jQuery, JavaScript, UI Development
Web Developer
2011 - 2012
Imaginet
- Developed websites and web applications for clients using .NET (C#).
Technologies: CSS, jQuery, JavaScript, UI Development, CSS3
Web Developer
2009 - 2010
Anvil Digital
- Developed websites and web applications for clients using .NET (C#).
Technologies: CSS, jQuery, JavaScript, UI Development, CSS3
Web Developer
2007 - 2009
Protegra
- Developed websites and web applications for clients using .NET (C#).
Technologies: CSS, jQuery, JavaScript, CSS3
Web Developer
2006 - 2007
McDiarmid Lumber
- Contributed to the design and development of corporate and internal websites for the McDiarmid Lumber construction company and its divisions.
- Updated online flyers and product sales information as required.
- Designed and developed featured/seasonal product pages.
Technologies: CSS, jQuery, JavaScript, UI Development, CSS3
Web Master/Office Assistant
2001 - 2005
Centre for Ukrainian Canadian Studies, University of Manitoba
- Designed and developed the website for the Centre for Ukrainian Canadian Studies.
- Updated the course schedule and online materials for each academic semester.
- Performed miscellaneous administrative tasks (ordering stationary, photocopying, etc.).
Technologies: CSS, jQuery, JavaScript, HTML, UI Development
Experience
WestJet
http://westjet.comWorked on a flight search and reservation web application built with Vue 2 and vacation packages search and reservation. Fixed defects with the UI and functionality, built new features and developed new components.
FundManager.io
FundManager.io was BaseVenture's flagship fintech application to simplify and modernize fund management and administration, which FIS Global subsequently acquired. The application used the Ember framework, along with JavaScript components and SCSS. Our team designed and developed the application, including all of its UI design and functionality.
FIS Global
After FIS acquired BaseVenture, I worked on converting BaseVenture's flagship product, FundManager.io, on complying with FIS's corporate UI standards. This included new design and functionality and moving from the Ember framework to Angular.
Skills
Languages
CSS, SCSS, HTML, JavaScript, HTML5, CSS3, TypeScript, ECMAScript (ES6)
Frameworks
Bootstrap, Vanilla JS, Redux, Next.js, Tailwind CSS, AngularJS
Paradigms
Responsive Web Design (RWD), UI Design
Storage
JSON
Other
Responsive UI, Front-end, User Interface (UI), User Experience (UX), UI Development, Web Applications, Storybook, Web UI, Web UX, Ajax
Tools
Figma, Git, Vue CLI, Adobe Illustrator, Adobe InDesign, Adobe Photoshop
Libraries/APIs
Vuex, Vue, jQuery, React
Industry Expertise
Web Design
Education
2014 - 2017
Certificate in Front-end Web Development
University of Calgary - Calgary, Alberta, Canada
1998 - 2003
Bachelor's Degree in Computer Science
University of Manitoba - Winnipeg, Manitoba, Canada
Certifications
FEBRUARY 2023 - PRESENT
UI / UX Design
California Institute of the Arts | via Coursera
FEBRUARY 2023 - PRESENT
Graphic Design
California Institute of the Arts | via Coursera