Ivo Gregurec，克罗地亚Varaždin的开发者
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是一位经验丰富的前端开发人员，拥有15年以上的经验. 他在许多项目中积累了HTML方面的经验, CSS, JavaScript, Sass, React, Angular, PHP, and Python. 他在提供高质量结果和在远程工作环境中表现出色方面有着良好的记录. Ivo拥有信息学学士学位和平面设计硕士学位, 混合技术和创造性技能的卓越成果.

UI AnimationWeb DevelopmentFront-endUI DevelopmentResponsive UICSSWeb DesignBootstrapHTML5EspressoReactAnimationUser Experience (UX)User Interface (UI)HTML Templates

Portfolio

Gentext Group Inc.
WordPress，网页设计，SaaS，视频编辑，表单，UI设计，UX设计，CSS3...
Moonlight Tech LLC
HTML, CSS, JavaScript, React, Babel, Webpack, Gatsby, Bootstrap...
Andreas Lengauer
HTML, CSS, CSS3, HTML5, React, Bootstrap 5, Mobile First，前端，UX设计...

Experience

JavaScript - 20 yearsHTML - 10 yearsAdobe Photoshop - 10 yearsSass - 8 yearsCSS3 - 7 yearsjQuery - 5 yearsSCSS - 4 yearsSketch 3 - 4 years

Availability

Full-time

Preferred Environment

HTML, JavaScript, CSS, MacOS

The most amazing...

...我所做的工作是核工业的安全软件，包括复杂的界面, 抽象动作的图标设计, and responsive layouts.

Work Experience

WordPress Developer

2023 - 2023
Gentext Group Inc.
  • 通过克隆WordPress并在PHP和CSS中重新安排旧主题来重新设计现有网站.
  • 使用Affinity Designer为网站创建独特的插图.
  • 重新设计了Word插件的用户工作流程和界面, 新用户的使用时间增加了200%. (主要产品的UI/UX重新设计).
  • 为产品编辑和演示视频，配有人工智能生成的旁白和企业背景音乐, 哪一个可以无缝循环播放.
技术:WordPress，网页设计，SaaS，视频编辑，表单，UI设计，UX设计，CSS3, PHP

UI Developer

2023 - 2023
Moonlight Tech LLC
  • 使用Gatsby和React-Spring为旅馆浏览应用程序开发了一个基于动画的登陆页面.
  • 根据完整的高清大小的桌面模型和移动大小的模型设置完整响应的断点.
  • 通过在GPU上强制渲染需要的元素来设计微交互和优化动画.
  • 在Trello上创建看板板来管理子任务，并改善与客户和设计师的沟通.
Technologies: HTML, CSS, JavaScript, React, Babel, Webpack, Gatsby, Bootstrap, Single-page Applications (SPA), B2B, Redesign, Design Systems, Web Animation, GSAP

UX/UI Developer

2023 - 2023
Andreas Lengauer
  • 定制Bootstrap 5，以适应项目的视觉识别，包括调整颜色, fonts, and spacing.
  • 使用移动优先的方法为应用程序开发响应式界面.
  • 调整现有的元素，以配合视觉识别和提高一致性.
Technologies: HTML, CSS, CSS3, HTML5, React, Bootstrap 5, Mobile First，前端，UX设计, 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
  • 使用Bootstrap创建基于单一尺寸模型的HTML和CSS的编码响应web应用程序界面.
  • 编写可重用类并基于模型创建设计系统.
  • 将静态web界面转换为基于angular的web应用.
  • Rewrote old non-responsive, 使用React和Bootstrap将基于jquery的web界面转换为现代响应式布局.
  • 在Figma中创建模型，并基于设计系统构建增强的React和Bootstrap组件.
  • 培训新的开发人员和用户体验设计师，同时管理项目的某些部分.
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

SVG Animations Expert

2018 - 2018
Kyba, Inc. (via Toptal)
  • 动画预先设计的字符，并创建了一个网络安全的输出.
  • 将角色切成更小的单元——重新创造一些部分.
  • 设计了短循环，使角色栩栩如生.e. giving them a soul.
  • 通过使用Bodymovin和Flash2Svg将动画合并到web上.
  • 为动画构建一个前端环境.
技术:HTML, CSS, JavaScript, SVG，顺风CSS，图表.js, Web UX, UI Animation, Front-end, Animation, Web Design, Web Development, Web Dashboards, Single-page Applications (SPA), B2B, Web Animation

Front-end Developer

2017 - 2017
Vert Solar Finance
  • 规划UX布局，设计线框图.
  • Sliced PSDs into HTML and CSS.
  • 创建可重用的Sass混合，并将代码组织成部分.
  • Developed charts with D3.js.
  • 定制一个Bootstrap网格系统，以最大限度地利用移动设备上的控制面板.
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

网页设计师|前端开发人员

2016 - 2016
Dorset Coastal Cottages
  • Planned and designed wireframes.
  • 基于线框图设计像素完美的模型.
  • 基于模型编写响应式静态页面.
  • 基于静态页面开发WordPress主题.
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

Front-end Developer

2016 - 2016
Yesware
  • 使用Bootstrap将Sketch文件转换为HTML和CSS页面.
  • 将桌面版设计扩展为完全响应式网页.
  • 设计和创建微交互.
  • 将静态页面扩展到Handlebar模板中.
  • Created SVG animations.
技术: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

UI/UX设计师|前端开发人员

