Ivo Gregurec
Verified Expert in Engineering
Software Developer
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
Availability
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
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.comSkills
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
Education
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
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