dappros / ethora

A 'super app' engine for your project. React Native (iOS, Android) and React.js (Web, desktop). Social Sign In 🄵, Messaging 💬 (chat, voice, push notifications), Web3 Wallet 🪪 (profile QR, documents, coins, NFT), DLT 🔐 (provenance, crypto signing), Gamification 🤩, Social Commerce and more.
https://ethora.com/
GNU Affero General Public License v3.0
441 stars 90 forks source link

Design - ethora.com homepage update #518

Closed phwizard closed 6 months ago

phwizard commented 1 year ago

Please propose new design for the home page of ethora.com

You have already proposed the top part (1st screen) which looks good, need to proceed with the rest.

Note: replace the caption "Packed with web2 and web3 features that will play a pivotal role in growing your community" with "Packed with web2 and web3 features that will play a pivotal role in your digital transformation"

Before:

Screenshot 2023-11-02 at 12 52 17

After:

Screenshot 2023-11-02 at 12 53 12
polipivnenko commented 1 year ago

image image

@phwizard @dzinzyura This is the first version, it will be improved I'm considering applying the parallax effect to the Home page. The multicolored spheres represent foreground objects and "greet" in front of the text blocks.

phwizard commented 1 year ago

@polipivnenko personally, I liked your suggestion here much more.

We need a simple and clean 2D style.

What you had in the 1st screen there I thought you would just implement the rest of it in the similar style.

Screenshot 2023-11-21 at 11 19 14
polipivnenko commented 1 year ago

@phwizard Yes, of course, I can go back to the first style.

polipivnenko commented 1 year ago

Intermediate result, highlights will still be added to the text. @phwizard @dzinzyura

image image image image

dzinzyura commented 1 year ago

this one looks cool! thank you @polipivnenko

@phwizard what do you think?

phwizard commented 1 year ago

@polipivnenko thank you for your work here

I like most of it, however I'm not sure about this part:

Screenshot 2023-11-23 at 14 24 13

1) I don't think our design should be 3D (have lots of layers and shadows). There should be reasons for doing that and it should be consistent, I'd prefer to avoid that and keep ours flat and simple 2) it's not clear what the stationary can is representing - is that for designing / editing the app? 3) it may be better to represent this part in flat / 2D also because it will be easier for us to edit. See how it works now below, and the design of this 'App Builder' page is also likely to improve so we will need to update it.

Screenshot 2023-11-23 at 14 25 55

I like some of the solutions how things are done in our current design, it's not bad at all: https://www.ethora.com/ but I don't think the layout is complete. For example, the top 1st screen is just too large on desktop screen (on mobile the whole current website actually looks good with a couple minor things to improve).

Screenshot 2023-11-23 at 14 30 13

and I like your design and sizing of the 1st screen much more,

and also this part needs improvement

Screenshot 2023-11-23 at 14 30 49

however overall the existing design is quite good already

I wouldn't even change it but it didn't feel complete

what I wanted to achieve with the redesign is a holistic unified look where everything looks in place, it is professional looking but also isn't boring and delivers the message

so this needs either a holistic approach from you or other option is I may need to get more involved and we jointly create a new wireframe, I just will be busy next 1 week so not sure when I can get more involved here

I know my feedback may be confusing and I won't be able to help with a more detailed wireframe until late next week so I suggest you either produce your own version of final design in Figma (and I will review and provide suggestions again) or work on other screens for now.

Thanks!

any comments from @Egatlov or @dzinzyura feel free to add

phwizard commented 1 year ago

and definitely interested to look at your version of this pricing section @polipivnenko (or the whole design) so we can finalize this

Screenshot 2023-11-23 at 14 52 11
polipivnenko commented 1 year ago

image image image image image image image

I removed all 3D effects and shadows for images. But I'm not sure about the features section, if they need icons like the previous design.

As for the images in the mockups, they are still approximate Because the updated design for these pages has not yet been created.

@phwizard @dzinzyura

phwizard commented 12 months ago

