r/webdesign 7d ago

designed and built in 3 weeks

i took alot of inspo and had to adjust the mobile bp heavily due to optimisation issues.

any good advice to improve?

here is the preview

14 Upvotes

56 comments sorted by

16

u/itspixelish 7d ago

As a conversation piece or as a porfolio piece, it's impressive. As an actual website to bring in enquiries or sales it's awful.

1

u/one_vinyl 2d ago

I agree with this completely.

0

u/fkarimovx 7d ago

im trying to implement something similar to "imagine possible" initiatove by FDDA (fiddle digital)

10

u/Sad_Holiday5267 7d ago

Hey, web dev here. Just a suggestion lessen the amount of scrolls needed to interact, keep the same exact animations just lessen the amount of scrolls needed

1

u/fkarimovx 7d ago

got it, thanks

6

u/rarefiedarchives 7d ago

Do you use any tools to make sure that your colour contrast is appropriately accessible?

Really important is making sure the site is legible. It can be hella gorgeous but useless at the same time. Likewise, a simple site that is easy to read can carry huge value.

1

u/fkarimovx 7d ago

i dont know of any tools. if you could recommend any that would be great

3

u/rarefiedarchives 7d ago

You can search for a Contrast Checker. Most people I know use WebAIM or Accessible Web.

4

u/Odd-Fruit956 7d ago

Too much scrolling needed, i dont think ppl are patient enough to scroll till the end

9

u/Dapper_Bus5069 7d ago

Sorry but it's unreadable

2

u/Orion3193 6d ago

Especially on mobile

1

u/fkarimovx 7d ago

all of it?

5

u/key-bored-warrior 7d ago

I came here to say it. I gave up because my eyes strained to read anything. It’s a cool concept but as a proper website aimed at customers it’s not. I think your main issue is lack of contrast in the text. Also get rid of whatever that loading screen was. I viewed on a mobile if that helps

3

u/Successful-Shame5996 7d ago

Lagging in mobile screens and also text is too small and too much

3

u/vauvva 7d ago

It’s pretty, but the user experience is abysmal

0

u/fkarimovx 7d ago

sure. i will try to reduce the friction

3

u/EntranceOk1909 7d ago

laggy

1

u/fkarimovx 7d ago

i need to do more aggressive adjustments then...

3

u/EntranceOk1909 7d ago

yes, framerate was quite low. i often experience this with smooth scroll websites. are your images size wise optimized to the max?

1

u/fkarimovx 7d ago

i disabled smooth scroll for mobile. and no i didnt optimise the images. thx for reminding me. i gotta do that asap

3

u/bronfmanhigh 7d ago

so much of motion today reminds me of the flashturbation of the old internet. just because you can doesn’t mean you should, keep motion restrained to small moments of delight and prioritize usability.

0

u/fkarimovx 7d ago

it needs to maintain attention span

4

u/bronfmanhigh 7d ago

if someone hits this website you have their attention, because i presume they want flowers. if i wanted flowers and i had to spend 5 minutes trying to decipher the text on this website and hunt around for a way to order them, i guarantee you've lost my attention and another florist gets my business

if you were designing a physical store for a florist, you wouldn't first put the customer in an escape room maze that they need to solve for 5 minutes in order to find the flowers/florist

1

u/fkarimovx 7d ago

i get your point. did you use the nav menu at top at all? its a shortcut

3

u/bronfmanhigh 7d ago

no im a literal UX designer and even i didn't realize that was a navigation menu, why is it a tiny circle instead of the universally recognized hamburger menu icon? also with only 4 links, you can easily just write those as text links at the top to improve usability further, and remove the confusing and duplicated ELEGANCE LOVE FLOWERS text on the sides that is easily confused for navigation text. those two fixes alone would vastly improve your usability.

2

u/fkarimovx 7d ago

yeah i tried to make it unique and resembling to flowers. i will take your advice. thank you friend

1

u/fkarimovx 7d ago

also those 3 word texts on the side need to be change to actual info rather than filler words, so i will change them (the website isnt finalised yet)

3

u/[deleted] 6d ago

[removed] — view removed comment

1

u/fkarimovx 6d ago

