Micro Websites
Design for several product pages
Timeframe: 2024
Role: Web and UX/UI designer
The brief required me to design multiple templates for product pages tailored to various financial products, each with distinct structures and content variations. These templates needed to accommodate differences from the primary product page while ensuring consistency across marketing materials, including social media posts and advertising assets.
User Research Approach
To ensure a user-centered approach in designing these micro-product pages, I employed multiple research methods to gain a deeper understanding of user needs and decision-making processes.
1. Defining the Research Goal
The primary objective was to determine how users quickly grasp the essence of the product at a glance. A well-structured and clearly outlined product page plays a crucial role in informing and persuading users, ultimately influencing their purchasing decisions.
2. Competitive Analysis
I conducted a thorough competitor analysis, evaluating leading financial websites and trading platforms. This allowed me to identify industry best practices, highlight key strengths, and uncover potential gaps or usability issues in existing solutions.
3. User Research Methods
To refine the user experience further, I applied several research techniques:
Usability Testing – To assess how effectively users navigate and understand the product pages.
User Personas – To define the key audience segments, which predominantly consisted of experienced traders with a smaller proportion of first-time investors.
Surveys – To gather direct user feedback on information priorities. The findings revealed that users were primarily interested in understanding the product’s potential ways to gain magnified exposure. Notably, experienced traders had no difficulty comprehending financial terminology, and simplifying content structuring.
4. Accessibility & Compliance Review
Given the stringent regulations surrounding financial products, I conducted an Accessibility & Compliance Review to ensure transparency and legal adherence. This included:
Ensuring all disclosures were clear and accessible.
Providing comprehensive legal documentation in an easily digestible format.
Aligning the page structure with regulatory requirements while maintaining a seamless user experience.
By integrating these research methodologies, I was able to create micro-product pages that are clear, user-friendly, and compliant, catering to the needs of a predominantly professional trading audience.
Design Solution
To address the brief, I developed a set of adaptable product page templates designed to accommodate the structural and content variations of different financial products. By implementing a modular design system, I ensured consistency in branding and usability while allowing flexibility for diverse product requirements. These templates were optimized for seamless integration across digital platforms, aligning with the company's social media, advertising, and promotional strategies.
Sections set
The adaptable component sections I designed provide a scalable and flexible foundation for creating additional product pages with varying designs and structures. This approach was aligned with the client's requirement for modularity, allowing for seamless customization while maintaining consistency.
While similar to a design system, the component set I developed consists of interchangeable sections rather than rigid templates. This ensures that each product page can be tailored to specific needs while preserving a cohesive user experience across the platform.
Result
I designed a series of adaptable product page templates, each featuring proposed variations for key sections. This modular approach allows for future flexibility, enabling the creation of diverse pages by combining and customizing the components I developed. This ensures consistency while accommodating the unique structures and content requirements of different financial products.
Design Process
-
Conducted comprehensive research into user needs and pain points.
-
Gathered insights from analytics and user feedback.
-
Developed a clearer, more efficient app structure.
-
Created a visually appealing and intuitive interface.
-
Iterated based on user testing and feedback.
-
Worked closely with developers to bring the design to life and correct errors.