SoftEnglish is an app of learning English for children. The app uses different colors to represent different levels for learning new words and letters. Each word and letter represent by it's own qute illustrations. The app allows entry for the child, his parents and his teacher. Every user can sign in and fill his details. The parent can add his children to the games. The words and letters are represented by original illustrations.
I received the UX sketch from the client. The problem was how to turn the UX sketches into a warm and emotional design for children. An app that they would want to play with, and still maintain seriousness, because both the parents and the teachers are going to use this app. I also had to choose which are the right color for this app.
Attached is a the UX sketch which I got from the client of the first page of the app.
At first I was looking for a suitable design for a landing page for a children's play system. I found designs in strong colors of pink, purple, yellow, blue. Many shapes of circles and waves. I decided to design something in the style of these designs.
I used childish colors and the purple color of the logo. I put figures of children holding letters in English. I used shapes of background waves and all sorts of childish shapes. I put 3 buttons for parent, teacher and student. I thought the client would like this sketch but they claimed it was too cluttered and they did not like the colors.
The customer wanted more purple colors but in a gradient of pink and purple and not the purple color of his logo, but another purple, more contemporary.
The client didn't like the first skect. She wanted clear and detailed figures. She also wanted more classic and bright colors and not childish colors. She wanted the app to look calm. I looked for different apps and found apps which are more clean, calm colors, pink and light purple.
I cleaned the design from "childish" symbols and used it only in the main illustration which was a detailed figure of a kid. I used one big wave in the background instead of a few small ones. I used gradient colors for the background because I thought It would look more modern and attractive for kids. I changed the characters on the three buttons to be more detailed characters.
The client didn't like the gradient background color and wanted a whiter sketch. Also she didn't want to use yellow color in the color palette (although I didn't agree with that because I think it's a good childish color). So I changed the color pallete to purple, white purple and strong pink (for the buttons).
I decided to focus on the main skecth that was lost in the gradient background and put it in white background. Now it was possible to see the English texts written in the form of graffiti and all the illustrative elements related to learning and learning English
Also I removed unnecessary texts and made the page cleaner.
I also removed the button from the users' cube, so that there would not be one heavy cube for user input. I wanted the design of the user entrance to be more light and open like the wave it sits on.
And that was the sketch chosen for the landing page.
I learned that even though an app should be designed for kids, it doesn't have to be garish with strong colors, especially if it's for bigger kids.
I also learned that sometimes one good illustration is better than many illustrations and gibberish on the page.