![A poster mock up for the fake Typochondria type conference](https://pro2-bar-s3-cdn-cf4.myportfolio.com/4722d681-909d-4ba5-811d-c82d41f6cfb1/5c5f9863-6947-4b06-8db2-7c7f36210b2e_rw_3840.jpg?h=562d852231a9a3e00f483d783f8cdd6d)
Background
Typochondria is the fictional name of a type conference from 2019. As a student, I was instructed to design a logo, poster, and logo in motion for this conference.
Goals
1) Make a fitting, eye-catching, and memorable logo for Typochondria
2) Build a related poster with the logo
3) Set the logo in motion
Logo
Ideas and Sketches
Initial Thoughts: Should I use typo/chondria, typochondria, capital letters, lowercase letters? Should it feel spunky, serious, joyful?
Choosing a Focus: The SLASH!
![Typochondria logo hand drawn sketches](https://pro2-bar-s3-cdn-cf6.myportfolio.com/4722d681-909d-4ba5-811d-c82d41f6cfb1/779fe847-6597-426d-b322-38612cc47fb2_rw_600.jpg?h=2d842dcae61304ee984de917bb74a1db)
Experimentation
The slashes were my main priority. But it didn't look good on or behind most of the letters.
![Experimental Typochondria logos from Illustrator](https://pro2-bar-s3-cdn-cf6.myportfolio.com/4722d681-909d-4ba5-811d-c82d41f6cfb1/7d365848-7778-4703-9724-7c3c6d7dd1eb_rw_1200.jpg?h=6b502279cb785b2e5a54dded7283f4fd)
The Solution
The Slash: It's repeated fully twice and partially once (on the letter i).
The letter D: The letter D is a capital letter just to really solidify the idea of typochondria, or, in this case, an excessive concern over type. If you were a typochondriac, you probably would not want a capital D mixed into your lowercase letters.
Overall: It is clean, simple, and allows for creativity in the animation.
![The final Typochondria logo that focuses on the slashes](https://pro2-bar-s3-cdn-cf6.myportfolio.com/4722d681-909d-4ba5-811d-c82d41f6cfb1/7bc26d57-078c-4303-ae90-c3cf2a040e7a_rw_1200.jpg?h=02bf981993fda3f58af4f509fd66c20b)
Poster
Initial Ideas
If you have not guessed it...
Focus on the Slashes: I tried to follow the lines on the logo to make my own grid system. The word was spit up in order to capture both slashes visually.
![Experiment for the Typochondria poster](https://pro2-bar-s3-cdn-cf2.myportfolio.com/4722d681-909d-4ba5-811d-c82d41f6cfb1/d1003404-760e-4fc1-8d6b-3d6d85b919ed_rw_1920.jpg?h=b58f75b882292aa8af6874b653632a38)
Experiment for the Typochondria poster
![Another experiment for the Typochondria poster](https://pro2-bar-s3-cdn-cf3.myportfolio.com/4722d681-909d-4ba5-811d-c82d41f6cfb1/4e8f8d74-7d15-45f1-aa94-5d5c805bc146_rw_1920.jpg?h=6e479ac00adddceee10416135a8966ce)
Another experiment for the Typochondria poster
Some thoughts: How can I capture movement with implied lines? What distractions needs to be removed?
The Solution
Keeping the angles: Use the idea of the slash without focusing on the slashes.
Main Color Scheme: red is powerful and catches people's eye. Yellow stands out and continues the warmth of the red.
Secondary Color Scheme: Go to the cool side of the spectrum.
![Final Typochondria poster in grey and blue](https://pro2-bar-s3-cdn-cf.myportfolio.com/4722d681-909d-4ba5-811d-c82d41f6cfb1/8e301a12-c473-441d-8f8a-84111f8a0807_rw_3840.jpg?h=be440970686ec96fc15acaa49bc6a7b6)
Final Typochondria poster in grey and blue
![Final Typochondria poster in red and yellow](https://pro2-bar-s3-cdn-cf2.myportfolio.com/4722d681-909d-4ba5-811d-c82d41f6cfb1/3eb706eb-44be-4505-9a30-75ffc488e1f2_rw_3840.jpg?h=4e018e39c51132d8f88d134c4c32a4bf)
Final Typochondria poster in red and yellow
Logo in Motion
Slashes? Nah. Line work: The focus was still on the slashes, but not necessarily their angle. It's about the piecing together of the line work.
![A GIF of the Typochondria logo in motion](https://pro2-bar-s3-cdn-cf.myportfolio.com/4722d681-909d-4ba5-811d-c82d41f6cfb1/bd691a1b-f667-4783-9b85-e3e5cd0355fc_rw_1200.gif?h=d6b8e26f48837c51238d993005aa2761)