Ivo Gregurec, Developer in Varaždin, Croatia
Ivo is available for hire
Hire Ivo

Ivo Gregurec

Verified Expert  in Engineering

Software Developer

Location
Varaždin, Croatia
Toptal Member Since
March 16, 2016

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

Gentext Group Inc.
WordPress, Web Design, SaaS, Video Editing, Forms, UI Design, UX Design, CSS3...
Moonlight Tech LLC
HTML, CSS, JavaScript, React, Babel, Webpack, Gatsby, Bootstrap...
Andreas Lengauer
HTML, CSS, CSS3, HTML5, React, Bootstrap 5, Mobile First, Front-end, UX Design...

Experience

Availability

Full-time

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

WordPress Developer

2023 - 2023
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.
Technologies: WordPress, Web Design, SaaS, Video Editing, Forms, UI Design, UX Design, CSS3, PHP, CSS3 Animation, HTML5 Animations

UI Developer

2023 - 2023
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.
Technologies: HTML, CSS, JavaScript, React, Babel, Webpack, Gatsby, Bootstrap, Single-page Applications (SPA), B2B, Redesign, Design Systems, Web Animation, GSAP, CSS3 Animation, HTML5 Animations

UX/UI Developer

2023 - 2023
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.
Technologies: HTML, CSS, CSS3, HTML5, React, Bootstrap 5, Mobile First, Front-end, UX Design, UI Design, Responsive Web Design (RWD), Webpack, Responsive Design, Web Design, Web Development, Dashboards, Web Dashboards, Iframes, JSON, Bootstrap, B2B, Redesign, Design Systems

UX/UI Developer

2018 - 2022
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.
Technologies: Front-end, HTML, CSS, JavaScript, Angular, React, Figma, SCSS, Accessibility, User Experience (UX), User Interface (UI), Web UI, Web UX, UI Development, Mobile First, UX Design, UI Design, Responsive Web Design (RWD), Next.js, Webpack, Deployment, Responsive Design, Web Design, Web Development, Dashboards, Web Dashboards, Iframes, JSON, AngularJS, Bootstrap, B2B, Redesign, Atomic Design, Design Systems, Web Animation, CSS3 Animation, HTML5 Animations

SVG Animations Expert

2018 - 2018
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.
Technologies: HTML, CSS, JavaScript, SVG, Tailwind CSS, Chart.js, Web UX, UI Animation, Front-end, Animation, Web Design, Web Development, Web Dashboards, Single-page Applications (SPA), B2B, Web Animation, CSS3 Animation, HTML5 Animations

Front-end Developer

2017 - 2017
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.
Technologies: jQuery, JavaScript, SCSS, CSS, HTML, HTML Templates, Responsiveness, Responsive Web Apps, Responsive UI, User Experience (UX), User Interface (UI), Responsive Layout, Figma, Tailwind CSS, PostCSS, D3.js, Web UI, Web UX, UI Development, Mobile First, UX Design, UI Design, Responsive Web Design (RWD), Responsive Design, Web Design, Web Development, Dashboards, Web Dashboards, Iframes, JSON, Ajax, Bootstrap, B2B, Redesign, Atomic Design, Design Systems, Material Design, CSS3 Animation, HTML5 Animations

Web Designer | Front-end Developer

2016 - 2016
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.
Technologies: PHP, jQuery, SCSS, CSS, HTML, Sketch, HTML Templates, Responsiveness, Responsive Web Apps, Responsive UI, User Experience (UX), User Interface (UI), Responsive Layout, Web UI, Web UX, UI Development, Mobile First, Front-end, UX Design, UI Design, Responsive Web Design (RWD), Responsive Design, Web Design, Web Development, Dashboards, Web Dashboards, Bootstrap, Redesign, Atomic Design, Design Systems, CSS3 Animation, HTML5 Animations

Front-end Developer

