Dimitar Mitreski, Developer in Ohrid, Macedonia
Dimitar is available for hire
Hire Dimitar

Dimitar Mitreski

Verified Expert  in Engineering

Bio

An artistic soul with engineer's thinking, Dimitar uses creativity, UX/UI know-how and technical skills to both create a design and translate it into code. He values visual impact as much as quality of code and believes in the value of style guides, communication, and passion.

Portfolio

H4
Confluence, Jira, Adobe Experience Design (XD)
Inscale
Kanban, Agile, Scrum, Git, AngularJS, Kendo UI, JavaScript, CSS, SCSS, HTML...
Stas
Kanban, Agile, Scrum, Adobe Photoshop, Adobe Illustrator, BEM, TFS, Git...

Experience

  • UI Development - 7 years
  • Prototyping - 6 years
  • UX Design - 6 years
  • HTML5 - 5 years
  • User Experience (UX) - 5 years
  • Adobe Experience Design (XD) - 3 years
  • Human-machine Interface (HMI) - 1 year

Availability

Part-time

Preferred Environment

Git, JetBrains, Visual Studio, MacOS, Windows

The most amazing...

...products I've worked on are used by 1.4 million employees at the NHS in UK and elsewhere, directly improving patient health care and lowering hospital expenses.

Work Experience

Product Designer

2019 - PRESENT
H4
  • Designed H4, a digital platform transforming the documentation that underpins global financial markets and legal contracts. www.hfour.com.
Technologies: Confluence, Jira, Adobe Experience Design (XD)

UX Designer, Web Designer

2018 - 2019
Inscale
  • Worked for a big client from the trailer manufacturing domain.
  • Designed the UX and UI and integrated the design for HMI (human machine interface). PLC by ABB, Beckhoff, Mitsubishi, and Omron. Robots by Panasonic and ABB.
  • Designed the UX/UI and developed the UI for a custom ERP solution.
Technologies: Kanban, Agile, Scrum, Git, AngularJS, Kendo UI, JavaScript, CSS, SCSS, HTML, Adobe Suite

UX Designer, UI Developer, Web Designer

2018 - 2019
Stas
  • Designed the UX/UI and integrated the design for HMI (human machine interface). PLC by ABB, Beckhoff, Mitsubishi, and Omron. Robots by Panasonic and ABB.
  • Designed the UX/UI design and integrated the design for a custom ERP solution.
  • Won "Factory of the Future" award as part of a larger system.
Technologies: Kanban, Agile, Scrum, Adobe Photoshop, Adobe Illustrator, BEM, TFS, Git, JavaScript, AngularJS, Kendo UI, SCSS, CSS3, HTML5, Adobe CC

UX/UI Developer and Designer

2016 - 2018
Allocate Software
  • Designed in-house promo and branding materials.
  • Organized Connect, a monthly in-house event for the entire Skopje office.
  • Developed UX and UI of desktop, tablet, and mobile applications for managing staff and unfilled duties, nurses and doctors in hospitals in the UK and other countries.
  • Led an innovation project about the integration of native map applications into current and future company products: research and planning with a team of 6 people.
  • Designed low fidelity and high fidelity mockups and prototypes for product owners for both project planing and client demo.
  • Participated in job fair events in addition to planning and leading interactive IT games for students and graduates.
  • Suggested and founded the process of unifying the design of different products.
  • Re-branded existing products with new brand guidelines.
Technologies: Ionic, TFS, Visual Studio, Adobe Illustrator, Adobe, SCSS, CSS3, HTML5

UX/UI Developer and Designer

2014 - 2016
Netcetera
  • Designed dozens of style guides for mobile banking applications for several banks based in Switzerland, using Adobe Illustrator and Photoshop.
  • Integrated the design for web and mobile magazines in the areas of IT and sport.
  • Integrated the design and supported a team of 20 developers building a complex solution for real estate management and sales.
  • Served as lead UI developer, using HTML/CSS framework to connect and coordinate three different vendors with different services, all into one single system: a tablet e-banking app for one of the biggest private Swiss banks.
  • Developed the UI of a software for hospital support of patients and personnel.
  • Designed brand and promo materials for Job Fair event.
Technologies: Adobe Suite, IntelliJ IDEA, Subversion (SVN), Git, Less, SCSS, CSS3, HTML5

UI developer, Web Designer

2013 - 2014
It Labs
  • Provided UI support for live websites including improvements and bug fixing.
  • Built Vanguard, a custom css framework, based on Bootstrap, for the needs of the company.
  • Supported UX for live apps and ongoing projects.
  • Contributed as part of two teams working on projects of various sizes.
  • Designed logos, wireframes and prototypes for web apps using Adobe Suite and Balsamiq.
  • Developed email templates.
  • Learned Git and Visual Studio enviroment.
Technologies: Bootstrap, WordPress, Joomla, Git, jQuery, SCSS, CSS, HTML

UI Development Intern

2012 - 2013
Cutting Edge Intelligence
  • Supported client websites built in custom CMS, Joomla, and WordPress.
  • Learned advanced HTML, CSS, SCSS, and Grid Systems.
  • Successfully used Bootstrap and Foundation frameworks; took part in building custom css framework.
  • Mentored into building html/css components, prototyping and supporting live apps.
Technologies: WordPress, Joomla, jQuery, CSS, HTML

Wuest Dimensions

Wuest Dimensions by Netcetera is a very complex application for managing real estate.

