suggest layout ideas

[indirectjump]

How might we arrange your projects/inquiries on the landing page? The plan is to have one landing page and then separate pages for each of your project/inquiry. Each project may contain a title, abstract (150-200 words), 3-5 hires images.

[Stawrman]

We could have a landing page with some visuals surrounding design and futures, maybe even a design embedded in the webpage itself. For example the landing page could have some sort of a mirror, that inverts the left side of the page to the right division Just wondering aloud

[indirectjump]

Great. Can we have some rough sketches to understand how you are imagining?

[VikashRaj715]

Do you want to discuss @Stawrman

[Stawrman]

cool

[Akshata-20196]

We can create a layout with some brief about the studio Design and Future on left side of page and on right side we can create links for the project of students. Just an idea.

[Stawrman]

https://drive.google.com/drive/folders/15NsVdyFGt977ZhpS6p1fqYipZf5YtD63?usp=sharing

[Stawrman]

Hi Gaurav, Vikas and others please have a look^

[Stawrman]

So the idea is straightforward, we divide our understanding into two sides. The left side, our ideas, assumptions, imagination. The right side is what we actually made. And both on top and bottom we could have some sort of marquees for the questions and inquiries we were following

[thewiseguyshivam]

I made a possible layout to be considered, the idea is to keep the website clean and simple, so that the focus is on the subjects and the projects: Layoutidea1.pdf

[indirectjump]

Both of the ideas look interesting. Continue fleshing them out and discuss here. You can start converging into a single concept as we move ahead in the day.

[Stawrman]

Hmm yeah

[Stawrman]

On second thoughts we can also use some of studio project ideas as a string to guide the website We've got a cuckoo nest, braille, minecraft,, an underwater city etc. etc.

[Stawrman]

Again, we can think of simplifying all of this later

[Akshata-20196]

I am putting my possible idea about layout. Please have a look and let me know

[Stawrman]

Thanks for sharing Akshata, what if we placed the circle in the centre, moved the intro down below the circle?

[Stawrman]

Also, I prefer straightforward, behance-like thumbnails because they give a better and direct visual feedback on everyone's work. Is there a way we can incorporate that into the pie or the circle?

[indirectjump]

We can get away from the nav menu. Do not really need in this simple website. Also, I think the right section can take up the center stage here, the studio abstract can be reduced to a smaller space on the page. The pie chart idea looks on the similar lines to what Shivam suggested. We could use something like https://observablehq.com/@d3/hierarchical-edge-bundling to make it more interesting.

@Akshata-20196 Do you want to start messing around with html/js to prototype this idea?

[Stawrman]

This version of the pie network looks fantastic

[Stawrman]

There's also some Sunburt pie recommendations under that, I think those are suitable for the relatively simpler nature of our projects

[thewiseguyshivam]

That edge bundling idea is really cool, we can use it to link projects based on subjects maybe. We could also add details on the participants of this studio maybe and link them based on interest

[Stawrman]

Think this one works^

[VikashRaj715]

On a simpler note, I was thinking of having a way to show a preview of the work for the student listing.

[VikashRaj715]

Will it be possible to do in the pie-chart style?

[indirectjump]

A few of you can start exploring edge bundling and similar visualizations at https://vega.github.io/editor/#/examples/vega/edge-bundling.

Others may continue to throw in more ideas. We will need to find ways to converge ideas after that.

[Stawrman]

hm. The pie chart is now a bundle even idk. The only thing is, our work is divided into stages. will the bundle be able to convert that?

[Stawrman]

Like the ideation, conception, prototypes, podcast etc etc. the whole hierarchy

[indirectjump]

edge bundling may be rearranged in this way to show hierarchy. But I'm keen on keeping each project/inquiry page to minimum as this will be in public domain. We may let go off podcasts and other deliverables from this website, unless some of you want to. And keep only curated content on this website but not all. Thoughts?

[RuchiJain750]

[thewiseguyshivam]

Yeah I agree, not everyone will want all the stuff there, I think we can ask the participants to mark their submissions on whether they are comfortable with it going on the website or not.

[Stawrman]

but then what are we going to make the bundle off of?

[indirectjump]

once we lock in the layout and concept, we can identify specific requirements for the project page and share with everyone to give us that information. Bundle could be made either by connecting your inquiries with each other or with the keywords that we generate from each of your inquiry.

[Akshata-20196]

Yes Gaurav, I can start but I am not sure about how I am going to do that pie chart stuff

[Stawrman]

Okay Gaurav

[RuchiJain750]

![Uploading f4ff8bc7-b100-49ed-aace-3fbe8da9f923.jpg…]()

[indirectjump]

Ruchi, idea of a logo is nice. Can you and others who may be interested work on ideating and sketching out a logo that may capture the essence of studio?

Akshata, You may experiment it here: https://vega.github.io/editor/#/examples/vega/edge-bundling. But you could prototype with P5.JS or bare JS itself, as it is comfortable to you. It doesn't need to be exactly like it. That was merely a suggestion. @Stawrman @thewiseguyshivam may join you as well.

A simplest version could be even hand drawn sketch with certain portions hyperlinked.

[Akshata-20196]

Okay Gaurav. I will start looking it and will try to make something out of that

[RuchiJain750]

Okay. Sure

[thewiseguyshivam]

@RuchiJain750 I'm interested in working on the logo

[RuchiJain750]

[Abinaya-Nagappan]

If we are going for a circular sorta theme here, this could be an option

[Stawrman]

Hey anybody drafted a logo or something?

[thewiseguyshivam]

Ruchi and I are on it

[Abinaya-Nagappan]

We could have interactive bubbles just like our venn diagrams which would lead to our projects

This would TOO many clicks.. maybe just directly show the final project

[Stawrman]

thewiseguyshivam could you guys share what you're doing here

[Abinaya-Nagappan]

Or just intriguing 10 word brief of our enquiry to make the random user curious

[Stawrman]

oooo, lez screw with their hEAd

[indirectjump]

Like your idea Abinaya.

Now that we have many ideas on the table. It will be good if you can work in pairs/groups towards more specific parts for the concept.

1. Landing page
   • Logo (Ruchi/Shivam are currently working on this)
   • Layout
   • Information/Content
2. Project/Inquiry page
   • What is the information we require from each to go into these pages?
   • Layout
3. Overall visual look

Self delegate and form pairs/groups to work on one or few aspects from above. I'm not sure how many of you can also start prototyping with html/js here except Akshata here. So maybe Akshata can work on the layout for prototype landing page and others may join her. Others who want to give a shot at html may start exploring the landing page too. Thoughts?

Is anyone keen on exploring visual/typography/look and feel for the website? Will be good to have some ideas on that front as well.

[Abinaya-Nagappan]

I can be on the team that handles information requirements to go into individual pages. It'll be great to have a couple more people on this! :D

[Stawrman]

landing page content & info

[indirectjump]

Perfect! Once you form pairs/groups. Post a message here with details of what you can take care of, with names of your group members. Self assign tasks and proceed.