Project Overview
Precious Lists is a smart online application designed to help users securely organise and curate photos, receipts, and information about their art and collectibles in one place. To promote the app, I was contracted to design and develop a marketing website that highlights the app’s ease of use, security, and organisational benefits. The goal was to create a visually appealing, responsive website that effectively conveys how Precious Lists simplifies cataloging and protecting valuable possessions, providing peace of mind for users.
Design Collaboration
The website’s design was a joint effort between my partner and me. Throughout the process, we maintained regular check-ins with the client to ensure the design aligned with their vision and goals. This collaborative approach allowed us to refine the user experience continuously and ensure the messaging stayed on point.
Key Features and Challenges
Home Page Animation
I developed an engaging animation for the home page featuring a laptop and smartphone. This animation highlights how the app works and draws users’ attention to the core functionality of Precious Lists. The animation required careful timing and synchronization to achieve a seamless effect.
Scroll-Snapping Navigation
To create a modern browsing experience, I implemented a snapping scroll feature that allows users to navigate through sections of the site smoothly. This added an interactive and dynamic feel to the desktop experience. However, during testing, I discovered that mobile browsers handled scroll snapping inconsistently, leading to a less-than-ideal user experience. After discussing this with the client, we decided to disable scroll snapping for mobile users while keeping it for desktop visitors.
Responsive and Performant Design
Using Next.js as the platform and deploying to Netlify, the website benefits from fast load times and scalability. The site’s responsive design ensures it works well on devices of all sizes. The transition from SASS to Tailwind CSS also improved development efficiency and consistency in styling.
Content Collaboration
All of the website content was created in close collaboration with the client. From the headlines to the calls-to-action, we made sure the messaging aligned with the app’s purpose and resonated with its target audience.
Back to all my works