
Ivo Gregurec
Verified Expert in Engineering
Software Developer
Varaždin, Croatia
Toptal member since March 11, 2014
Ivo is a seasoned front-end developer with 15+ years of experience. He has worked on many projects where he gained experience in HTML, CSS, JavaScript, Sass, React, Angular, PHP, and Python. He has a proven track record of delivering high-quality results and excelling in remote work environments. Ivo holds a bachelor's degree in informatics and a master's degree in graphic design, blending technical and creative skills for exceptional results.
Portfolio
Experience
- JavaScript - 20 years
- HTML - 15 years
- Adobe Photoshop - 10 years
- Sass - 8 years
- CSS3 - 7 years
- jQuery - 5 years
- Sketch 3 - 4 years
- SCSS - 4 years
Preferred Environment
HTML, JavaScript, CSS, MacOS
The most amazing...
...work I've done is in security software for the nuclear industry—including complex interfaces, icon designs for abstract actions, and responsive layouts.
Work Experience
Front-end and UI Developer
We are Crew Pty Ltd
- Built a web page for an Australian government real estate project.
- Simplified the entry process by creating HTML templates connected with the Vite framework, which included loading partials inside partials.
- Expanded the design into a fully responsive web with seven breakpoints to cover all cases.
Full-stack Web Developer
Neon Coat, LLC
- Built a new interface based on new features designed in Sketch.
- Expanded the base CSS files with new graphic tokens defined in Zeplin.
- Developed reusable components in Rect and styled-components.
Front-end Developer
The Perky People Company Limited
- Developed fully responsive interfaces for a custom online store developed in .NET.
- Redesigned the layouts based on rough guidelines provided by the client.
- Split the styling into a general theme, which relies on Bootstrap 5, and a custom theme, which reflects the brand.
- Created a white-label interface that can be customizable to match the appearance of various brands.
- Designed two custom themes for two of their customers.
UI Developer
Global Hospitality Platform B.V.
- Redesigned and built fully responsive interfaces for event browsing, joining, tracking, notifications, chat, and QR code functionalities.
- Developed code structures largely utilizing Bootstrap 5 classes with minimal custom classes, enabling easy theme customization.
- Reduced CSS code from over 3,000 lines to approximately 300 lines of SCSS per theme.
- Created a customizable white-label interface to align with different brands' appearances.
Front-end Developer
Pindrop
- Developed an SVG-based interactive animation triggered by live audio from the microphone.
- Developed a loop-based animation that reads motion from a JSON file.
- Processed audio files to enhance certain areas in the spectrogram.
- Wrote Python scripts to transcribe audio into JSON files to trigger the motion of SVG objects.
React Developer
Iverson Enterprises, LLC
- Created a layout based on Figma mockups and split it into TypeScript/React components.
- Created motion design and developed animated content triggered on scroll.
- Implemented Google Analytics and HubSpot and deployed it to Vercel.
Front-end React Developer
Chatty Polly AG
- Created a custom styling based on Bootstrap 5 for a very playful design with many slanted, rotated, and off-grid elements.
- Separated the website into a set of reusable React components.
- Created a series of animations by using the react-spring library. Some were triggered on load, some on scroll, and some just looped.
WordPress Developer
Gentext Group Inc.
- Redesigned an existing website by cloning WordPress and rearranging the old theme in PHP and CSS.
- Created unique illustrations for the website using Affinity Designer.
- Redesigned the user workflow and interface of the MS Word add-in, which increased the new users' use time by 200%. (UI/UX redesign of the main product).
- Edited and demo video for the product with AI-generated narration and corporate background music, which can play in a seamless loop.
UI Developer
Moonlight Tech LLC
- Developed an animation-based landing page for the hostel browsing application using Gatsby and React-Spring.
- Set the breakpoints for full responsiveness based on a full HD-sized desktop mockup and mobile-sized mockup.
- Designed micro-interactions and optimized animations by forcing render of needy elements on the GPU.
- Created a Kanban board on Trello to manage subtasks and improve communication with the client and the designer.
UX/UI Developer
Andreas Lengauer
- Customized Bootstrap 5 to fit the visual identity of the project including adjusting colors, fonts, and spacing.
- Developed a responsive interface for the application using the mobile-first methodology.
- Adjusted existing elements to match the visual identity and improve consistency.
UX/UI Developer
Piazza Technologies
- Created coding-responsive web app interfaces in HTML and CSS based on a single-size mockup using Bootstrap.
- Coded reusable classes and created a design system based on mockups.
- Converted static web interfaces into an Angular-based web app.
- Rewrote old non-responsive, jQuery-based web interfaces into modern responsive layouts using React and Bootstrap.
- Created mockups in Figma and built enhanced React and Bootstrap components based on the design system.
- Trained new developers and UX designers while managing certain parts of the project.
SVG Animations Expert
Kyba, Inc. (via Toptal)
- Animated the predesigned characters and created a web safe output.
- Sliced characters into smaller units—recreating some parts.
- Designed short loops which brought the characters to life i.e. giving them a soul.
- Incorporated the animations on the web by using Used Bodymovin and Flash2Svg.
- Built a front-end environment for the animations.
Front-end Developer
Vert Solar Finance
- Planned the UX layout and designed wireframes.
- Sliced PSDs into HTML and CSS.
- Created reusable Sass mixins and organized the code into partials.
- Developed charts with D3.js.
- Customized a Bootstrap grid system for maximal real estate usage of the control panels on mobile devices.
Web Designer | Front-end Developer
Dorset Coastal Cottages
- Planned and designed wireframes.
- Designed pixel-perfect mockups based on wireframes.
- Coded responsive static pages based on mockups.
- Developed WordPress themes based on static pages.
Front-end Developer
Yesware
- Converted Sketch files into HTML and CSS pages using Bootstrap.
- Expanded a desktop version design into fully responsive web pages.
- Designed and created micro-interactions.
- Expanded the static pages into Handlebar templates.
- Created SVG animations.
UI/UX Designer | Front-end Developer
StaffMatch
- Redesigned dashboards and public pages.
- Coded a responsive web interface.
- Tested the user experience.
- Styled D3.js charts.
HTML/CSS Developer
Pickuplater.com
- Developed an interactive interface for a delivery service with a pretty rare option of choosing replacement products.
- Created HTML structure based on designed functionality.
- Cut graphics in Sketch.app and recreated visual elements with CSS.
- Avoided conflicts with predefined CSS rules generated using LESS.
- Created interactions by adding pseudoclasses and dynamically switching styles using JavaScript and jQuery.
- Hacked the Bootstrap framework to achieve full responsiveness based on full HD and portrait iPhone mode.
Graphic Designer | Front-end Developer
Walkio
- Redesigned an early version of a web page into a fully responsive web service.
- Designed attractive landing pages for clients and employees.
- Created six illustrations and animated them into short loops.
- Designed a unique user interface and enhanced the user experience of the dashboard.
- Coded a responsive website using HTML, CSS, and JavaScript, and hacked the Bootstrap framework to achieve true cross-platform compatibility.
Web Designer
BirdieFire
- Designed an interface for a web application that will be used mainly on iPad.
- Created landing page designs for new services.
- Designed printed advertisements, including stand up banners, posters, and flyers.
- Redesigned old pages and recoded in HTML and CSS to achieve responsiveness.
- Designed and coded a standalone scoreboard display loop that was supposed to stand in the clubs.
Front-end Developer
Skillbridge
- Expanded the existing appearance using SASS on several new page types.
- Created new template pages using the Flask framework.
- Redesigned several details to achieve better compatibility with the context.
- Became familiar with Python and expanded my experience in object-oriented programming.
- Improved interactions using JavaScript and jQuery.
UX/UI Designer
ITU | International Technological University
- Analyzed, discussed, and improved the existing interface.
- Designed a wireframe in Balsamiq Mockups, the mockup in Sketch, and enhanced photos in Photoshop.
- Created an interactive prototype with HTML, SCSS/CSS, and JavaScript.
- Designed the infographics for a presentation.
- Organized and partially managed the project between marketing and development departments.
Graphic Designer | Front-end Developer
INETEC | Institute for Nuclear Technology
- Designed interfaces for desktop and web applications.
- Designed very specific custom icons for complex tools and actions.
- Improved the user experience to create a better, user-friendly environment.
- Handled and was responsible for the front-end development and implementation.
- Gained familiarity with Knockout.js.
Graphic Designer | Front-end Developer | Flash Developer
MSFG International
- Designed promotional materials for print from flyers to megaboards.
- Created digital illustrations.
- Designed a website.
- Wrote code in HTML and CSS.
- Created a WordPress theme and provided administration of the web.
- Created video materials and animations.
- Developed Flash and HTML banners.
Flash Developer | Designer
Artix
- Handled and was responsible for web advertisement development (Flash banners) creating complex interactive animations, based on rough storyboard in less then 60KB.
- Managed and was responsible for rich internet application development—fullscreen Flash sites with a smooth interactive multimedia experience.
- Created web-based Flash mini-games.
- Built educational Flash standalone applications randomly—generated XML based quizzes with results-tracking and statistics.
- Did extensive work in Photoshop.
Experience
BirdieFire
Walkio
Multimedia Guide for the Natural History Museum of Slovenia
It is still available on iTunes but is not compatible with iOS 7+.
Voisecutor
Vert Solar Financing
UX/UI Designer and Front-end Developer
http://piazza.comEducation
Master's Degree in Graphic Arts
University of Zagreb - Zagreb, Croatia
Master's Degree in Multimedia Application Research (via the Erasmus Exchange Program)
University of Ljubljana - Ljubljana, Slovenia
Bachelor's Degree in Informatics
Polytechnic of Zagreb - Zagreb, Croatia
Skills
Libraries/APIs
React, jQuery, Handlebars, react-spring, Backbone.js, Ruby on Rails API, Node.js, jQuery DataTables, Chart.js, D3.js, Three.js, GSAP, Microsoft Word Add-on Development, WebGL, Web Audio
Tools
Coda 2, Adobe Photoshop, Sketch 3, Figma, PostCSS, Figma to HTML, Git, Sketch, Adobe Flash, Flash, Fuse, Webpack, Babel, Canvas, Canvas LMS, Moodle, Microsoft Word
Languages
SCSS, CSS3, CSS, HTML, HTML5, PHP, Sass, JavaScript, Python, ActionScript 2, ActionScript 3, C++, XML, TypeScript
Frameworks
Bootstrap, Espresso, Tailwind CSS, Vanilla JS, Flask, Knockout (Knockout.js), AngularJS, Ionic 2, React-Bootstrap, Angular, Next.js, Redux, .NET, Laravel
Paradigms
Responsive Layout, Responsive Web Design (RWD), UI Design Standards & Best Practices, UX Design, UI Design, B2B, Search Engine Optimization (SEO), Web Architecture, Agile Software Development, Mobile Development, Web App Design
Industry Expertise
Web Design, E-learning
Platforms
WordPress, MacOS, iOS, Mobile, HubSpot
Storage
MySQL, JSON
Other
Responsiveness, Responsive Web Apps, Responsive UI, Front-end, Learning Management Systems (LMS), Web UI, Web UX, UI Development, UI Animation, Mobile First, Responsive Design, Web Development, Dashboards, Web Dashboards, Redesign, Web Animation, CSS Animations, Education Technology (Edtech), Edtech Design, Front-end Development, Motion Graphics, Illustration, Animation, HTML Templates, Leadership, User Experience (UX), User Interface (UI), Pixel Perfect, Design, Iframes, Gatsby, Ajax, Single-page Applications (SPAs), Atomic Design, Design Systems, CSS3 Animation, HTML5 Animations, Lottie, Artificial Intelligence (AI), Learning Tools Interoperability (LTI), Responsive UX Design, Landing Page Design, Landing Pages, WordPress Plugins, Videos, scrolling motion, Rive, Video Editing, SVG, Accessibility, Research, UX Research, UI Research, Information Architecture (IA), Mobile UI, Mobile UX, Product Design, Informatics, Bootstrap 5, Content Management Systems (CMS), Full-stack, Deployment, Architecture, eCommerce, Material Design, SaaS, Forms, Elementor, OpenAI, Interactive UI, CSS5, Audio, Task Orders, Styled-components
How to Work with Toptal
Toptal matches you directly with global industry experts from our network in hours—not weeks or months.
Share your needs
Choose your talent
Start your risk-free talent trial
Top talent is in high demand.
Start hiring