UI/UX Portfolio

UI UX

2021

Alexandra Chudinova

Por�olio

Thanks for the Trip The type: Landing Page The industry: Travel & Hotel Descrip�on: The travel agency suggests the service in providing the relax and happiness for their guests 1st Screen Logotype Slogan Image Ac�ve bu�on for booking the trip Agent’s avatar Category: Web, UI/UX design

Thanks for the Trip 2nd Screen Name of the place Image Text what mo�vates the guests to book the trip Agent’s avatar

Thanks for the Trip 3rd-5th screens Gallery of the interiors in the houses

ISMG The type: Website The industry: Music & Talents

LOREM

Descrip�on: The musical couple organizes the perfomances.

They are already famous in their country of origin and abroad.

They are the violinists.

Web site has a gain to represent their professionalism and achievements.

1st Screen Logotype Menu Video on the background The bu�on for moving to the next screen Category: Web, UI/UX design

ISMG 2nd Screen The photo with two violinists Three ac�ve bu�ons: - To Order the musical perfomance for the Event - To Order the concert programs - Composer Igor Zaviyalov (contact)

ISMG 3rd Screen Menu: The Events Music for the Event Sofia Bridge Igor Zaviyalov The �tle: Our clients trust us Emo�onal text to mo�vate the visitors to order the perfomance The slider (le�-right naviga�on) with the clients (brand names) Client’s feedbacks The slider (le�-right naviga�on)

ISMG 4th Screen The �tle: Achievements The graphic with all awards and events If cursor is near one of the lines, the year of the event has to be near the descrip�on, opposite of the line

ISMG 5th Screen The �e tle: Photo/Video The slider (le�-right naviga�on) with video from the events and video clips The slider (le�-right naviga�on) for listening the new songs, pressing the dots in the middle, visitors can scroll the songs next and previous.

Shadow Play The type: Website The industry: Photography & Psychology Descrip�on: There is the Project what has a gain to tell the story about psychological personality and helping people to understand who they are. This web site is for the Exhibi�on.

Clickable logotype, the link directs to the home page.

Slide on the main page (le�-right bu�ons, the pictures before-light shadow) Category: Web, UI/UX design

Shadow Play 2nd Screen Clickable menu with submenu. If cursor is near this menu, user will see the submenu: before, dark shadow being, light shadow being.

Shadow Play 3rd Screen Each portrait/photo should be zoom in/out The portraits can be scrolled on the le�-right direc�ons

-

+

Shadow Play 4th Screen The “Light” is clickable, directed to the screen with “light” The photo can be looked at Zoom in/out

VICQUE Property Bou�que The type: Web site The industry: Real Estate Descrip�on: Real-estate agent needs a web site. She has the DB with all objects in Cyprus, Limassol for ren�ng and selling.

Web site represents her iden�ty and comfortable for searching all of the objects using the web site form.

If she has a mee�ng with her clients, she can easily to find the content online and send to the clients.

Category: Web, UI/UX design

VICQUE Property Bou�que 1st Screen Menu, clicking by the chosen sec�on, Visitor will be directed to the page The last 3 real-estate objects are represented on the main page. Clicking by each, visitor will be directed to the Catalogue with detaled descrip�on of the chosen object.

2nd Screen The web form where visitor can choose the parametres for finding the real estate objects.

Two ac�ve bu�ons: - Start to search - Clean the filter

VICQUE Property Bou�que 3rd Screen Catalogue.

Filter.

Clicking on the icon or “Details”, visitor will be directed to the page with all details of the chosen object and get the opportunity to book the personal visit.

VICQUE Property Bou�que 4th and next screens The next screens are full of the text.

The logic is the image what has the slider (le�-right) and text.

VICQUE Property Bou�que This web site has mobile version.

On the mobile resolu�on all screens are readable and comfortable.

In this project, to find good and high-skilled coders was very difficult, mostly in realizing the web form in searching the real estate objects.

PROFESSIONAL COURSES The type: Landing Page The industry: Educa�on Descrip�on: Professional Courses for the adults and teenagers.

Main subjects are: *****Graphic Design *****Web Design *****Design thinking *****Your Package *****Self-Branding *****Professional Ethics *****Por�olio Visitors can buy the course and take the consulta�on.

Each course has the sec�ons and vitor can buy just one modul of the course or full course.

Two languages: RU and EN. Category: Web, UI/UX design

PROFESSIONAL COURSES 2nd Screen The created Icons make the pages more interes�ng for the visitors.

Each course has a �tle and descrip�on.

Pressing on the bu�on “Buy”, visitor is directed on the pop-up window with full descrip�on of the lessons.

Pressing “Buy”, visitor can buy the course by card wri�ng his/her contact details.

The courses don’t need outcomes, because of the teacher.

The biography tells about the competencies and por�olio what represents what students can achieve.

PROFESSIONAL COURSES 3rd Screen Scrolling or choosing “Web Design” on the first screen in the menu, visitor is directed to the screen. He/She can buy Full course or each modul separately.

All informa�on is structured like on the second screen.

PROFESSIONAL COURSES 9th Screen The examples of the professional por�olio are represented by the external links in the descrip�on.

ONLINE DICTIONARY The type: Web site and Mobile App The industry: Educa�on & Languages Descrip�on: Professional terminological dic�onary by Design Industry. Specialists by graphic, web and communica�on design are applicable for this edi�on.

The transla�on is represented in two languages, russian and english.

The words and colloca�ons are based on the Cambridge Dic�onary.

1st Screen The alphabets and search.

Category: Web, UI/UX design

ONLINE DICTIONARY Inside Page Choosing on the first page the Alphabet, visitor can slide the cards and choose other alphabet.

ONLINE DICTIONARY 2nd Screen Visitor can buy the book and find the detailed menu.

ONLINE DICTIONARY In the Mobile Applica�on, the visitors can create their dic�onary and be comfortable in searching for the design words and saving in the personal library.

THANK YOU