2016 - 2016
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.
Technologies: Sketch, Git, Handlebars, Bootstrap, jQuery, Node.js, JavaScript, CSS, HTML, HTML Templates, Responsiveness, Responsive Web Apps, Responsive UI, Responsive Layout, Web UI, Web UX, Pixel Perfect, UI Development, UI Animation, Mobile First, Front-end, UI Design, Responsive Web Design (RWD), Animation, Web Design, Web Development, Single-page Applications (SPA), B2B, Web Animation, CSS3 Animation, HTML5 Animations

UI/UX Designer | Front-end Developer

2015 - 2016
StaffMatch
  • Redesigned dashboards and public pages.
  • Coded a responsive web interface.
  • Tested the user experience.
  • Styled D3.js charts.
Technologies: AngularJS, jQuery, JavaScript, CSS3, HTML5, HTML Templates, Responsiveness, Responsive Web Apps, Responsive UI, User Experience (UX), User Interface (UI), Responsive Layout, Web UI, Web UX, Pixel Perfect, UI Development, Mobile First, Front-end, UX Design, UI Design, Responsive Web Design (RWD), Responsive Design, Web Design, Web Development, Dashboards, Web Dashboards, Iframes, Single-page Applications (SPA), B2B, Redesign, Atomic Design, Design Systems

HTML/CSS Developer

2015 - 2015
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.
Technologies: jQuery, JavaScript, Bootstrap, CSS, HTML, HTML Templates, Responsiveness, Responsive Web Apps, Responsive UI, Responsive Layout, Web UI, Web UX, UI Development, Mobile First, Front-end, UX Design, Responsive Web Design (RWD), Full-stack, Responsive Design, eCommerce, Web Design, Web Development, Dashboards, Web Dashboards, Iframes, Single-page Applications (SPA), B2B, HTML5 Animations

Graphic Designer | Front-end Developer

2015 - 2015
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.
Technologies: Adobe Flash, Sketch, Bootstrap, JavaScript, CSS, HTML, HTML Templates, Responsiveness, Responsive Web Apps, Responsive UI, User Experience (UX), User Interface (UI), Responsive Layout, Web UI, Web UX, Pixel Perfect, UI Development, UI Animation, Mobile First, Front-end, UX Design, Responsive Web Design (RWD), Animation, Responsive Design, Web Design, Web Development, Dashboards, Web Dashboards, Single-page Applications (SPA), Material Design, Web Animation, HTML5 Animations

Web Designer

2014 - 2015
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.
Technologies: JavaScript, CSS, HTML, HTML Templates, Responsiveness, Responsive Web Apps, Responsive UI, User Experience (UX), User Interface (UI), Responsive Layout, Web UI, Web UX, Pixel Perfect, UI Development, Design, Front-end, UX Design, Responsive Web Design (RWD), Responsive Design, Web Design, Web Development, Dashboards, Web Dashboards, Ajax

Front-end Developer

2014 - 2014
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.
Technologies: Python, jQuery, JavaScript, Flask, Sass, CSS3, HTML5, HTML Templates, Responsiveness, Responsive Web Apps, Responsive UI, Responsive Layout, Web UX, UI Development, Design, Front-end, UX Design, UI Design, Responsive Web Design (RWD), Responsive Design, Web Design, Web Development, Dashboards, Web Dashboards, Redesign, Design Systems

UX/UI Designer

2014 - 2014
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.
Technologies: Adobe Photoshop, Sketch, JavaScript, SCSS, HTML, Responsiveness, Responsive Web Apps, Responsive UI, User Experience (UX), User Interface (UI), Responsive Layout, Web UI, Web UX, UI Development, Design, Front-end, UX Design, UI Design, Responsive Web Design (RWD), Architecture, Responsive Design, Web Design, Web Development, Dashboards, Web Dashboards, Ajax, Bootstrap

Graphic Designer | Front-end Developer

