Part three: Create a website for classroom.live (version 2

4 : Create a website for classroom.live_V-02

DESIGN PROCESS

This version was the full website. Since the product was evolving each day, so did the features and the functions we provided. This website was treated as a sales funnel to grab as many buyers as it can.

When I approached the website after listening and addressing the queries and requirements of the sales and marketing team, I learnt the important viewpoint of looking at a website. Usually as a designer, one approach is aesthetic, empathy, services we provide and our core features and often we fail to sell.

Selling is important as it is the source that keeps the work alive. Learning how to sell a design is equally important. In making this website I followed the same design process. The only difference was the level of detail that I added to my content flow and designs.

This website has three different pages and a proposed design of a blog section. I will be elaborately explaining each screen individually as each interface design has heterogeneous elements.

The process followed is Content < Wireframing < Visual treatment < final output. These steps are already elaborated in the design process of the first version where I explained the approach I took in following all three steps to reach the output.

DESIGN PROCESS STEPS

Page 1 - Home Page

Steps followed to create homepage: • Content • Low fidelity wireframes • High fidelity wireframes (alternate drafts to show ideas) • Visual treatment via alignment, icons, typeface, illustrations and footer design. Note* the process of each screen will be presented separately. First will be the home page and it’s UI/UX process of creating the content, flow and UI.