aleksilassila / see-skin

https://see-skin.com
0 stars 0 forks source link

New Simplified Landing Page #7

Open aleksilassila opened 1 year ago

eetujok commented 1 year ago

@aleksilassila halusitko tähä päivitettyy/refinettyy designii vai mitä sul oli mieles?

aleksilassila commented 1 year ago

@eetujok Eli mietin et joku näiden tyyppinen "hero" landing page, missä ois (primary) linkki josta pääsee tekemään skinprofiilin ja toinen linkki josta pääsee selaamaan kaikkia tuotteita. Tämä sen takia, että noi kaks juttua on ainaki tän ekan version ne pääpointit. Ton Tailwind UIn esimerkit on tosi basic ja pelkistettyjä mutta cleaneja, joten niistä on hyvä ottaa mallia ja sit yhdistää siihen jotain omaa grafiikkaa.

Helposti custom abstraktia grafiikkaa löytää esim https://fffuel.co/ > uuundulate ja ccchaos, tai sitten esim himmeellä taustalle tosi moni noista mut erityisesti esim rrreflection ja ooorganize.

Mut siis tosiaan joku iso headeri ja pienempi tekstipätkä jotka selittää mahdollisimman ytimekkäästi mikä tän idea on, ja sit vähän tarkemman selityksen vois löytää scrollaamalla alemmas. Sit ne napit ja jotain grafiikkaa esim oikeelle, ja sit se koko eka näkymä vois olla niiku koko selaimen korkunen, niiku [täs esimerkissä](https://www.photosfortinder.

Ja siis tää on vaa tälläne idea :D heitä ihmeessä vastaväitteitä ja ideoita myös tähän suuntaan jos tulee mieleen

eetujok commented 1 year ago

@aleksilassila imo tossa alkuperäisessä designissa toi "skinboxi" tai toi mistä valittiin skintype ja noi tuotteet oli hyvä (koska sitoo käyttäjän huomion heti kun klikkaa sivulle), mut voitais kyl vähän muunnella sitäkin. Ajattelin et voitais säilyttää jonkilainen inputti (esim toi ihotyypin valinta) tohon etusivulle ja heti ku käyttäjä klikkais sitä niin heittäs jonkinlaiselle product input screenille. Vapauttais tilaa myös vähän paremmalle headerille ja subtextille.

Mun perustelu oli tälle et noi skinsort.com, cosmily.com ja skincarisma.com käyttää funneli-tasolla tota "hero"´- landing page mut omaa silti melko korkeen bounce raten ≈ 50%. Toi muu kontentti tosta landing pagelta on musta ihan vapaata riistaa et voin redesignee ne ihan täysin. olikos tää fine sun mielestä?

aleksilassila commented 1 year ago

Joo kuulostaa ihan hyvältä, säilytetään vaan. Se input vois sit vaikka tulla siihen oikeelle, ja vasemmalla ois sitte headeri tai jotain

eetujok commented 1 year ago

lisäsin tohon figmaan uuden pagen "Launch" https://www.figma.com/file/XGfrwnv16fziXpAPqpbxW7/see-skin?type=design&node-id=329-113&t=GlZxKbl6bAGCICGG-0

tein nyt ton landing pagen valmiiksi mun silmään 1440x2700 (jos haluut toisella resoluutiolla niin voin teettää), jos on yhtään ehdotuksii kritiikkii mitä vaa nii nyt kantsii sanoo (sitte ku ehdit ofc). Jos ei oo silleen mitään suurta korjattavaa niin voisin alkaa tekee tosta tota mobiili versiota.

aleksilassila commented 1 year ago

Joo näyttää hyvältä, mobiiliversioo vaa ulos 👍 Ainoo juttu mitä muuttaisin on et toi footer ei musta välttämättä tartte tota valkosta reunusta

aleksilassila commented 1 year ago

Muute voitko heittää noi kuvat mitä käytit jossai vaihees mulle, ei kiirettä

eetujok commented 1 year ago

jees voin muuttaa ja joo halusitko millä resoluutiolla noi kuvat ja millä formaatilla?

aleksilassila commented 1 year ago

Ei välii, isoin resoluutio mikä sulla on

aleksilassila commented 1 year ago

@eetujok Mitä tohon etusivulle pitäis muute tulla jos käyttäjä on jo kirjautunu sisään ja luonu profiilin

eetujok commented 1 year ago

ainii piti sanoo, mä mietin vähän et jos ei koidu hirveen vaikeeksi toteuttaa, nii heittäis käyttäjän suoraan sinne product tai results sivulle (vähän niinkuin miten figma toimii kun menee figma.com). Eli käyttäjän path joka on jo tehnyt profiilin ja tulee takaisin sivulle esim 1pv päästä näyttäis tältä:

see-skin.com -> see-skin.com/products, eli ei päätyisikään sinne etusivulle. Jjos on vaikee toteuttaa niin en ite ainakaa nää ongelmana jos toi etusivu pysyy staattisena.

aleksilassila commented 1 year ago

On ihan helppo, voin toteuttaa 👍

eetujok commented 1 year ago

see-skin pictures.zip

tossa oli nuo kuvat

aleksilassila commented 1 year ago

Oisko sul ollu noita logoja ilman taustaa ja mielellään svg muodossa (png käy myös jos ei oo)

eetujok commented 1 year ago

see-skin_logot.zip

tossa oli musta ja valkonen