2015 - 2016
StaffMatch
  • 重新设计仪表板和公共页面.
  • 编写一个响应式web界面.
  • 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
  • 为送货服务开发了一个交互界面，其中有一个非常罕见的选择更换产品的选项.
  • 根据设计的功能创建HTML结构.
  • Cut graphics in Sketch.应用程序和CSS重新创建的视觉元素.
  • 避免与使用LESS生成的预定义CSS规则冲突.
  • 通过添加伪类和使用JavaScript和jQuery动态切换样式来创建交互.
  • 破解Bootstrap框架，实现基于全高清和人像iPhone模式的全响应.
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

平面设计师|前端开发人员

2015 - 2015
Walkio
  • 将网页的早期版本重新设计为完全响应式的web服务.
  • 为客户和员工设计有吸引力的登陆页面.
  • 创作了六幅插图，并将它们动画成短循环.
  • 设计了独特的用户界面，增强了仪表板的用户体验.
  • 用HTML编码一个响应式网站, CSS, and JavaScript, 并破解了Bootstrap框架，以实现真正的跨平台兼容性.
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

Web Designer

2014 - 2015
BirdieFire
  • 为一个主要在iPad上使用的web应用程序设计了一个界面.
  • 为新服务创建登陆页面设计.
  • 设计印刷广告，包括竖立的横幅、海报和传单.
  • 重新设计旧页面，并用HTML和CSS重新编码，以实现响应性.
  • 设计和编码了一个独立的计分板显示循环，应该站在俱乐部.
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
  • 在几个新页面类型上使用SASS扩展现有外观.
  • 使用Flask框架创建新的模板页面.
  • 重新设计了一些细节，以更好地与上下文兼容.
  • 熟悉了Python，扩展了我在面向对象编程方面的经验.
  • 改进了使用JavaScript和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
国际理工大学
  • 对现有界面进行分析、讨论和改进.
  • 在Balsamiq Mockups中设计了一个线框，在Sketch中设计了模型，并在Photoshop中增强了照片.
  • 用HTML、SCSS/CSS和JavaScript创建一个交互原型.
  • 为演讲设计信息图表.
  • 组织和部分管理市场和开发部门之间的项目.
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

平面设计师|前端开发人员

2012 - 2014
核能技术研究所
  • 为桌面和web应用程序设计界面.
  • 为复杂的工具和操作设计非常具体的自定义图标.
  • 改进用户体验，创建更好的用户友好环境.
  • 处理并负责前端开发与实现.
  • 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

平面设计师|前端开发者| Flash开发者

2010 - 2014
MSFG International
  • 设计宣传材料印刷从传单到巨型板.
  • Created digital illustrations.
  • Designed a website.
  • Wrote code in HTML and CSS.
  • 创建WordPress主题并提供web管理.
  • 创建视频材料和动画.
  • 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, 内容管理系统(CMS), Full-stack, PHP, Web Development, Redesign, Web Animation

Flash Developer | Designer

2008 - 2010
Artix
  • 处理并负责网络广告开发(Flash横幅)创建复杂的互动动画, 基于粗略的故事板，小于60KB.
  • 管理并负责丰富的互联网应用程序开发-具有流畅交互式多媒体体验的全屏Flash站点.
  • 创建基于web的Flash迷你游戏.
  • 构建教育Flash独立应用程序，随机生成基于XML的测验，结果跟踪和统计.
  • Did extensive work in Photoshop.
Technologies: ActionScript 3, ActionScript 2, Flash, Web UI, UI Animation, Design, Front-end, UX Design, UI Design, Animation, 内容管理系统(CMS), Web Development, Dashboards, Web Dashboards, Web Animation, GSAP

BirdieFire

我为一家领先的高尔夫教练服务公司设计并开发了前端.

Walkio

我开发了登陆页面的前端和狗狗护理服务的仪表板.

斯洛文尼亚自然历史博物馆多媒体指南

我在2011年设计并开发了这个iOS应用程序. 它是中欧最早的移动博物馆应用程序之一. 这个设计是高度拟物化的, 这在当时是非常可取的，并且与该机构的历史外观密切相关. 它支持五种语言的音频流和同步文本, 它由触摸手势和动作检测控制.

它在iTunes上仍然可用，但与iOS 7+不兼容.

Voisecutor

我编写了一个登陆页面，并为司法部门的视频转录服务编写了一个原型应用程序.

Vert Solar Financing

我为美国领先的太阳能产业开发管理服务.

UX/UI设计师和前端开发人员

http://piazza.com
担任美国领先的学习管理系统(LMS)的UI/UX设计师和前端开发人员. 我的角色最初是基于桌面大小的模型编写HTML和CSS, but soon, 我必须把它们变成一个响应式布局，并把它们实现到Angular代码中. 后来我重新设计了旧的无响应界面，并将它们编码到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

响应式布局，响应式网页设计(RWD)， UI设计标准 & 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, 学习管理系统(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, Video Editing, SVG, Accessibility, Research, UX Research, UI Research, Information Architecture (IA), Mobile UI, Mobile UX, Product Design, Informatics, Bootstrap 5, 内容管理系统(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

萨格勒布大学-萨格勒布，克罗地亚

2011 - 2011

多媒体应用研究硕士学位(通过伊拉斯谟交流计划)

卢布尔雅那大学-卢布尔雅那，斯洛文尼亚

2004 - 2008

Bachelor's Degree in Informatics

萨格勒布理工学院-萨格勒布，克罗地亚

Collaboration That Works

How to Work with Toptal

在数小时内，而不是数周或数月，我们的网络将为您直接匹配全球行业专家.

1

Share your needs

在与Toptal领域专家的电话中讨论您的需求并细化您的范围.
2

Choose your talent

在24小时内获得专业匹配人才的简短列表，以进行审查，面试和选择.
3

开始你的无风险人才试验

与你选择的人才一起工作，试用最多两周. 只有当你决定雇佣他们时才付钱.

Top talent is in high demand.

Start hiring