Strategy | UI/UX | Mobile App
Fairfield Book Publishers (FBP) is a leading Singapore-based specialist in educational publishing with over 35 years of experience. While FBP currently distributes through its website and third-party marketplaces (Shopee, Lazada, OpenSchoolbag), this project will deliver a dedicated mobile application. The app will provide a direct, streamlined e-commerce experience for purchasing assessment books, textbooks, and study guides ranging from Preschool to Advanced Level (GCE ‘A’ Level, IGCSE, and IB).
Direct-to-Consumer Channel: Establish a proprietary mobile storefront to increase direct sales and reduce reliance on third-party marketplace commissions.
User Retention: Implement user profiles that track student grade progression to offer automated, year-over-year book recommendations.
Streamlined Browsing: Organize a massive inventory into an intuitive UI so parents and educators can instantly find syllabus-specific materials (e.g., PSLE Science, O-Level Math, Tamil/Malay Mother Tongue).
B2B Integration: Provide a dedicated portal within the app for schools and tutors to easily place and manage bulk orders.
Design
Strategy
Client
While Fairfield Book Publishers (FBP) possesses a rich, 35-year legacy of high-quality educational materials and a strong market presence in Singapore, its current digital sales strategy relies heavily on standard web e-commerce and third-party marketplaces (such as Shopee and Lazada). As mobile commerce becomes the primary purchasing channel for busy parents and students, the absence of a dedicated, optimized mobile application creates friction in the customer journey and limits FBP’s direct engagement with its core audience.
User Pain Points (The Experience Gap)
High Cognitive Load in Catalog Navigation: FBP offers a massive inventory categorized by grade (Preschool to A-Levels), subject, and examination type. Browsing this complex architecture on a responsive mobile website or a cluttered third-party marketplace is cumbersome, making it difficult for parents to quickly locate syllabus-specific materials.
Lack of Personalized Progression: The current digital experience is transactional rather than relational. When a parent buys Primary 3 assessment books, the system does not dynamically adapt to recommend Primary 4 materials the following academic year, missing a critical opportunity to support the student’s ongoing educational journey.
Friction in Assessment & Preview: Purchasing educational materials requires confidence. Users currently struggle to easily preview sample pages, tables of contents, or difficulty levels on mobile screens, leading to hesitation and cart abandonment.
To resolve the friction of the current buying experience and reclaim market independence, Fairfield Book Publishers (FBP) will develop a dedicated, mobile-first e-commerce application. This solution transitions FBP from a transactional vendor to a strategic educational partner, utilizing intelligent design to drastically reduce the cognitive load on parents and students navigating a complex academic catalog.
Key Strategic Pillars
1. Intelligent Information Architecture & Discovery Rather than overwhelming users with a massive, flat inventory, the app will utilize progressive disclosure and smart filtering. The search experience will be rebuilt around the mental models of parents and educators—allowing them to filter effortlessly by academic year (e.g., Primary 4), subject (e.g., Science), and specific examination syllabus (e.g., PSLE).
-
The Fix: A robust, predictive search bar and a visually distinct categorization system that guides the user to the exact syllabus material in three taps or less.
2. Adaptive, Personalized User Journeys The app will introduce contextual user profiles that grow with the student. By capturing the child’s current grade level during onboarding, the home dashboard will dynamically curate content.
-
The Fix: Automated, year-over-year progression logic. When a new academic year begins, the app will proactively recommend the next level of textbooks and assessment materials, shifting the user experience from manual searching to personalized curation.
To design a mobile experience that converts, we must root the application in a deep understanding of the high-stakes Singaporean education landscape and the specific psychological drivers behind purchasing educational materials.
The Industry Landscape: Singapore Educational Publishing
The “High-Stakes” Culture: The Singapore education system is rigorous, punctuated by critical milestones like the PSLE, O-Levels, and A-Levels. For parents, buying assessment books is not a discretionary purchase; it is an emotional, high-priority investment in their child’s future. The app’s tone and UX must reflect trust, authority, and reliability.
The Shift to Intent-Driven Commerce: While physical browsing at traditional bookstores (like those in Bras Basah Complex) remains a cultural staple, the actual purchasing behavior has shifted heavily toward digital convenience. Buyers are increasingly intent-driven—they know the specific syllabus or author they need and want the shortest path to checkout.
Bypassing the Marketplace Clutter: General e-commerce platforms (Shopee, Lazada) are cluttered and optimize for algorithmic discovery rather than educational progression. FBP’s distinct advantage will be offering an environment free of distraction, built explicitly around the Ministry of Education (MOE) curriculum structures.
My interviews with the Business Users and Callers provided critical, detailed information. This foundation allowed me to successfully create the resulting personas and journey maps.
Key Takeaways from this Sitemap:
Flat Global Navigation: The 5 core pillars (Home, Catalog, Lists, Cart, Profile) will live in a persistent bottom tab bar, meaning users are never more than one tap away from their primary goals.
Shallow Depth: Despite the massive catalog, a user can get from the “Catalog” tab to a specific Primary 4 Science book in a maximum of three taps.
Isolated Complexity: B2B features (invoicing, bulk ordering) are neatly tucked away under the Profile toggle, ensuring they don’t clutter the interface for everyday parents and students.
To me, Visual Design is more than just aesthetics—it’s a communication tool. I use typography, color theory, and spacing to create a clear visual hierarchy that guides the user’s eye to what matters most.
