Twindle: Explore Figma and do initial design of twindle homepage

[sarathkumar6]

As a designer, I want to explore the high-level features of Figma and design the twindle home page mock up

My thoughts Youtube Link

Great start by @madhusudanbabar

[sarathkumar6]

@vasudeveloper001 Here is the issue to look into figma and come up with intial design of twindle UI page.

For awareness @proful @johnjacobkenny

[johnjacobkenny]

There is a suggestion to consider color scheme, etc before jumping into this

[sammjainn]

Yes, how about let's finalise the logo or the color scheme before designing homepage, banners and thumbnail etc.

[proful]

Let's discuss this on call today

[teckiegeek]

I would to suggest that we novice get paired up based on our availability to watch those the experts as you work via a video call. It's the fastest way to learn for me.

[proful]

Discord is better for that purpose. Keep encouraging others to have a call.

[UnevenCoder]

As @sarathkumar6 has told previously -

• Discussing the brand colors before hand
• Maybe get some basic illustrations down
• Discuss what all stuff should be on the site
• Amount of pages built specific (about ,payment etc...)

Directly jumping into design is not a good idea

[manohar52]

I came across a website : https://threadreaderapp.com/.
We could look to it for reference.

[UnevenCoder]

True that's a great idea

[frankiefab100]

@proful @sarathkumar6
Here's a UI design I came up with. Constructive criticism and ideas are welcome for further iteration.

[johnjacobkenny]

For me it makes sense to merge the how to use and the actual usage into one section so that it is immediately clear to anyone using it. Locality of the instructions and the usage.

[proful]

@frankiefab100 my feedback

[joelvinaykumar]

Are submissions still open ?

[vasudeveloper001]

Are submissions still open ?

Yes @JoelVinayKumar. It is still open. Take your time.

[joelvinaykumar]

https://www.figma.com/file/34YX1uk6ZVhQWVzLyjzUdG/Twindle?node-id=0%3A1

[proful]

@JoelVinayKumar please watch my feedback for Frankie and update your design on the same line.

Thanks very much for the submissions

[frankiefab100]

@proful how do you see this new design?

[vasudeveloper001]

This is the pre-launch design for landing page. I have changed the background and removed the different color variation for header, footer, main section banner and other sort of design for starters. It's just one color theme layout.

The highlighted menu will be in white color. The rest in light variant of background color. The circle is there as a placeholder for logo. I think we should go with logo having no background in circle. Will be designing other pages as well.

Your opinion @johnjacobkenny @proful @JoelVinayKumar is welcome.

Edited: Adding the after-launch design for landing page

[vasudeveloper001]

Modified Design with font changed to Open Sans:

Post-Launch Design

Pre-Launch Design

[sarathkumar6]

@vasudeveloper001 Appreciate the thought of providing the option i.e., pdf in the post-launch UI.

[vasudeveloper001]

@sarathkumar6 It's something @JoelVinayKumar did in his first design. I simply applied it in mine as well.

[proful]

Initial design finalized. closing this ticket.