Position: UX/UI Designer
Category: Design
English level: upper
Years of experience: 1


UX/UI Designer (Study Projects)

Research and Analysis

-The first step to create my projects was research. A deep analysis of the target audience, competitors and trends was carried out.
-After analyzing other sites, I wrote down their advantages in order to understand what people like and implement it in my work, as well as the disadvantages in order to avoid such mistakes.
-I also wrote the names of the blocks and their arrangement in turn, plus what information should be present in each block.


Moodboard and Wireframing

-A moodboard was made which consisted of hypotheses for both ui (color palette, site atmosphere, fonts, photos) and ux (ideas for improving the usability of the site).
-For the landing page, a prototype of the main page and pop-ups was created. However for the e-commerce I made the user flow first and then the prototypes of all pages.
-All prototypes were created with a specific grid for each project.
-For convenience, I used components in figma for those parts that were often repeated, for example, a header or products on a catalog page.


Implementation of Creativity

-After ux part I used my knowledge of ui. I chose the colors that I would definitely use based on color theory, finally chose the fonts, photos and started adding creativity to the prototype. 
-In the ui process, the ux part changed a little but without compromising usability.


Additional Work

-After the final completion of the ui part, I proceeded to adaptive design and created versions for the tablet and phone.
-Then a ui kit of all interactive elements was made.


Check and Presentation

-The end of the work was a check for possible errors such as typos and uneven distances between blocks.
-I also grouped the elements into blocks to maintain order in the layers.
-When I corrected everything, I proceeded to a presentation that harmoniously matches the design of the project.


Throughout the work in the layers there was an order and each element had its own name for better understanding while interacting with them.