Design - ethora.com homepage update
phwizard opened this issue · comments
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:
After:
@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.
@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.
@phwizard Yes, of course, I can go back to the first style.
Intermediate result, highlights will still be added to the text.
@phwizard @dzinzyura
this one looks cool! thank you @polipivnenko
@phwizard what do you think?
@polipivnenko thank you for your work here
I like most of it, however I'm not sure about this part:
- 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
- it's not clear what the stationary can is representing - is that for designing / editing the app?
- 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.
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).
and I like your design and sizing of the 1st screen much more,
and also this part needs improvement
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
and definitely interested to look at your version of this pricing section @polipivnenko (or the whole design) so we can finalize this
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.
I like this version more, thank you @polipivnenko. @Egatlov and @dzinzyura,. do you have any suggestions?
@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?
@dzinzyura I did this in the last update)
oh, sorry @polipivnenko. missed this one
@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.
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
The final version
@phwizard @dzinzyura
@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
AFTER
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
AFTER
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
AFTER
Is it possible to have a hand holding a chisel, not a hammer? Or a hammer that is hammering a chisel?
SWAP PLACES
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
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
AFTER
It feels like something could be improved here, but I don't know what. OK to keep as is I guess.
CONTACT US section
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.
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
Love this - good to go
This is good but see if you can still insert a Greek sculptor image or graphical reference.
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
thanks @polipivnenko
to be clear - image as an illustration to "Do you know whose saying is that" section
Here is my variation of the illustration for this section
@phwizard @dzinzyura
thank you all, closing