SuSu

    Before ' Soso,' eyewear stores in Iran often felt more like sterile medical clinics than inviting retail spaces.

    Visit Project
    Technology Stack
    After Effects
    CSS3
    Django
    HTML5
    JavaScript
    MySQL
    Node.js
    PostgreSQL
    Python
    React
    SQL Server
    Tailwind CSS
    TypeScript
    SEO

    White, impersonal walls, cold fluorescent lighting, glass display cases, and clinical examination tables all evoked the atmosphere of an optometry room—not a place to enjoy selecting an accessory that plays a vital role in one’s daily identity and personal style. Yet, eyewear is far more than a vision-correcting tool; it is a statement of personality, taste, and even mood. The question was: could an eyewear store be designed without visual clutter, yet radiate warmth, authenticity, and a distinct character? The founder of Soso, armed with a distinguished history in digital content creation and a track record of being among Iran’s top bloggers over a decade ago, has always harbored a profound passion for technological innovation—a passion he has pursued in every endeavor. He set out to find the answer not behind cold clinic counters, but within the comforting texture of wood, soft ambient lighting, and the tranquility of a thoughtfully crafted digital space. The result is 'Soso'—a store that, from the very first glance, evokes the scent of wood and sincere warmth, rather than antiseptic and sterility. This is not just an online shop; it is an experience built on trust, comfort, and unwavering customer support at every step. Having already cultivated a loyal customer base across online platforms like Bamilo and Instagram, the brand acutely felt the absence of a dedicated, cohesive website—a digital void that Soso now fills with distinction.

    Design & User Experience Approach

    The design of 'SuSu'—from start to finish—was built upon three key principles, each playing a decisive role in shaping the project's final identity:

    Visual Serenity with Wooden Identity and Warm Tones

    Contrary to the common approach in eyewear retail—which often relies on cold hues and clinical elements—Soso employs a warm color palette of browns, creams, and golds.

    Preserving a Consistent Brand Identity Across All Pages

    The website’s theme is an exact digital reflection of the physical Soso store—from hand-written-style fonts and soft curves to decorative wooden elements and warm lighting.

    Personalizing the Experience for Every User

    Upon logging into their account, each customer is welcomed by a dedicated dashboard that presents all relevant information in a coherent, organized manner—ranging from purchase history and real-time order status to active discount codes and registered addresses.

    From the moment a user lands on the homepage to adding items to the cart and finalizing the checkout, every step is designed with utmost simplicity and clarity. Categorized menus, intelligent filters based on material, color, size, and style, and the display of comprehensive product variants (allowing selection of frames, lenses, and color combinations) guide the user to their goal without introducing complexity. Strategic placement of Call-to-Action (CTA) buttons, combined with a streamlined, minimal-step checkout process, ensures a seamless transaction.

    Advanced Loyalty Club and Smart User Profile

    One of the project’s most pivotal and distinguishing features is the development of a comprehensive customer loyalty management system, which goes far beyond a simple user account: Referral and Reward System: Every user who invites 5 friends or acquaintances to join Soso receives an exclusive discount code. This mechanism not only incentivizes sharing but also significantly contributes to the organic growth of the brand's customer community. The referral process is managed through unique, trackable links with automated status monitoring.

    Multi-Dimensional User Profile: Within the user panel, each member can register and manage multiple distinct addresses (home, office, alternate delivery points, etc.) simultaneously. Furthermore, the precise status of every order—from payment confirmation to packaging, shipping, and final delivery—is updated in real-time. All active discount codes, along with their expiration dates and terms of use, are clearly displayed in a dedicated section for complete transparency.

    User-Submitted Photo Gallery: One of the site's most innovative features is a dedicated space where customers can upload photos of themselves wearing their Soso eyewear. Upon approval, these images are showcased in a dynamic, living gallery on the homepage. This functionality not only strengthens the sense of community and shared experience but also assists new customers in visualizing products on real people, enabling more informed, confident purchasing decisions.

    All these levels are calculated automatically, and users can view the distance to the next level in their profiles—serving as motivation to keep going.

    Project Challenges

    The implementation of Soso presented several significant challenges, the most critical of which was striking a delicate balance between visual simplicity and backend complexity. The system had to simultaneously manage multiple variants for each product (color, size, frame type, and lenses), conditional discounts with various intricate rules, advanced user profiles with multi-address capabilities, and a user-generated image gallery—all without compromising speed or accuracy. Optimizing the user photo gallery required substantial efforts, including intelligent caching and automatic image compression to prevent page load time inflation. Another major challenge was integrating existing sales data from previous platforms (such as Bamilo and Instagram) into the new database, ensuring that returning customers could seamlessly access their purchase history and loyalty status within the new website.

    Technical Implementation

    Frontend

    On the frontend, React was paired with TypeScript to create a secure, readable, and highly maintainable codebase. This choice facilitates modular development and enables the addition of new features in the future with minimal technical overhead. Tailwind CSS served as the UI design tool, enabling the rapid, precise implementation of the custom visual identity without the need for heavy, manual CSS styling.

    Backend

    On the backend, Django was selected as the core logic engine due to its robust security features, coherent MVC structure, and powerful API support. Authentication management, discount processing, and payment gateway integrations were all seamlessly implemented through this framework. Finally, SQL Server was chosen as the primary database, with an optimized schema design ensuring referential integrity and high stability under concurrent transaction loads, providing a solid foundation for data storage and management.

    Final Outcome

    The ultimate output of the 'Soso' project transcends that of a conventional eyewear retailer; it stands as a digital home for enthusiasts of style, quality, and eye health. It is a space where shopping, reading, experience sharing, and brand interaction flow together in a smooth, warm, and stress-free journey. Before making a purchase, customers see authentic photos from other users, reinforcing their confidence in product quality. Before finalizing an order, they are fully aware of their available discounts and can select the best possible option. And even before entering the site, they can vividly imagine the sense of warmth and wood that defines the brand.

    Soso is a tangible embodiment of the belief that a successful brand builds trust not through excessive claims, but through meticulous attention to design detail, profound respect for the user's time and intelligence, and the strategic application of cutting-edge technology—the very path its founder has traversed, from the early days of influential blogging to the creation of this distinctive online store, always driven by an enduring passion for quality and progress.