0% found this document useful (0 votes)
3 views17 pages

7 PDF Modification

The document outlines various changes and improvements requested for a website's desktop and mobile versions, focusing on visual aesthetics, spacing adjustments, and functionality enhancements. Key suggestions include altering color schemes, adjusting margins and spacing, ensuring smooth transitions between sections, and addressing specific issues with carousels and video playback on mobile devices. The feedback aims to create a more visually appealing and user-friendly experience across the site.

Uploaded by

emonpx91
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
3 views17 pages

7 PDF Modification

The document outlines various changes and improvements requested for a website's desktop and mobile versions, focusing on visual aesthetics, spacing adjustments, and functionality enhancements. Key suggestions include altering color schemes, adjusting margins and spacing, ensuring smooth transitions between sections, and addressing specific issues with carousels and video playback on mobile devices. The feedback aims to create a more visually appealing and user-friendly experience across the site.

Uploaded by

emonpx91
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

DESKTOP CHANGES

78. We have been thinking about how to make the home page look less dark.
Do you think you could make these additions and color changes?

1. Change the first carousel to these colors. This will make it stand out more: white background
with black text.

2. Would you be able to create this effect on top of the “Rediscover the way of giving” image?
It would be in a reddish tone. Only the red effect at the top and bottom.
78.1 En pc podríais cambiar donde esta el reloj el texto y donde esta el texto el reloj?
79. We’ve been showing the website to several people and they’ve told us it looks amazing (so
thank you!). The only feedback we’ve received is that everything feels too compressed in the
center. Could you please reduce the side margins on the homepage in the desktop version so
the content feels wider and less centered?
80. On desktop: please add more spacing above and below this section, and make “LOS MÁS
PEDIDOS” bigger. The product images and the whole section feel too small. The squares should
be at least the same size as the top carousel (“Por dónde empezamos”).

80.1If these are made bigger, a carousel will probably be needed on desktop as well — and on
mobile it will definitely be necessary.

82. In “Colaboraciones”, please make this section bigger on desktop. It feels too small. Also
add more space between this section and the image above — everything feels too tight on the
homepage.
82.1. Is it possible to remove the red background from the arrows and leave only the inner
arrow icon in red, or eliminated if its more easy for you.

83. NOTHING.
84.

We’ve noticed a visual issue in the header/hero section across all pages except the Home
page.

On these pages, the top hero section has a dark red background, and the section below
starts with a solid black background. The transition between both sections feels too
abrupt, creating a harsh visual cut instead of a smooth blend.

It’s not a problem with the colors themselves, but with how they transition. The red
background ends suddenly and the black section begins immediately, which makes the
layout feel visually disconnected.

I asked ChatGPT about this and it suggested a few possible technical solutions that could
help soften the transition:

1. Use a vertical gradient instead of a solid red background


Instead of a flat red color, apply a vertical gradient that transitions from the current
red tone at the top into the same black tone used in the section below. This would
create a smooth fade instead of a hard cut.

2. Add a gradient overlay on the hero background


If the hero section uses a background image or solid color, you could add a bottom
gradient overlay (black fading from transparent to solid) so the lower part of the hero
already blends into black before reaching the next section.

3. Add a soft blending effect using CSS


For example, using a pseudo-element (after) with a bottom linear-gradient that fades
into black to create a more natural transition between sections.

The goal is simply to avoid a sharp color break and make the red and black feel visually
integrated rather than stacked.

Please let us know which approach would be most suitable within the current structure.

Thank you!
85. The right form column should be aligned to the exact same width and container
boundaries as the left column — right now it extends further and breaks the visual
alignment.

85.1 ON DESKTOP AND MOBILE, DO THE FOLLOWING ON THE CONTACT PAGE:


The information is duplicated in the form.
Would it be possible to do it like this:
Remove all the information on the left, move the form to the left, and add at the very
bottom “FOLLOW US” plus the TikTok and Instagram icons.
86.

Would it be possible for the title in “Sobre Nosotras” to be exactly like the title you made
for us on the other page?

With the line on the left, and those quotation marks above? It really looks beautiful.

And please remove our red line below the title.

