My Dictionary

Mobile app screen displaying a French-English dictionary with words and translations, with navigation icons at the bottom.
Mobile app screen titled 'My Dictionary' displaying icons for Dictionary, Add words, Learn, Settings, and Statistics, with yellow highlighting and simple line art illustrations.
Mobile app screen with learning options for 4 words: Listening, Translation, Pronunciation, Dictation, and Flashcards, with start button at the bottom.

My Dictionary is a language learning app. It helps you learn the foreign words which you have added, through different exercises – listening, translation, flashcards, practising your pronunciation and writing the words under dictation. 

Prototype

Role

Product Designer (Research, Wireframing, Sketches, User Persona, User Journey, Interaction Design, Visual Identity, Information Architecture, Design System, UX/UI, Usability Testing)

Team

Developer

Tools

Adobe XD, Adobe Illustrator, After Effects

Year

2019

Type

End to End Mobile App

Why Yellow?

  • Cheerful colour

  • Energise and motivate

  • Awake awareness

  • Good contrast when it is combined with black

Color palette with four color swatches: yellow, black, white, and gray, each labeled with their respective hex codes.
Mobile app screen with yellow background, displaying a welcome message, a line drawing of open books, and a yellow button labeled 'Begin'.
A mobile app screen with a yellow background, prompting the user to add words, featuring an illustration of a hand writing on a notepad, and buttons labeled 'Back' and 'Next'.
Mobile app screen showing a 'Choose type of learning' prompt with an illustration of a brain lifting dumbbells, located between 'Back' and 'Next' buttons on a yellow background.
Mobile phone screen displaying a yellow and white app interface with a chart and the text "See your results," with navigation buttons labeled "Back" and "Next."
Mobile app screen with a yellow background showing an icon of a human head with various language characters inside it, and options to go back or next at the bottom.

Design Process

  1. Plan

  2. Wireframe

  3. User Persona

  4. User Journey

  5. Information Architecture

  6. Design System

  7. Prototype

  8. Icon & App Store

Mobile app screen showing language learning features for four words: Listening, Translation, Pronunciation, Dictation, and Flashcards with checkboxes and a Start button.
Mobile app to learn languages, showing French and English greetings with audio controls.
Language translation app screen showing the word 'Hello' being translated into French as 'Bonjour', with options to show answer immediately and adjust sound settings.
Mobile app screen showing pronunciation practice for the phrase 'Good morning' with speaker controls and a recording option.
Mobile app screen titled "Dictation" showing an option for 4 words. There is a hand drawing a gesture, a toggle switch for "Show answer immediately," and a list of four numbered items with ear icons.
Smartphone screen displaying flashcards for learning, with the phrase 'Good morning' in the center and language icons below.
Hand-drawn sketch of a mobile app user interface with three screens titled 'New group', 'Settings', and 'Add a word'. The 'New group' screen shows an image icon with the label 'choice' and two buttons below. The 'Settings' screen contains toggle swit
Hand-drawn sketches of mobile app screens for language learning, including translation, listening, and dictation features, with icons and interface layouts.
Hand-drawn sketches of a mobile app interface, including sections for pronunciation, flashcards, groups, and a main screen with a phone outline and navigation buttons.
Hand-drawn sketches of mobile app screens, including a start screen with a 'Begin' button, a screen with 'Back' and 'Next' buttons, a grid of icons, and a to-do list labeled 'All Last Marked'.
A user persona profile for Jane Doe, a 16-year-old student from France who loves learning new languages, traveling, and exploring cultures. The profile includes a photo of a smiling young woman with red hair holding notebooks and a tablet. Sections d
Flowchart illustrating a user journey for language learning, including steps, emotions, and actions. Steps include problem identification, app search, adding new words, learning, and results. Emotions range from happy to neutral to sad. Actions invol
Onboarding screen with main menu options: Dictionary, Add words, Learn, Settings, Statistics, and Results, each in individual rounded rectangles with listed sub-options.
Design system webpage with sections on typography, colors, atoms, buttons, fields, illustrations, molecules, and start learning activities, all featuring yellow, black, gray, and white color schemes.
Collection of four iPhones displaying a vocabulary learning app with yellow-themed illustrations, word lists, and study materials.
Mobile app screen titled "My Dictionary" showing icons for Dictionary, Add words, Learn, Statistics, and Settings, with yellow highlights.
Smartphone screen showing a language dictionary app with French words and their English translations. The interface includes a search bar, tabs for All, Last, and Marked words, and a yellow plus button at the bottom.
Mobile app screen showing a dictionary with six categories: Verbs, Cooking, Home, Activities, Greetings, and Colours, each with a colored tab and a yellow 'Done' button at the bottom.
Mobile app screen for adding a four-word Spanish and English phrase with flags, a note section, and a yellow background.
Mobile app screen showing language learning statistics with learned and missed words in French.
Mobile app screen showing a trophy with a star and the words 'Good Job,' indicating the user got 3 out of 4 words correct in a quiz or game, with a yellow theme.
Mobile phone screen displays a fitness app with a cartoon brain lifting dumbbells, showing 1 out of 4 correct words in a yellow-themed interface.
Mobile phone screen displaying app settings menu with options for language, notifications, storage, backup, export, and restore.

More Projects

  • Screenshot shows a mobile health app on iPhone, displaying a chat conversation with Sofia about feeling overwhelmed and discouraged, and a desktop interface with a mental health session update, goals, challenges, key updates, skills, assessments, and concepts for a mental health professional.

    Sentur Recovery

    App | Dashboards | Brand Design | Social Media

    View
  • My Dictionary

    My Dictionary

    App | User Testing | Prototype

    View
  • Three smartphones displaying a mental health and self-improvement app, with features including guided journeys, mood tracking, courses, and interactive diagrams.

    Sentur

    App | Research | Brand

    View
  • Three smartphone screens displaying a medical appointment booking app. The first shows a list of medical specialties and cities, highlighting Dr. Maria Ivanova as a heart surgeon in Sofia. The second shows upcoming appointments and health issues. The third shows Dr. Maria Ivanova's profile, including her photo, ratings, reviews, and biography.

    DocFind

    App | Research | Prototype

    View
  • Screenshots of the EasyPay online banking interface showing options for currency exchange, deposits, PIN change, balance inquiry, and fund transfer. The interface features buttons, input fields, and prompts in Bulgarian and English.

    EasyPay

    ATM | Animations | Research

    View
  • Three smartphones displaying social media pages for Sentur, an organization focused on personalized health approaches. The screens show a profile page, a story highlight section, and a post with an image of a woman jumping outdoors.

    Sentur Recovery Brand

    Brand Design | Social Media

    View
  • Four smartphone screens showing a music discovery app interface, including login, genre search, search results with images of concerts, and detailed event information with a map.

    ConcertHub

    App | Research | Prototype

    View
  • Laptop and smartphone screen displaying Coca-Cola marketing campaign websites, featuring red appliances, prize promotions, and recipes.

    Coke & Meals

    App | Web Design | Promo Engine

    View
  • Digital presentation slide showing five smartphone screens with the Goodreads app interface, highlighting features like book management, reading list, genre exploration, and user profile, alongside the text 'goodreads UX Case Study' and 'Christina'.

    Goodreads

    Case Study | UX | Research | Wireframes

    View