Getting lists of courses and mentors from the client.
![gitis process 1](gitis-process-1.jpg)
Exploring the institute’s rules for signing up for auditions. Putting together user scenarios. Correspondinb actively.
![gitis process 2](gitis-process-2.jpg)
![gitis process 3](gitis-process-3.jpg)
We need to show all departments and majors and provide an opportunity to sign up for an audition with a specific mentor. What if we solve the problem head-on and start right with an application form?
![gitis process 4](gitis-process-4.jpg)
![gitis process 5](gitis-process-5.jpg)
The form doesn’t reveal the scale and makes selection difficult, plus it looks absolutely boring. Trying to display a calendar with load by days instead.
![gitis process 6](gitis-process-6.jpg)
Too complicated. Deciding to keep only a list of majors and mentors on the main page.
![gitis process 7](gitis-process-7.jpg)
Simultaneously thinking over the technical part and creating a custom website administration system that will be understandable to any GITIS employee without any training.
![gitis process 8](gitis-process-8.jpg)
Writing a highly detailed manual for the system.
![gitis process 9](gitis-process-9.jpg)
![gitis process 10](gitis-process-10.jpg)
![gitis process 11](gitis-process-11.jpg)
Going back to the search for style.
![gitis process 12](gitis-process-12.jpg)
Trying to play with silhouettes.
![gitis process 13](gitis-process-13.jpg)
Rhyming the style with the institute’s signature colors and adding red and black to the website. Making rectangular photographs more dynamic by adding slants.
![gitis process 14](gitis-process-14.jpg)
Trying to illustrate each major with a photo.
Finalizing the effect.
Getting the institute’s new logo from the client. We get the idea to use logo-inspired blocks in tabs and mentor names.
![gitis process 15](gitis-process-15.jpg)
Thinking about major cards for two mentors. Fixing sign-up cards.
![gitis process 16](gitis-process-16.jpg)
Drawing favicons and deciding to go with number 10.
![gitis process 17](gitis-process-17.jpg)
Sending everything for typesetting. Making adjustments as we go and fixing errors.
![gitis process 18](gitis-process-18.jpg)
Adding a banner to the main page. The client opens the sign-up page.
![gitis process 19](gitis-process-19.jpg)