87. The “Nuestras Colaboraciones” page needs to be adjusted so it matches the style and
structure of the other pages.

87.1 The spacing issue with the top banner also happens on: Privacy Policy, Cookies Policy,
Legal Notice, and Terms & Conditions. The last two look especially bad in the header
spacing. “Accesibilidad” looks correct.
87.2 On the “Maquetas” page (PC AND MOVILE) , we would like you to remove the
“Maquetas” title and replace it with “DISEÑO DE MAQUETAS PROFESIONALES” as the H1.
Adjust the spacing after doing it.

87.3 On desktop, we really like the hover effect where the title appears when you move
the mouse over each image — we think it’s a great idea. However, this does not appear on
mobile. We believe it’s quite important that, on mobile as well, users can clearly see what
each image represents. Could you please make sure the title or description is visible on
mobile too, since there is no hover interaction there?
MOVILE CHANGES

88: The homepage video still does not work on iPhone. I checked with ChatGPT and it
suggested the following possible solutions:

The video must be muted — iOS blocks autoplay if the video has sound.

The video element must include the playsinline attribute — otherwise iPhone may
force fullscreen or block background playback.

Please make sure the video includes all required attributes: autoplay, muted,
playsinline, and loop, as iOS Safari requires them explicitly for background videos to
work.

89: Sorry for not mentioning this earlier. After seeing the other carousel (the one and a
half square version), we were told it looks unusual that the top carousel only shows
one item. Would it be possible to make the top carousel also show one and a half
items?
Also, in mobile version, please center the two titles: “Por dónde empezamos” and “Los
más pedidos”.
90. Please increase the vertical spacing on mobile. There is very little space between
sections here. Please review the spacing throughout the homepage in mobile view to
ensure consistency. This can only be properly checked from a real mobile device.
91. The mobile light effect turns on too quickly. It activates as soon as the phone slightly
appears. Would it be possible to trigger it when the phone is around halfway visible? Right
now it turns on too early and the effect loses impact. Si lo comprobobais se enciende a
esta altura mas o menos:
92: In mobile version, please remove the arrows. If it is easier, you can also remove them
in desktop.

93: On mobile, we’ve noticed that all the category carousels are moving at
the same time. It feels a bit too busy visually.
Would it be possible for only the carousel that is currently visible on screen
to autoplay, and for the others to stay paused until the user scrolls down
to them?
We think this would feel cleaner and less overwhelming on mobile.
93.1: On both desktop and mobile, could you please center the category names? Also,
could the boxes be slightly lighter in color, similar to how we had them before?

Please make the color of the boxes on the left lighter, as they were before:
94. Inside the subcategory pages there is still too much spacing that hasn’t been adjusted.
For example, if you go into “Nombres”, there is a very large gap between the “Nombres”
title and the INICIO / PEQUES / NOMBRES navigation bars. When you enter the page, you
don’t even see the products first. This is a serious issue. Could you please review the
spacing? The product should be visible immediately when entering the page.
We believe the header on mobile, where the red background is, is too large. It needs to be
adjusted on mobile across all subcategory pages.
95: We also believe that in the mobile version, both on the subcategory pages and on the
product pages, the “Volver a” section at the bottom should be removed, leaving only the
breadcrumb for navigation. The breadcrumb should properly allow users to go back, as it is
currently incorrectly linked — if you click “Volver a Nombres”, it redirects to the Home
page instead of the correct category.
On the product pages, the breadcrumb should also be properly spaced — it is currently too
close to the top. It could also be made slightly smaller so it doesn’t take up so much visual
space.

Could you please take some time to carefully review the spacing across the pages? We
mentioned this at the beginning, but it seems the spacing and sizing details haven’t been
ully adjusted yet

.
96: We had previously configured the product so that when a customer clicks on a color
option, the product image automatically changes to that selected color on the page.
Would it still be possible to implement this? This is very important for us.

Could you please update the images on the “Comedero Personalizado” product so that
each color variation shows its corresponding image, so we can see how the effect would
look now? Thank you.

97. en pc y móvil elige una opción se ve cortado por abajo. Las letras G y P están
cortadas.

You might also like