2012 - 2014
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.
Technologies: Knockout (Knockout.js), JavaScript, CSS3, HTML5, Adobe Photoshop, WordPress, Responsiveness, Responsive Web Apps, Responsive UI, User Interface (UI), Responsive Layout, Web UI, Web UX, UI Development, Design, Front-end, UX Design, UI Design, Responsive Web Design (RWD), Architecture, Responsive Design, PHP, Web Development, Dashboards, Web Dashboards, Three.js

Graphic Designer | Front-end Developer | Flash Developer

2010 - 2014
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.
Technologies: Video Editing, Flash, CSS, HTML, WordPress, Leadership, Web UI, Web UX, UI Animation, Design, Front-end, UX Design, UI Design, Responsive Web Design (RWD), Animation, Content Management Systems (CMS), Full-stack, PHP, Web Development, Redesign, Web Animation

Flash Developer | Designer

2008 - 2010
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.
Technologies: ActionScript 3, ActionScript 2, Flash, Web UI, UI Animation, Design, Front-end, UX Design, UI Design, Animation, Content Management Systems (CMS), Web Development, Dashboards, Web Dashboards, Web Animation, GSAP

BirdieFire

I designed and developed the front-end for a leading golf coaching service.

Walkio

I developed the front-end for the landing page and the dashboard of a dog care service.

Multimedia Guide for the Natural History Museum of Slovenia

I designed and developed this iOS application in 2011. It was one of the first mobile museum applications in central Europe. The design is highly skeuomorphic, which was very desirable at that time and closely connected to the historical appearance of the institution. It supports audio streaming in five languages with synchronized text, and it's controlled by touch gestures and motion detection.

It is still available on iTunes but is not compatible with iOS 7+.

Voisecutor

I coded a landing page and programming a prototype application for a video transcription service in the judiciary.

Vert Solar Financing

I developed administration services for the leading US solar energy industry.

UX/UI Designer and Front-end Developer

http://piazza.com
Served as a UI/UX designer and front-end developer for a leading US learning management system (LMS). My role was at first to code HTML and CSS based on the desktop-sized mockups, but soon, I had to turn them into a responsive layout and implement them into Angular code. Later I redesigned the old non-responsive interfaces and coded them into React.

Languages

SCSS, CSS3, CSS, HTML, HTML5, Sass, JavaScript, Python, ActionScript 2, ActionScript 3, PHP, C++, XML, TypeScript

Frameworks

Bootstrap, Espresso, Tailwind CSS, Flask, Knockout (Knockout.js), AngularJS, Ionic 2, React-Bootstrap, Angular, Next.js

Libraries/APIs

React, jQuery, Handlebars, react-spring, Backbone.js, Ruby on Rails API, Node.js, jQuery DataTables, Chart.js, D3.js, Three.js, GSAP

Tools

Coda 2, Adobe Photoshop, Sketch 3, Figma, PostCSS, Git, Sketch, Adobe Flash, Flash, Fuse, Webpack, Babel

Paradigms

Responsive Layout, Responsive Web Design (RWD), UI Design Standards & Best Practices, UX Design, UI Design, B2B, Agile Software Development, Mobile Development, Web App Design

Industry Expertise

Web Design

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, Illustration, Animation, HTML Templates, Leadership, User Experience (UX), User Interface (UI), Pixel Perfect, Design, Iframes, Gatsby, Ajax, Single-page Applications (SPA), Atomic Design, Design Systems, CSS3 Animation, HTML5 Animations, 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

Platforms

WordPress, MacOS, iOS, Mobile

Storage

MySQL, JSON

2009 - 2012

Master's Degree in Graphic Arts

University of Zagreb - Zagreb, Croatia

2011 - 2011

Master's Degree in Multimedia Application Research (via the Erasmus Exchange Program)

University of Ljubljana - Ljubljana, Slovenia

2004 - 2008

Bachelor's Degree in Informatics

Polytechnic of Zagreb - Zagreb, Croatia

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