Dimitar Mitreski, UI Development Developer in Ohrid, Macedonia
Dimitar Mitreski

UI Development Developer in Ohrid, Macedonia

Member since October 30, 2015
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.
Dimitar is now available for hire


  • H4
    Adobe XD, Jira, Confluence
  • Inscale
    Adobe Suite, HTML, SCSS, CSS, JavaScript, KendoUI, Angular.js, Git, Scrum...
  • Stas
    Adobe CC, HTML5, CSS3, SCSS, KendoUI, AngularJS, JavaScript, Git, TFS, BEM...


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


Ohrid, Macedonia



Preferred Environment

Windows, OSX, Visual Studio, Jetbrains, Git

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.


  • Product Designer

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

    2018 - 2019
    • 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: Adobe Suite, HTML, SCSS, CSS, JavaScript, KendoUI, Angular.js, Git, Scrum, Agile, Kanban
  • UX Designer, UI Developer, Web Designer

    2018 - 2019
    • 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: Adobe CC, HTML5, CSS3, SCSS, KendoUI, AngularJS, JavaScript, Git, TFS, BEM, Adobe Illustrator, Adobe Photoshop, Scrum, Agile, Kanban
  • 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: HTML5, CSS3, SCSS, Adobe XD, Adobe Illustrator, Visual Studio, TFS, Ionic
  • UX/UI Developer and Designer

    2014 - 2016
    • 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: HTML5, CSS3, SCSS, LESS, Git, SVN, Intellig IDEA, Adobe Suite
  • 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: HTML, CSS, SCSS, jQuery, Git, Joomla, WordPress, Bootstrap
  • 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: HTML, CSS, jQuery, Joomla, WordPress


  • Wuest Dimensions (Development)

    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 (Development)

    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 (Development)

    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 (Development)

    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 (Development)

    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 (Development)

    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 (Other amazing things)

    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.


  • Languages

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

    Bootstrap, UIkit, Ionic
  • Libraries/APIs

    Flexbox, jQuery
  • Tools

    Adobe Experience Design (XD), Balsamiq, Git, Adobe Photoshop, TFS, Adobe Illustrator, InVision, Sketch
  • Paradigms

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

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

    Windows, iOS


  • Bachelor's degree in Communication Networks and Security
    2014 - 2018
    University of Information Science and Technology "St.Paul the Apostle" - Ohrid, Macedonia
  • Bachelor's degree in Informatics and Computer Engineering
    2006 - 2016
    Ss. Cyril and Methodius Univcersity - Skopje, Macedonia

To view more profiles

Join Toptal
I really like this profile
Share it with others