DECORD is your all-in-one solution for distraction-free content creation on the smartphone. DECORD uses voice recognition to decode and transfer your words into text. On top of that DECORD has an integrated grammar tool that searches for any mistakes to make your texts look as professional as possible.
APP CONCEPT
DECORD
The Goal
Combining the aspects of distraction-free content creation with the option to insert the content right into an easy-to-use template was the main goal.
Topping everything off with frontend styling options to make the content fit perfectly into the user’s website to make the app more interesting and user-friendly.
The Idea
Creating content and putting it into a design seems to be a hard task for some people. The main idea was to create an app that guides the user to make these tasks as simple and straightforward as possible. By designing the app as a plug-in for websites, the user is now able to add as much content as he wants to his website just by using his smartphone instead of a computer.
Building content creation based on smartphones’ speech-to-text function makes this app unique in its workflow. Instead of writing everything by hand the user simply dictates whatever is on his mind to his phone.
Colors & Material
Based on the trending color apricot I wanted to implement it into my design. I tried different versions of it and always started to lean towards more red-based tones. At this point, I decided to use a color gradient as my accent color. I was now able to use the apricot as well as a more reddish color.
To make my accent color stand out even more I now tried to find a cool-toned base color that leans more towards the blue or green side.
Independence
#505a70
Radical Red
#F54B64 – #F78361
Gunmetal
#232a38
Typography
OpenSans
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
Dosis
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
Logo
Since one of the app’s main components is voice input, I decided to implement this into the logo. By including a microphone icon instead of the letter O, I was able to do so.
