High fidelity landing page Mock-ups created in figma:

Coursework project: created high-fidelity mock-ups for a wealth management firm for their desktop and mobile landing pages using FIGMA.

The goal of this project was to create a high-fidelity, responsive landing page mockup for a wealth management organization, strategically prioritizing content based on the viewport. This process required deliberate information architecture adjustments for diverse screen sizes. On the desktop version, content was expanded with more detailed descriptions to cater to users performing in-depth research. Conversely, the mobile site employed selective minimization; for instance, the "Who We Are" section was condensed into a discreet, tappable button, which reserved critical above-the-fold space for core service offerings and primary Calls-to-Action (CTAs). This adaptive approach ensured the most pertinent conversion elements remained instantly visible, a key best practice for maximizing initial engagement.

A crucial design challenge involved applying the Gestalt principle of Proximity within the restricted mobile viewport. While it was essential to visually group related service offerings, the initial mockup had insufficient spacing, leading to potential mis-taps. The subsequent iteration focused on refining the mobile layout to achieve greater "finger-tip friendly" spacing, ensuring the minimum required size for tap targets while maintaining the visual relationship between items. This commitment to WCAG accessibility standards and mobile-first principles demonstrates adherence to professional expectations for modern UX design, guaranteeing both optimal usability and a clear information hierarchy across all device sizes.