TechSpok Academy
Project Brief: TechSpok Academy
Vision: Empowering Designers with useful technology & Technologists with appropriate Design literacy
TechSpok Academy is an Online education platform for the Designers and Technologists to explore and upskill themselves with newfangled and advanced skills. With each course, it is expected to bridge the gap between Design and Technology more and creates a smooth blend between the two.
Key Features
Online Courses I Live Classes I Team trainings I Earn from your work display
"To Design the brand identity and create an engaging website incorporating the above vision and features."
Project Kickoff
Based on the company's vision, the iconography and brand characters were designed to display a strong story telling narrative. 3 Icons of Design, technology and Tools were created with an appropriate color selection. And accordingly, each of the brand character was made indicating the particular proficiency in Design, Tech and Tools respectively.
Icon Design
Design
Design icon is associated with a bulb, an idea
Technology
Technology with the web indicating data structures,etc
Digital Tools
Digital Tools with multi-tasking working on multiple screens all at once
Brand Characters
Designer is represented by the curly hair with quirky outlook. Whereas the Technologist is associated with a serious look wearing spectacles and a tie belonging to an IT setup.
On the other side, a Digital Tool expert comes with the multidimensional approach with multiple hands depicting multi-tasking and using three screens.
Design Systems
Setting up the design system for the consistency of the Brand image
Information Architecture of the Website
Course Page
It covers upcoming workshop calendar, course packages, courses divided based on Design, Technology and Tools & Software segment, testimonials and register now section in the footer.
Home Page
It covers a search bar, filtration based on Design, Tech & Tools. Join free CTA's, Popular course section, Intro about TechSpok, why choose TechSpok, Companies associated with, Testimonials, Buy the student's work section, Register now section.
Popup for free master class
A pop-up flashes after 130 seconds for a free master class. And a thankyou pop up if you register.
Designs
The course option list
Design, Tech and Tools opens up a rollout window with the list of courses offered in their sections.
Registration Pop up
The registration happens in a form of a popup window when the CTA of 'Join now' or 'Register now' is pressed.
The course page (Online Live workshop)
The course page opens with introduction of the workshop, learning outcomes, skills you will gain. The right-side column describes the information regarding format,duration,total days, dates, time and price of the workshop. Further the page describes the day wise details. Each class open up in a detailed information.
The course page (Online self-paced course)
The course page for self-paced course is similar to the live workshop page. With major differences in the way every week is planned. Each week contains description about the videos and the related hands-on activity.