The client, Wuest Partner, is one of the best real-estate companies in Zurich. Its consulting work focuses on the construction and real estate markets as well as spatial and location development.

The project was so enormous and complex, it required a team consisting of a project manager, 3 technical coordinators, 9 front-end developers and me as a UI developer. Managing a team of this size was a successful challenge by itself. Team-members were located in Skopje and Zurich, with frequent meetups on both grounds. Environment and version control: IntelliJ IDEA and Git. We used Scrum and Agile methodologies.

Technologies and libraries used: Angular.js, LESS, KendoUI, Flexbox, UI-Grid.

We built a style guide for defining design elements, components and specifications. Design changes were first tested in the style guide environment, then implemented in the application. The project was initially developed over the course of 3 years, after which change requests and improvements we being implemented.

I could easily say this was one of the most challenging projects I had worked on and it was a pleasure being part of the team in Netcetera.

Employee Online

https://ahnfteol.allocate-cloud.com/EmployeeOnlineHealth/AHNFTLIVE
EmployeeOnline by Allocate enables staff members to view all aspects of their roster in the past, present and as far into the future as the rosters have been published. This includes annual leave, enhanced hours, training days, skills and certificates and their pay records before they receive their paper pay slips from payroll. It also allows users to request duties and time off for future off duties, submit their time-sheets online and log their bank availability.

Two teams worked closely together on the desktop and mobile versions of the app. Most of my work as a UI developer was on the mobile versions. This product replaces legacy products. Initial development time was around 1 year, but new features are constantly added and the product is expanded.

Technologies and libraries used: Ionic, KendoUI, SCSS, React.js. Environment and version control: Visual Studio and Git.

This was a complex and challenging product to work on. It is used by hundreds of thousands of nurses and doctors. I had the pleasure to work together with some amazing people and professionals.

Activity Manager

ActivityManager by Allocate allows you to schedule any clinical activity (e.g. clinics, ward rounds or theater sessions), assigning a lead for that activity (typically a consultant) and other supporting staff such as junior doctors, specialists, nurses, ODPs to ensure that particular clinical activity is delivered to the patient.

I was assigned to work as both a UI developer and designer on this project. The team consisted of product owner, five developers and one QA engineer. In under a year, we managed to develop this amazing product.

Target devices are desktop and tablets. Technologies used: React.js, SCSS, KendoUI, Flexbox. Environment and version control: Visual Studio, Adobe XD, Adobe Illustrator, and Git.

It was a very interesting project to work on, in a team of joyful people.

CodeNgo

CodeNgo by It-Labs is a service for publishing mobile apps. It offers the ability to self-publish to over 30 stores.

This was one of my first projects as an employee in a company. As a UI developer, I was a part of the team together with a product owner and a .Net developer.

The project was built over the course of 1 year.

Technologies and libraries used: Bootstrap, jQuery, CSS. Environment and version control: Visual Studio and TFS.

Park Lakeside Hotel

A static website for a then-newly opened hotel in my beautiful hometown, Ohrid.

Work was done part-time in the course of a few months. The team included 1 web designer (who was also a photographer), .net developer and me as a UI developer.

Technologies and libraries used: Bootstrap, jQuery, .net. Environment and version control: Visual Studio Code and Git.

Inside-it.ch

Inside-it by Netcetera is a responsive website for a small IT magazine based in Zurich, Switzerland.

The team consisted of a project manager, a java developer and myself as a UI developer. The project was done in the course of a few months. Technologies and libraries used: Java, LESS, Bootstrap, jQuery. Environment and version control: IntelliJ IDEA and Tortoise SVN.

The first step was to create a style guide, based on the requirements and design provided by the client. I used Bootstrap framework to define every element, component, grid system, media queries, colors, utility classes, etc. At the same time, java developer prepared the project environment and setup.

The second step was to build the application itself. The Java developer used components from the provided style guide and I implemented the back-end and base structure. In parallel, I was implementing a front-end structure, LESS code, and UX improvements.

The end result was a very happy client and a basket of Swiss cheese as a thank-you gift in the Netcetera office.

Facebook Loading Animation on Mediabox

This simple code was one of a featured pen on Codepen.

The idea was to replicate the loading animation used by Facebook when media begins to load.
2014 - 2018

Bachelor's Degree in Communication Networks and Security

University of Information Science and Technology "St.Paul the Apostle" - Ohrid, Macedonia

2006 - 2016

Bachelor's Degree in Informatics and Computer Engineering

Ss. Cyril and Methodius Univcersity - Skopje, Macedonia

Libraries/APIs

Flexbox, jQuery

Tools

Adobe Experience Design (XD), Balsamiq, Git, Adobe Photoshop, TFS, Adobe Illustrator, InVision, Visual Studio, JetBrains, Subversion (SVN), IntelliJ IDEA, Adobe, Adobe CC, Jira, Confluence, Sketch

Languages

HTML5, SCSS, CSS, CSS3, HTML, Less, JavaScript

Frameworks

Bootstrap, UIKit, Kendo UI, AngularJS, Ionic

Paradigms

OOCSS, UI Design, Scrum, Agile Software Development, UX Design, BEM, Agile, Kanban, HTML DOM

Industry Expertise

Web Design

Platforms

Windows, MacOS, Joomla, WordPress, Adobe Suite, iOS

Other

UI Development, User Experience (UX), Style Guides, Prototyping, Responsive Design, Flex Design, PSD to HTML, XD to HTML, PDF to HTML, HTML UI, Front-end Development, CSS Grid, Human-machine Interface (HMI)

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