UI/UX
THEATRE ACADEMY
WEBSITE DESIGN
MAGIC CREATIONS STUDIOS
Worked on establishing brand guidelines, creating a UI system, making illustrations and graphics, and building the website on a no-code platform.
Information Architecture
Wireframes
The entire website is designed on an organic theme of playfulness. Keeping that in mind the initial ideation was done by hand to accommodate illustrative elements.
Homepage
Theatre
Lightboxes
About Us
Art Courses
The Design Language
The three primary colours according to the colour wheel - blue, red and yellow - were chosen as the main colours for the website, as they are the base of all creation! (And who doesn’t like colour in their life :))
Before starting off with building the website on wix, I create a figma prototype that helps me position the actual text and images in a better way, and also helps with deciding on the size of illustrations required.
Figma Prototype
Mobile or web, the designs fit according to all sizes giving every target the same access to all information.
Primarily contains brief information on the courses, the teachers and the outreach of the program and allows easy access to the registration process and all other major sections of the website.
Home Page
This is an entire scroll that consists of the academy's vision, mission, values as well as details about the faculty.
About Us
'Know more' leads to a page with details about the courses and the followed syllabus, along with achievements, events and gallery.
Art Page
This CTA is there across the screen at various points, as it is the main final point we want our users to reach. It opens up a registration form, carefully created using a CMS, keeping all necessary data inputs in mind.
Register Now
Responsiveness
Final Design
Here is the final design, as in the actual functioning website - www.magiccreations.studio.
Theatre Page
Primarily detailed information on the offered courses and direct access to registration.
Also contains FAQ’s and previous projects, events, and gallery.