I like this version more, thank you @polipivnenko. @Egatlov and @dzinzyura,. do you have any suggestions?

dzinzyura commented 12 months ago

@phwizard maybe @polipivnenko can add icons for the features section? I guess it would give a better and clearer UX

@Egatlov what do you think?

polipivnenko commented 12 months ago

image @dzinzyura I did this in the last update)

dzinzyura commented 12 months ago

oh, sorry @polipivnenko. missed this one

Egatlov commented 12 months ago

@polipivnenko @dzinzyura This version of the homepage looks good, the only thing I'd suggest is to make use of solid colours and shadows and less use of gradients.

polipivnenko commented 12 months ago

image image image

Ready blocks: FAQ, contact form, newsletter subscription, footer. I removed the gradient from the text and left it only on the two background shapes and buttons. @phwizard @dzinzyura

polipivnenko commented 11 months ago

MacBook Air - 6

The final version @phwizard @dzinzyura

phwizard commented 10 months ago

@polipivnenko many thanks for this. Please see if you can address some final comments / adjustments before we take this into implementation:

ETHORA IS section

BEFORE

Screenshot 2024-01-08 at 15 08 47

AFTER

Screenshot 2024-01-08 at 15 09 12

In the "BEFORE" I like the clean style and that we feature iOS, Android icons. Can you add iOS, Android (and maybe Web) icons into the new design as well?


"BUILD WITHING MINUTES" section

BEFORE

Screenshot 2024-01-08 at 15 14 02

AFTER

Screenshot 2024-01-08 at 15 14 15

Again looks clean and more calling to action the "Sign Up & Build!" button in the old design. I don't know if / what can be improved in the new design though.


CHISEL

BEFORE

Screenshot 2024-01-08 at 15 15 53

AFTER

Screenshot 2024-01-08 at 15 16 05

Is it possible to have a hand holding a chisel, not a hammer? Or a hammer that is hammering a chisel?


SWAP PLACES

Screenshot 2024-01-08 at 15 16 57

Please swap images for "Chat, work, play .. " and "Built using the most popular technical stack". The messaging illustration better goes for the 1st paragraph, wile the 3rd one needs something related to tech stack, React icon or actually the image you used for the 1st paragraph is totally fine, if you just swap them.


FOCUS ON YOUR GROWTH section

Screenshot 2024-01-08 at 15 19 13

This I definitely like more than the previous design, however can you make the business longer vertically so that either it's bottom is aligned with the bottom of Free and Enterprise, or its bottom is sticking out same length as the top, so it's more symmetrical and prominent.


FAQ section

BEFORE

Screenshot 2024-01-08 at 15 21 37

AFTER

Screenshot 2024-01-08 at 15 22 47

It feels like something could be improved here, but I don't know what. OK to keep as is I guess.


CONTACT US section

Screenshot 2024-01-08 at 15 25 19

This is good but alignment isn't ideal, how about we have 2 tabs here? One default tab will be "Message" and it shows the form and the "Send a message" button. Another tab will be "Call us" and it shows the text "You can also book a call .. " with "Book a call" button.

phwizard commented 10 months ago

CleanShot 2024-01-18 at 09 31 40@2x

this is great - thank you

just see if horizontally centered title and price look better for each column?

otherwise keep as is for final version

phwizard commented 10 months ago

CleanShot 2024-01-18 at 09 33 07@2x

Love this - good to go

phwizard commented 10 months ago

This is good but see if you can still insert a Greek sculptor image or graphical reference.

CleanShot 2024-01-18 at 09 34 23@2x

what if you try just adding the image from our current website? it was AI generated by me and custom modified by Nikhil so we have all rights to use it

I guess it could be stylized or something if needed

CleanShot 2024-01-18 at 09 35 09@2x

thanks @polipivnenko

phwizard commented 10 months ago

to be clear - image as an illustration to "Do you know whose saying is that" section

polipivnenko commented 10 months ago

image Here is my variation of the illustration for this section @phwizard @dzinzyura

phwizard commented 6 months ago

thank you all, closing