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

Ivo Gregurec

Verified Expert  in Design

Front-end Designer

Location
Varaždin, Croatia
Toptal Member Since
February 7, 2014

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.

Motion GraphicsWeb DesignIconographyAnimationResponsive Web Design (RWD)UX DesignUI DesignData VisualizationProduct DesignIcon DesignAdobe PhotoshopSketchVisual DesignWebsitesMobile UX Design

Portfolio

Work Experience

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

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

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

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

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

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

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

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

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

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

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

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
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

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