Dimitar Mitreski
Verified Expert in Engineering
UI Development Developer
Ohrid, Macedonia
Toptal member since May 1, 2018
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
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
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
H4
- Designed H4, a digital platform transforming the documentation that underpins global financial markets and legal contracts. www.hfour.com.
UX Designer, Web Designer
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.
UX Designer, UI Developer, Web Designer
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.
UX/UI Developer and Designer
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.
UX/UI Developer and Designer
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.
UI developer, Web Designer
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.
UI Development Intern
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.
Experience
Wuest Dimensions
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/AHNFTLIVETwo 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
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
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
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
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
The idea was to replicate the loading animation used by Facebook when media begins to load.
Education
Bachelor's Degree in Communication Networks and Security
University of Information Science and Technology "St.Paul the Apostle" - Ohrid, Macedonia
Bachelor's Degree in Informatics and Computer Engineering
Ss. Cyril and Methodius Univcersity - Skopje, Macedonia
Skills
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)
How to Work with Toptal
Toptal matches you directly with global industry experts from our network in hours—not weeks or months.
Share your needs
Choose your talent
Start your risk-free talent trial
Top talent is in high demand.
Start hiring