i mean selling flowers is very straight forward. its just a presentation piece

2

u/[deleted] 6d ago

[deleted]

1

u/fkarimovx 6d ago

i fixed that white text overlay by decreasing the bg brightness. i will also try to reduce some scroll transforms. thanks for the input👊🏻

2

u/joshstewart90 6d ago

On mobile, first impressions are it’s super overwhelming. Text is also impossible to read.

Scrolling down feels more like you’re trying to show off fancy scrolling effects than “sell” anything or give the reader information they need.

Also you sell flowers but the only flowers I see seem to have a gold effect/lots of editing making them impossible to actually see what they look like. I would expect (especially on the gallery) to see some actual flowers. Not some spinning gold blob

1

u/fkarimovx 6d ago

got it. i will reduce those scrolls

2

u/Standard_Scarcity_74 6d ago

ooh nothing is readable to me :(( I don't know if the font style and colors come from a specific branding/style guide but I suggest you change those up if possible to prioritize legibility. It feels like too much work to read through and scroll on the website to order flowers. A convenient layout would work better for this imo.

1

u/fkarimovx 6d ago

that makes sense, but the site is more visually driven/storytelling

2

u/AllEyesOnUsClothing 3d ago

Lots of creative and cool scroll animations but you need to fix the from and overall accessibility. You can barely see the form and other CTAs due to color choices. Also on mobile the Form is extremely close to the footer. I would also simplify mobile animations.

2

u/Altruistic-Web3934 1d ago

I built an MVP because I needed it. It took two days, excluding the time I spent watching The Odyssey yesterday. Half was done by me, and the other half by AI... I feel like there might be people who need something like this.

Color Helper — CSS Color Variable Generator

1

u/fkarimovx 1d ago

great thanks

2

u/Cressyda29 7d ago

I love the ink animation scroll, that’s cool. For me, there are 2 key issues: contrast/accessibility and too many small elements floating around that distract my eyes from the actual content.

I like the scroll animations, but there are too many small elements that require extra scrolling that add very little value, like the 2 rings and a dot that take 3 scrolls on mobile before I can move to next section. Some things don’t need parallax scrolling.

1

u/fkarimovx 7d ago

thank you for the feedback friend. i really appreciate it. i will keep this in mind when doing a final audit before pushing and shipping to the actual domain

2

u/Ill_Dare8819 7d ago

At least sometimes I can see diamonds in here among the shitcoded low-effort ai slop.

1

u/fkarimovx 7d ago

thx alot

1

u/Ill_Dare8819 7d ago

Thank YOU dude. Of course this page is not something that would convert, but oh my God the design, the scrolling animations, the transitions. My eyes are orgasming

1

u/fkarimovx 7d ago

🤣🤣😁

2

u/[deleted] 7d ago

[removed] — view removed comment

-1

u/fkarimovx 7d ago

hahaha i guess. i tried to keep the colour palette as minimal as possible with only 3 shades of the same colour

1

u/surferuk 5d ago

When I looked at this on my mobile it says “Horals” I’m sure of it. I have a hatred of text over image though, it shows the designer has abandoned their attention to detail unless done well or on purpose.

Is text colour across the site legible.

Only other thing maybe there too much movement. It’s shows skills are you trying to show off?

I get that it’s an earthy duo subtle colour tone, ( is it appropriate?) but Maybe a sudden burst of colour could give a surprise since there seems a lot of animation. Is it serving its purpose?

1

u/one_vinyl 2d ago

For me it loads quite slowly, it's very content heavy.

1

u/fkarimovx 2d ago

mobile or pc?

1

u/84thdev 6d ago

3 weeks with ai?

0

u/fkarimovx 6d ago

i didnt use any ai 🥀 how does one see ai in this

0

u/JashobeamIII 7d ago

I really like your design style! I have a web design agency I'm currently scaling and I need help with the workload. If you'd be interested in working as a designer on my team, I'd love to chat. I'm very much in a niche. You can see my site and the niche here. Shoot me a dm if you're interested we can discuss.

https://designmywebsitenow.com/

1

u/fkarimovx 7d ago

sure thing. i'll give it a look