✔ update "Results" page
Completed by Ivonne A.
- Assigned to
-
Selena V.
- Due on
- Notes
-
Hi,
I sent an email about this request but I'm adding it to BC so I can add all the details in one place. Chris asked if you could try to help with this so we can make something the client likes.
Selena
Here is the original task: https://public.3.basecamp.com/p/uFovMpo5PVQuxfvnYiK6T3qB
The client does not seem to like it. She says, "I also don't like how they bounce around when you scroll through them.... not a very elegant design"
and
"Looks good, except can we make the faded-out pictures in the back more straight and elegant? They are all crooked it reminds me of a 90s commercial or something..."
I asked for additional information as to what she was referring to with the "bounce" and "crooked" images but she hasn't replied and I don't know what else to suggest since she had very specific design instructions for the layout. Which are all noted in the original task and email thread. Thanks!
Here's the page:
https://www.toddhannamddds.com/results/
I changed the current b&a carousel: https://www.toddhannamddds.com/results/
It's slower, doesn't have that bounce effect while scrolling, it's not crooked and pictures are straight.
I also created a new one really simple carousel: https://www.toddhannamddds.com/results-2
I hope she will like first one
I’m more interested in how it works on a cell phone. I love the swiping. But there isn’t an indication that that is an option unless you try to swipe. On the cell phone, I’d like the viewer to see right away that there are more pictures to the left/right, by either placing some sort of symbol or text really small on the corners, something like that. (see reference photo below)
I just disabled auto-rotation. Also added bullets on mobile and increased transition speed.
https://www.toddhannamddds.com/results-2
The client wants the edits done on this first option.
https://www.toddhannamddds.com/results/
Can you please update these on the right page when you get a chance?
Thank you so much!
I made these changes:
I placed that slider on Results page: https://www.toddhannamddds.com/results/
The other page is in drafts.
Selena Vujatov
I changed the current b&a carousel: https://www.toddhannamddds.com/results/
It's slower, doesn't have that bounce effect while scrolling, it's not crooked and pictures are straight.
I also created a new one really simple carousel: https://www.toddhannamddds.com/results-2
I hope she will like first one
and those changes cant apply to option 1 because that slider doesn't have zoom-in effect and neither the arrows on the mobile version. It's a screenshot of option 2. That's why I made changes on that page.
FYI pages are swiped right now:
This is the second version: https://www.toddhannamddds.com/results/
and this is the first version: https://www.toddhannamddds.com/results-2
Let me know which slider is the right one and what changes to make.
Maybe
This is the screenshot I see of option 1
Thank you for trying to clarify!
https://www.toddhannamddds.com/results-2
Thank you so so much for always going above & beyond!
I will show you how to add new images, but which text you are referring to? Because I didn't add any text to before and after images. The client sent us images with that text: https://jmp.sh/ipKPwEl