frontEnd prototype PenhouseMagazine

https://xd.adobe.com/view/0ca70f5c-81f0-4ffd-9b1e-94e4d85cebed-59f4

Old design

Home
https://penthousegold.devscope.top/?page_id=253

Magazine single mixes proposal
https://penthousegold.devscope.top/?page_id=241

Home old proposal with new footer
https://penthousegold.devscope.top/?page_id=236

Signup old & new mix
https://penthousegold.devscope.top/?page_id=305

Improve

• Improve tabs for better navigation icon, animation something. (new proposal hero banner)
• Add Call to action floating in mobile ✅
• add call to action on tabs in desktop (new proposal hero banner)
• new search proposal ✅

New proposal (with new search and floating action in mobile and new footer, etc)

Home proposal
https://penthousegold.devscope.top/?page_id=255

Signup proposal
https://penthousegold.devscope.top/?page_id=251

Category proposal
https://penthousegold.devscope.top/?page_id=284

Search result proposal
https://penthousegold.devscope.top/?page_id=290

Details or single model proposal
https://penthousegold.devscope.top/?page_id=297

Collector section only (initial)
https://penthousegold.devscope.top/?page_id=245

Hero proposal only (initial)
https://penthousegold.devscope.top/?page_id=257

Pagination only proposal (initial)
https://penthousegold.devscope.top/?page_id=292

Note: Category pages, list page, etc. are extracted from the layout sections (home & single), grids are reused.

Information architecture and links
Navigable DEMO

Home
|_ Collections
|____ Penthouse, Lettler, Variations, Pet (same template)
|_________ Details magazine
|_ Issue
|____Trending, Premium variations, Magazione archive (same template)
|_________ Details magazine
|_ Search page
|_ SignUp page suscribe
|_ Blog
|____ Category
|_________Single article
|_ Contact
|_ Billing support
|_ Help Center (same template contact)
|_ Licensing
|_ Terms of use 18 U.S.C. 2257
|_ Privacy Policy
|_ Login
|_ Lost password
|_ Splash modal +18
|_404

INITIAL KEYWORDS PENTHOUSE MAGAZINE (use for text)
KEY WORDS

First improvements
Remove background black
Link to login/pass page
Single with Magazine Viewer OLD VERSION PAY FLIPHTML5
Page single model 1 images

WORKING COMPLETE PDF
https://penthousegold.devscope.top/real3d-flipbook-full-version/

WORKING SHORT PDF WITH CTA ON ENDING
https://penthousegold.devscope.top/real3d-flipbook/

PROPOSAL NEW SUSCRIBE PAGE (same, login,recover pass,suscribe)
https://penthousegold.devscope.top/home/suscribe/

Second improvements
Better suscribe page or checkout
Magazine Viewer full version
Magazine Viewer short version
Model page with link to viewer short version
At the end of short version CTA to suscribe or checkout
Header change no dropdown menu, direct link
Add button background to preview and change button position
Add annual access to the center and selected
Signup btn header open in the same page
Change text Click to view short version
Do not allow text selection in the end-of-journal modal in the preview
Change text in the end-of-journal modal

Joan testing
Testing the viewer with full resolucion PDF 300DPI
LINK TO TEST PDF

Daniel improvements

• FIXED: The navigation menu on mobile (at least on Pixel 8 Pro / Chrome) disappears, and to show it you need to scroll, leaving it at the bottom. Maybe it should be indicated that it’s there or adjusted to the screen.
  (navbarMobile), need to scrolldown to hide the native browser nav or less height
• FIXED: On the desktop version, when hovering over the left image, I notice two changes: opacity and a slight resizing. The resizing feels a bit abrupt
• I would add a “Fit to width” option to the flipbook in “one page” mode, so it adjusts automatically to the width; I’m not sure if it would apply to two pages, but ideally it would be a single button and default. (In progress…)
• FIXED: Regarding the controls, I would increase their size, at least in the mobile version.