Ivo is available for hire
Hire IvoIvo Gregurec
Verified Expert in Design
Front-end Designer
Varaždin, Croatia
Toptal member since March 11, 2014
Bio
Ivo is a freelance front-end developer and GUI and UX designer with over eight years of experience. Ivo has worked independently and within teams. He has a bachelor's degree in informatics and a master's degree in graphic design. He enjoys combining his knowledge from his education and applying it to his projects.
Portfolio
Dorset Coastal Cottages
ResponsiveWordPressBookingTourismWeb App UXWeb App UI
Birdiefire
SportsTrainingMobileWebTraining & Training Content Development
Staffmatch
HospitalityDashboardsManagementIcon Design
Walkio
2D AnimationMotion & Animation Design
Sinmc
Skeuomorphic DesignBrandingIcon DesignIllustrationLogo Design
Experience
- HTML - 12 years
- Motion & Animation Design - 10 years
- UI Design - 10 years
- Bootstrap - 7 years
- Sketch - 3 years
- Sass - 2 years
Tools
- Sketch
Work Experience
WordPress Designer
2024 - 2024
Innovo Management Pty Ltd
- Edited and compressed homepage video to enhance performance and user experience.
- Customized WordPress theme to align with the client's visual identity.
- Structured and organized provided content into cohesive pages.
- Trained the client on maintaining and updating the website independently.
Technologies: Web Design, WordPress, Responsive Web Design (RWD), Search Engine Optimization (SEO)
UX/UI Designer and Front-end Developer
2018 - 2022
Piazza Technologies
- Redesigned the interface for the existing features and designed it for the new ones.
- Collaborated with product managers and sales team on UX design, creating the use case workflow.
- Collaborated with full-stack developers on the implementation, writing the front end in React and using customized React-Bootstrap components.
- Educated, trained, and managed fresh front-end developers.
Technologies: Figma, Miro, React, HTML, SCSS, Angular, Learning Management Systems (LMS), Motion Graphics, Color Palettes, Startups, Dashboards, System Design, Product Design, Responsive Web Design (RWD), Web Design, Websites, Bootstrap, Web, E-learning, Layout Design, Design Systems, UI Components, UX Wireframes, Web App Design, Landing Pages, B2B, Responsive Web Apps, User Interface (UI), User Experience (UX), Wireframing, Prototyping, Interaction Design (IxD), Mobile App Design, Mobile UX Design, Mobile UI Design, Social Media, User Flows, Design Leadership, Marketing Design, Interactive UI, Software as a Service (SaaS), Technology, Advertising, Newsletter Design, Instructional Design, Presentation Design, Iconography, Education Technology (Edtech), Mockups, Journey Mapping, Style Guides, MVP Design, Mobile, Curriculum Development, Learning Solutions, Artificial Intelligence (AI), Search Engine Optimization (SEO), Animation, SVG, Graphics, Edtech Design
UX/UI Designer and Front-end Developer
2018 - 2018
Follow that patient
- Designed, based on the instructions, the user case workflow for training medical technicians.
- Designed, with the feedback from the client, designed the interface for the web application.
- Coded the responsive layout for the application and prepared it for the client so it could be easily implemented into the existing structure.
Technologies: Sketch, InVision, Color Palettes, Startups, Dashboards, System Design, Product Design, Responsive Web Design (RWD), Web Design, Websites, Bootstrap, Web, Learning Management Systems (LMS), E-learning, Layout Design, UI Components, Web App Design, Ebook Design, Landing Pages, Responsive Web Apps, User Interface (UI), User Experience (UX), Wireframing, Interaction Design (IxD), Mobile App Design, Mobile UX Design, Mobile UI Design, Social Media, User Flows, Design Leadership, Marketing Design, Interactive UI, Software as a Service (SaaS), Technology, Presentation Design, Iconography, Education Technology (Edtech), Mockups, Journey Mapping, Style Guides, MVP Design, Healthcare Software, Curriculum Development, Learning Solutions, SVG, Edtech Design
UX/UI Designer and Front-end Developer
2015 - 2016
Staffmatch
- Designed a responsive interface for the client and third-party user dashboard.
- Communicated with clients to improve the user experience.
- Coded the final design into HTM/CSS/jQuery using Bootstrap.
- Implemented the new design to the existing Angular template.
- Designed custom icons for various sections and converted them into a web font.
Technologies: CSS, HTML, InVision App, Sketch, UX Design, Visual Design, Brand Guidelines, Startups, Naming, Typography, Dashboards, System Design, Data Visualization, Product Design, Responsive Web Design (RWD), Web Design, Websites, Web, Layout Design, Design Systems, Web App Design, Landing Pages, Responsive Web Apps, User Interface (UI), User Experience (UX), Wireframing, Interaction Design (IxD), Mobile UX Design, Mobile UI Design, Social Media, User Flows, Design Leadership, Marketing Design, Interactive UI, Software as a Service (SaaS), Technology, Adobe CC, Landing Page Design, Ad Design, Booklet Design, Mockups, Journey Mapping, Social Media Design, Mobile, Learning Solutions, Artificial Intelligence (AI), Search Engine Optimization (SEO), SVG, Graphics
Graphic Designer and Front-end Developer
2015 - 2015
Walkio (via Toptal)
- 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 hacking the Bootstrap framework to achieve true cross-platform compatibility.
Technologies: Adobe Flash, Sketch, Bootstrap, JavaScript, CSS, HTML, Motion Design, Motion & Animation Design, UX Design, UI Design, Visual Design, Motion Graphics, Color Palettes, Brand Guidelines, B2C, Startups, Naming, Typography, Dashboards, System Design, Data Visualization, Responsive Web Design (RWD), Web Design, Websites, Web, Layout Design, UI Components, UX Wireframes, Web App Design, Ebook Design, Landing Pages, Responsive Web Apps, User Interface (UI), User Experience (UX), Wireframing, Interaction Design (IxD), Mobile UX Design, Social Media, Interactive UI, Software as a Service (SaaS), Technology, Advertising, Adobe CC, Landing Page Design, Ad Design, Presentation Design, Iconography, Journey Mapping, Social Media Design, Storybook, MVP Design, Animation, SVG, Graphics
HTML/CSS Developer
2015 - 2015
Pickuplater.com (via Toptal)
- 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, Color Palettes, B2C, Startups, Dashboards, Responsive Web Design (RWD), Websites, Web, Infographics, Landing Pages, Responsive Web Apps, Interaction Design (IxD), Mobile UX Design, Social Media, Software as a Service (SaaS), Adobe CC, Mockups, Search Engine Optimization (SEO), Graphics
Web Designer
2014 - 2015
BirdieFire (via Toptal)
- Designed an interface for a web application that will be used mainly on iPad.
- Designed landing pages 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, UX Design, UI Design, Learning, Visual Design, Motion Graphics, Color Palettes, Brand Guidelines, B2C, Startups, Naming, Dashboards, Data Visualization, Responsive Web Design (RWD), Web Design, Websites, Web, Layout Design, UX Wireframes, Graphic Design, User Interface (UI), User Experience (UX), Wireframing, Interaction Design (IxD), Mobile App Design, Mobile UX Design, Social Media, Interactive UI, Software as a Service (SaaS), Technology, Advertising, Adobe CC, Landing Page Design, Ad Design, Presentation Design, Booklet Design, Iconography, Mockups, Style Guides, Social Media Design, Mobile, Learning Solutions, Graphics
UX/UI Designer
2014 - 2014
ITU (International Technological University) (via Toptal)
- Analyzed, discussed, and improved the existing interface.
- Designing a wireframe in Balsamiq Mockups, a mockup in Sketch and photos enhanced in Photoshop.
- Creating an interactive prototype with HTML, SCSS/CSS, and JavaScript.
- Designed infographics for a presentation.
- Organized and partially managed the project between marketing and development departments.
Technologies: Adobe Photoshop, Sketch, JavaScript, SCSS, CSS, HTML, UX Design, UI Design, Learning, Visual Design, Color Palettes, Brand Guidelines, B2C, Dashboards, Data Visualization, Responsive Web Design (RWD), Web Design, Websites, Bootstrap, Web, Layout Design, UX Wireframes, Web App Design, Graphic Design, Infographics, User Experience (UX), Wireframing, Prototyping, Interaction Design (IxD), Mobile App Design, Social Media, Interactive UI, Software as a Service (SaaS), Technology, Adobe CC, Landing Page Design, Booklet Design, Iconography, Mockups, Journey Mapping, Style Guides, Social Media Design, Search Engine Optimization (SEO), Graphics
Front-end Developer
2014 - 2014
Skillbridge (via Toptal)
- Expanded the existing appearance using SASS to a several new page types.
- Created new template pages using Flask framework.
- Redesigned several details to achieve better compatibility with the context.
- Got 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, Brand Guidelines, Startups, Typography, Dashboards, Data Visualization, Responsive Web Design (RWD), Websites, Web, Web App Design, Graphic Design, B2B, Prototyping, Interactive UI, Software as a Service (SaaS), Adobe CC, Landing Page Design, Presentation Design, Style Guides, Graphics
Graphic Designer and 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.
- Developed and implemented front-end functionality.
- Gained familiarity with Knockout.js.
Technologies: Knockout (Knockout.js), JavaScript, CSS3, HTML5, Adobe Photoshop, UX Design, UI Design, Learning, Color Palettes, Brand Guidelines, B2C, Dashboards, Responsive Web Design (RWD), Web Design, Websites, Web, Web App Design, Graphic Design, Ebook Design, Infographics, B2B, Email Template Design, Machinery, Interactive UI, Software as a Service (SaaS), Technology, Newsletter Design, Adobe CC, Booklet Design, Iconography, Mockups, Style Guides, WordPress Design, Graphics
Graphic Designer | Multimedia Producer | Web Developer
2010 - 2014
MSfG
- Developed and designed a website in WordPress and maintained the content in two languages.
- Designed weekly newsletters with custom graphics and converted them to Mailchimp code.
- Created graphics for billboards, brochures, flyers and other printed advertisement.
- Designed animations for web in Flash and After Effects.
- Did photography work at the events and edited photos later on.
Technologies: Adobe Photoshop, Adobe Illustrator, Flash, HTML, CSS, WordPress, Newsletters, Newsletter Design, Mailchimp, Consumer Products, Booklet Design, Iconography, Social Media Design, WordPress Design, Graphics
Flash Developer/Designer
2008 - 2010
Artix
- Developed web advertisements (Flash banners) creating complex interactive animations based on rough storyboards in less then 60KB.
- Developed a rich internet application: full-screen Flash sites with smooth interactive multimedia experience.
- Created web-based Flash mini-games.
- Created 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, Motion Design, Motion & Animation Design, Visual Design, Motion Graphics, Brand Design, Color Palettes, Brand Guidelines, Startups, Naming, Typography, Responsive Web Design (RWD), Web Design, Websites, Web, Web App Design, Graphic Design, B2B, Email Template Design, Interactive UI, Advertising, Mailchimp, Newsletter Design, Adobe CC, Landing Page Design, Ad Design, Consumer Products, Board Games, Mockups, Social Media Design, Storybook, WordPress Design, 3D Animation, Animation, Graphics
Web Designer
2008 - 2008
Art's Design and Concepts
- Learned about design, getting the "real" studio experience.
- Introduced CMS technology to the company.
- Designed and developed sites in Flash with my custom little XML-based CMS.
- Created a WordPress site for a music, art, and theater summer festival with complex extensions for handling events and program in four languages with complex visuals.
- Edited various images using Adobe Photoshop.
Technologies: Adobe Photoshop, CSS, HTML, Flash, UX Design, UI Design, Visual Design, Motion Graphics, Branding, Brand Design, Color Palettes, Brand Guidelines, Startups, Naming, Typography, Web Design, Websites, Web, Web App Design, Graphic Design, Infographics, Email Template Design, Advertising, Mailchimp, Newsletter Design, Adobe CC, Landing Page Design, Ad Design, Iconography, Social Media Design, Storybook, 3D Animation, Graphics
Education
2009 - 2012
Master's Degree in Graphic Arts
University of Zagreb - Zagreb, Croatia
2011 - 2011
Exchange Program as Part of My Studies towards My Master's Degree in Multimedia Application Research
University of Ljubljana - Ljubljana, Slovenia
2004 - 2008
Bachelor's Degree in Informatics
Polytechnic of Zagreb - Zagreb, Croatia
Skills
Tools
InVision, Sketch, Adobe Photoshop, Flash, Coda 2, Git, Adobe InDesign, Adobe Illustrator, Balsamiq Mockups, Adobe After Effects, Affinity Photo, Affinity Designer, Mailchimp, Adobe CC, Flask, Adobe Creative Suite, Adobe Flash, InVision App, Adobe Audition, Miro
Languages
CSS, HTML, JavaScript, ActionScript 2, ActionScript 3, HTML5, CSS3, Python, SCSS
Platforms
MacOS, WordPress, Web, iOS, Figma, Mobile, Microsoft
Industry Expertise
Technology, Education Technology (Edtech), Education, Advertising, Transportation & Shipping, Sports, Hospitality, Fitness, Consumer Products
Other
Bootstrap, Dashboards, Animation, Sass, Responsive, Responsive Web Design (RWD), Iconography, Icon Design, Illustration, Motion Design, UX Design, UI Design, Motion Graphics, Startups, System Design, Data Visualization, Product Design, Web Design, Responsive Web Apps, Interaction Design (IxD), Interactive UI, Graphics, Branding, SVG, jQuery, 2D Animation, Motion & Animation Design, Learning, React, Learning Management Systems (LMS), Visual Design, Logo Design, Color Palettes, Brand Guidelines, B2C, Typography, Websites, E-learning, Layout Design, Design Systems, UI Components, UX Wireframes, Web App Design, Graphic Design, Ebook Design, Infographics, Landing Pages, B2B, User Interface (UI), User Experience (UX), Wireframing, Prototyping, Mobile App Design, Mobile UX Design, Mobile UI Design, Social Media, Email Template Design, User Flows, Design Leadership, Machinery, Software as a Service (SaaS), Newsletter Design, Landing Page Design, Ad Design, Board Games, Best Practices in Design, Presentation Design, Booklet Design, Mockups, Journey Mapping, Style Guides, Social Media Design, Pitch Decks, MVP Design, Healthcare Software, WordPress Design, Learning Solutions, 3D Design, Edtech Design, Knockout (Knockout.js), Booking, Tourism, Web App UX, Web App UI, Apps, Hackathons, Skeuomorphic Design, Training, Management, Cartoon Animation, Training & Training Content Development, Angular, Brand Design, Naming, Brand Strategy, Ebooks, Marketing Design, Newsletters, Instructional Design, App Design, Videos, Video Editing, Microsoft Word Add-on Development, Storybook, Curriculum Development, Artificial Intelligence (AI), Search Engine Optimization (SEO), 3D Animation
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