Kirill Mitsurov

portfolio UX/UI by kirill mitsurov 01 toptal edition 2022 02 03 04 05 06 Podcast LuxUnplugged podcast Client type: B2C Employer: 8points Studio 01 About client LuxUnplugged gets together with key leaders to unearth untold stories in Luxembourg. Since then, LuxUnplugged has grown with new members joining the team and with the show adding series dedicated to space (Dark Matter Uncovered) and climate (Net Zero Future) in 2022. GOALS The design of the project had to be updated because the audience of the project grew rapidly. The content structure also needed to be refreshed as the project launched two more podcasts. Based on the website design, all social media channels should be renewed. My ROLE (UX/UI/Graphic/Motion Designer) Being a single designer on the project I need to perform a vast list of creative tasks. Research & Ideation. Wireframing & Prototyping. Graphic Design & Animation. RESULT & LINK All planned UX/UI tasks were accomplished. Shortly, I need to finish only a hi-fi prototype to show the UI animation of the website. The project is in the stage of web design integration. www.luxunplugged.com * Find the full version of the project on Behance Used applications UX wireframes sitemap 01 LuxUnplugged podcast We started the project with initial research. Using Milanote app I provided a mood board. Based on the collected information I could propose a wireframe. The client liked the solution where each podcast will have a dedicated page. The home page should accumulate all the podcasts. UI final design 01 LuxUnplugged podcast During the UI design process, I also was updating the brand style of the project. Both design branches were combined on the stage of the final UI delivery. I proposed a different color code for each podcast that we can mix together on the home page. https://vimeo.com/manage/videos/- https://vimeo.com/manage/videos/- ANIMA Based on ui final design 01 LuxUnplugged podcast toni When the UI part was done I proposed to use created design elements for the promotion of the project on social media. It was also a good foundation for the future high-fidelity prototype of the website. animation studio 8points studio Client type: B2B Employer: 8points Studio 02 About client 8points studio was founded in 2021 by a group of people who wanted to improve the quality of commercial animation in Luxembourg. The studio uses the most popular animation tools to provide customers with best-in-class ads. GOALS The motion design sphere is a highly competitive one and means an original design approach to stand out the services from competitors. The studio has a nice portfolio that became the primer focus of the project. The main goal was to show customers the complex variety of services that urge them to order ads. My ROLE (UX/UI/Graphic/Motion Designer) I was responsible for the project from scratch. Here is the list of tasks that I performed during working on the projectÕ Ó Research & Ideation.ð Ó Wireframing & Prototyping.ð Ó Graphic Design & Animation.ð Ó Web Integration (HTML, CSS). RESULT & LINK The project took about 2 months to accomplish all stages, from the initial research to the final web integration & development. At the moment, 8points Studio is collaborating with a few motion designers over the world. www.8points.lu * Find the full version of the project on Behance Used applications UX wireframes sitemap 02 8points studio As usual, I started the project with research. I used two web-based applications Milanote and Miro to collect and sort all input data. Commercial animation is a huge sphere, by then it was not a problem to determine the future structure of the website. The solution was to divide the portfolio into specialized showreels. They should become the main source of information about the studio for future customers. UI final design 02 8points studio It's much easier to be inspired working with other great designers. 8points studio shared with me lots of examples of their work that became the foundation of the UI design. They chose a dark UI style to focus user attention on the portfolio. https://vimeo.com/manage/videos/- Proto Animation & micro intractions 02 8points studio ty pe Motion graphics are synonyms of animation. That's why we took the decision to implement some UI animation. I made a hi-fi prototype to show all details when users interact with the website components. fund industry Client type: B2B Employer: Reborn FUNDSQUARE 03 About client Fundsquare provides answers to the growing concerns of fund industry actors regarding costs, inefficiencies, redundant systems, disparate processes and lack of standardisation. GOALS I needed to create a design system that could easily be used to build new screens inside the scope of the project. The system should have a clear user guide for future users and the development team. My ROLE (Senior UX/UI Designer) On this project, I was working tightly with a business analyst for about 5 months. UX support. Wireframing & Hi-Fi Prototyping. Design System creation, update, and maintenance. Assistance with a graphic design for the app. RESULT & LINK The project has been successfully running since 2019. The design system was entirely implemented by the team of developers and converted to the web reusable components. * Find the full version of the project on Behance Fundsquare Used applications UX wireframes 03 FUNDSQUARE Besides my main role in the creation and support of the design system I constantly solved UX tasks. One of them was to rethink the layout of the existing application and propose new ones. The update was made based on the user interviews where I could find the current pain points of the application. UI final design 03 FUNDSQUARE Working more than one year closely with design system développement. I found many unique ways how to build highly adjustable components. The design system could fastly be adopted for another project by changing the root variables. https://vimeo.com/manage/videos/- https://vimeo.com/manage/videos/- Proto Animation & micro intractions 03 FUNDSQUARE ty pe When the design system was ready the client asked me to make a prototype. It must show the key features of the future design before the project run into the development stage. This prototype was also used for the presentation of the app to potential customers. national postal service post luxembourg COntrolcentre Client type: B2B Employer: Reborn 04 About client POST Luxembourg is Luxembourg’s leading telecommunications and information services company. It was founded in 1842 as a public service and has been a wholly state-owned company since 1992. It is the country's largest provider of postal and telecom services and also offers financial and philatelic services. My ROLE (Senior UX/UI Designer) The post controlcentre was a constantly growing application. After one year of development, the project needed a professional who will systemize and update all components of the app.6 Design System creation, update, and maintenance.6 Assistance with a graphic design for the app.6 Animation support for web components (CSS). * Find the full version of the project on Behance GOALS Create a design system that can be easily reusable across the project. The client insisted on detailed documentation. It must be consistent with other projects and also has to be a new standard for user manuals. RESULT & LINK Grounded on the design system the project got a fresh update. Developers implemented it much faster thanks to the detailed documentation. Currently, the project is working and constantly updating. Controlcentre Used applications UI Design system 04 post luxembourg - COntrolcentre The post controlcenter design system includes a complete spectrum of components grounded on easily adjustable ones. I used the atomic system approach which is very similar to web development. The system can be fastly changed by adjusting the root components (atoms). UI final design 04 post luxembourg - COntrolcentre The final design was completely responsive and can be quickly resized to any desktop & tablet device. The detailed documentation helped to find the needed state of the component very fast. blockchain technology Client type: B2B Employer: Reborn Apla 05 About client Apla blockchain is a secure, simple and compliant blockchain infrastructure for a fast-growing global collaborative economy segment. Small and medium sized enterprises will benefit from reducing operational costs and go-to-market time, fundraising solutions at an early development stage. GOALS I started my journey with Apla when the app had been already developed. It was a problem as the UX part was never done before. The main goal was to improve the UX. Based on a new wireframe I needed to create an easily digestible UI. I also supported the project in terms of promo design. My ROLE (UX/UI/Graphic/Motion Designer) Luxembourg has its own small silicon valley where startups make their dreams come true. One of them was Apla. A blockchain-based application. I helped the project to become user friendly and good designed app. I was responsible for:_ G Research & Ideation._ G Wireframing & Prototyping._ G Graphic Design & Animation. RESULT & LINK The application was released in 2020. Afterward, the company won a grant of 50 thousand dollars. Later on, the project was incorporated by Docler Holding. Who injected Apla’s blockchain technologies into the prime business. Promo video * Find the full version of the project on Behance Used applications UX APPLICATION MAP 05 Apla It’s easier to start a project from scratch. Alpa app wasn’t that case. The project had been existing around a year when I joined the team. I decided to create an application map to have a full overview of the project. It also helped me to understand the downsides of the project that should be improved. UX wireframes 05 Apla I designed the first wireframe interviewing all team members. I tested it with potential users. Each time I improved the wireframe and iterated user testing until the UX part was clear for most testers. UI final design 05 Apla I used a design system rule during creating wireframes. After that, the UI implementation took me only a day. I just needed to style the draft components and the full amount of wireframe screens was converted to the final design. https://vimeo.com/manage/videos/- Proto Animation 05 Apla ty pe The final stage was to present the app to potential clients. I decided to propose a high-fidelity prototype mixed with a 3D rendered device. The idea was approved by the client shown in multiple presentations. Sport & Donation Client type: B2C Employer: Reborn A2B+ 06 About client A2B+ is the first solution, dedicated to rewarding, supporting and motivating everyone to do more walking, running and biking - human-powered commuting - in everyday life. GOALS The project assumed a big chunk of work related to competitor research. The service was unique for Luxembourg, but it comprise a lot of features that were already done in other applications. I needed to combine the functionality of a fitness tracker with a complex system of rewards and donations. My ROLE During my mission I was responsible for: Research & Ideation. Wireframing & Prototyping. Graphic Design & Animation. RESULT & LINK The project was released in 2020. The new update of the app is in progress. It will include an update for UI. A2B+ on App Store Website * Find the full version of the project on Behance Used applications UX wireframes 06 A2B+ The full functionality of the project was vaguely defined at the begging. The client often added new features that made the UX part incompatible with the further steps. After a couple of wireframe updates, I got the best experience that will help me to avoid the same mistakes in the future. UI final design 06 A2B+ The UI design part went surprisingly fast. The implementation was smooth because all problems were corrected and improved during the UX stage. You can see the latest update of UI on the image above. It should be developed with a new release of the app. https://vimeo.com/manage/videos/- Proto Animation & micro intractions 06 A2B+ ty pe I also prepared a user interactions animation with a short video presentation of a new UI. THANK YOU kirill mitsurov- www.donsiamese.com -