2020 Jelena Popović UI & UX Design
“There are three responses to a piece of design: yes, no and WOW! Wow is the one to aim for.” My name is Jelena Popović am a designer by profession who specializes in interior design. After graduating I upgraded my theoretical knowledge through practical projects. I have always responded to the demands of modern design by using the most modern software. There I chose the Adobe palette (Photoshop, Illustrator and XD) for 2D design and Autodesk (AutoCAD and 3Ds MAX) when it comes to 3D design. I find inspiration for my work in various places because I like to transfer creative thinking to "paper". I am always looking for a way to improve my knowledge by following seminars, workshops and exchanging opinions with my colleagues. I love art because it is endless and allows me to be creative to create new things. Good design must be beautiful and practical to make things closer to us.
Jelena Popović Designer jelena.d.djokovic@gmail.com
(+381) *********
*********** 11000 Beograd
EXPERIENCE Ui/Ux Designer | 2020 - now
SKILLS o UI Design
90%
o UX Design
60%
o Drawing Illustrations
90%
o Video Editing
70%
OTHER SKILLS 100%
o Innovation
100%
o Responsibility
100%
o Self-initiative
80%
o English
• Work on different projects which you can see in the portfolio.
Ui/Ux Designer | 2017 - 2020 Webelinx. doo. Niš, IT company, position of designer
o Creativity
o Team work
Work on the ordered project
100% 70%
EDUCATION Bachelor's degree International University of Novi Pazar-B.Sc.Designer
• Work on different applications. Ui / Ux design, from application scheme to icon and marketing (Photoshops, Illustration and HitFilm-video program)
Enterior Designer | 2015 - 2017 Altreno Inc. doo. Niš, Architectural bureau, position of interior designer • Work on all project gardens, 2D, 3D and presentations (AutoCAD, 3ds Max and Photoshops) • Project presentations (adobe Illustration and photoshop)
2009 - 2014
Enterior Designer | 2013 - 2013, 6months
High school
Rustik doo. Niš, Custom Furniture, position of prentice
Gts. Neimarconstruction technician 2005 - 2009
Other improvements -3D Archeology course 3d Studio Max at the Faculty of Electronics 2013, Nis -Knauf Academy 2016, Stara Planina -UI / UX Workshop Miodrag Ristovski 2017, Nis
• From the conceptual design of custom furniture, to the final drawings with all the details for productionamet. Improvement of 2d drawing programs and photoshop.
REFERENCES Nikola Mikic - Rustik doo, Nis 060/5833730 Ivana Velickovic - Bachelor of Architecture Alterno Inc. Nis 063/650560 Ana Jovanovic Mijalkov - BSc in Philology Webelinx doo. Nis 069/1127987
01 Gastro
Communication between the end user and the restaurant
Stages of UX Design Process Understand
Sketch
Implement
Research
Design
Evalute
User Flow Blog Signed In
No
Yes
Create Acount
photo, title, description
Complement dish
Menu
Menu Category
Choose dish
First Name
Rezervation
Make/Change Reservation
Confirm
Last Name
More About Us
Order
Pay
photo, title, description
Country City Contact Phone
Correct
News
Gender
Date of birth Enter password/ email
Hоме
Yes
Theam
Team members
News
photo, title, description
Gallery
Photo
Lottery
Play Lottery
Team member
photo, title, description
photo, like, title, description
Confirm No
Congradulation
Voucher
Voucher Wallet Re-enter password/ email correctly
Cash Yes
Restaurant
Working Hours Bar Profile
No
Make Changes Maps
Contact Us Email, Phone, Location
Re-send password/ email
Log Out
Change Password
Confirm
Home page
Design Features -Each restaurant is logged in separately from the platform, from which it posts, photos, text, vouchers and news. Also, the manager uses the site to track the percentage of application dedication, orders and likes on the news -The end user can log in and follow the news in the restaurant, reserve a place, and receive all the necessary information about the restaurant. -The restaurant has the possibility of playing scratch where the end user always gets a voucher Materials done in: Photoshop-u, Illustrator-u i Adobe XD-u. Main result: satisfied customers and positive reviews
place for logo
if the user has forgotten the password, he can always change it by clicking on this text
if the user has an account they log in from here
if they don't have an account they create it here
Gallery
LogIn The gallery is viewed with the scroll down, and one photo is opened by clicking on it. Only a restaurant owner or an authorized person such as a restaurant manager can post photos and add a title and description to the description that is visible when the end user opens the photo. the text is read and scrolled down to read the whole. by clicking on the photo, the part where the text is is lost and only the photo is visible. The gallery is viewed by scrolling down, and one photo is opened by clicking on it.
Photo with a title and description
Users can use the menu by clicking on the menu icon in the tab bar or by clicking on the icon more. Each restaurant makes its own categories, sets photos and category names. We can order food or drink or dessert in the category. Below each selected dish is the rating of users who have already tasted the dish in the form of chef's caps. The chef's cap is a minimal like. 5 chef's papics is the maximum likeness of a dish. In addition to the chef's caps, there are stars that indicate whether the food is easy or harder to digest. 1star is easily and 3 are stronger foods. The icon that rings the clock with the minutes written next to it shows us how many minutes it takes to prepare and serve that dish.
Menu Category
Below we have a suggestion of soup, salad or pizza that the restaurant manager put as a suggestion with that dish. The application does not have the possibility of payment and for these reasons does not have a cart, only ordering which is numbered by the number behind which the user sits. In the wallet the user has a voucher that he received by playing the game scratch. Every game wins. there are no empty fields.
Menu
Restaurants can also set up their own team. they can write a short text about each member separately so that users know which specialties they can try and in order to get closer to their users. As with other screens, the restaurant owner or manager can post photos and write descriptions from the site. With the skrill option we read the text down and by clicking the back button we return to the home screen.
Our team
Team member Also, the owner or manager can write news, again through the site where they insert photos and a description and the title of the description. The news is on the home screen and clicking on one news item opens a screen where we have a photo, title, description and likes. The special wishes of the client of the application were that the news can be liked by the end user so that the restaurant manager has an insight into what the users like. there are no comments, to avoid negative comments and save time. Through the site, the manager monitors the traffic of users in percentages and what attracts the most attention of users.
News
The clients of this application are clients from Switzerland, they wanted the whole application to be in German, because their goal is to use it in Austria, Switzerland and Germany. The sites I mentioned in the description of the application did not work for me. that’s why I don’t even approach it in my portfolio. The text was used Loren ipusum because there was no need to use the text, because at the end of the design they wrote the text in German with which they later presented the finished product.
02 Hairdresser
Communication between the end user and the hairdresser
Start screen
Pick login
Login
Design Features -This application is a part of the master application. -The client wanted to have the following categories/: hairdressing salons, beauty salons, massage salons and spa salons. -When the user selects the location, the application shows him all the salons near him -The screens are the same for all categories, and each salon has equal opportunities to advertise -This application can be used in Europe and the United States. -Later there will be options for premium salons, not at this stage.
Location Materials done in: Photoshop-u, Illustrator-u i Adobe XD-u. Main result: satisfied customers and positive reviews
This application is part of the main application. The client wanted all hair salons, beauty salons, massage parlors and spas to be in one place. The user can create his/her own profile if he/she wants to follow the salons. This is a mini application within a large application, if the user wants he/she can create his/her account in a large application and remain logged in for this application as well. when the user selects a category,
Category
all salons in near you a slot where he can write his/her location comes to the scree. There, he/she can write the location or select a predefined category. "near me" category where all the offered salons from the chosen category are sorted by the distance from the given location. From the data on the home screen, you get the name of the salon, the distance from and back of the location, the city in which it is located, the place for the logo, hiro photo, installments and contact. This application can be used in Europe and the United States. Selecting a salon takes the user to the screen where all the necessary information is available - hair photos, logo, salon's name, salon;s distance from the user, rating button, contact, direct booking option, where the nearest road is placed, photo gallery, salon's licenses, information about the products and services the salon provides and in what it specializes, method of payment and something about the salon itself. The salon is logged in via a business account.
Selected salon
Qingdao Krin is located in Qingdao, Shandong, China. They have green new look for their site without new features. It deals with wholesale sports equipment. The text on the screenshots is the original text from their existing site. New text are just product names, ‘’the suggestion is to redo photos of products they offer following the example of famous brands Addidas, Nike, Puma ...’’ Because the photos from their current site are very bad. All their functions have been retained and applied in a more modern way. Purchase through the site is not possible, only contact and ordering by codes is possible. it is the current business of that firm. The category Products contains illustrations drawn in Adobe Illustrator. The photos are process in Photoshop and the wireframe is set in Adobe XD
Main result: satisfied customers and positive reviews
Illustration
Icons for saving and saving specific files
Photos
Camera
Videos
Video
Audio
Record
Documents
New documents
Illustration for a mural