Book a Consultation
Call
1800
5
6
7
8
9
A
B
C
D
E
F
G
H
I
J
4
5
6
7
8
9
A
B
C
D
E
F
G
H
2
3
4
5
6
7
8
9
A
8
9
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
8
9
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
2
3
4
5
6
7
8
9
A
B
C

Creator Discovery Platform

About The Project

About The Project

Art&Found is a minimal, text-focused creator discovery platform designed to help users find designers, artists, and creators based on skill, style, profession, and location. The platform delivers fast, intuitive, and relevant search results through a MongoDB Hybrid Search pipeline enhanced with Reciprocal Rank Fusion (RRF).

The project was developed using an AI-assisted development workflow, where AI supported code generation, architecture decisions, frontend implementation, and backend logic translation from UI designs into functional features.

The result is a clean, lightweight, highly optimized web application built for real-time discovery.

Client Requirements

A modern creator discovery system

Users should be able to instantly find creators with searches like:

  • “graphic designer in mumbai for brand identity in minimalist style”

  • “motion designer in melbourne specializing in 3d animation”

  • “underwater cinematographer in philippines for tourism ad film”

A creator onboarding system

Creators can set up a clean structured profile including:

  • Primary username/handle

  • Social links

  • Profession

  • Location

  • Skills (list)

  • Keywords describing their content

  • Content categories

Visitors can search for creators instantly using natural language or keyword-based queries.

The system must support

  • Fast API responses

  • Minimalistic UI

  • Mobile-first design

  • Secure login and OTP authentication

Include essential public pages

  • Home

  • About

  • Privacy Policy

  • Terms of Service

Secure authentication

  • Gmail option

  • Email OTP login

  • JWT-based session management

A fast, SEO-friendly, responsive user experience

Accessible across mobile, tablet, and desktop. Enable creators to manage their profiles easily with a guided onboarding experience.

Our Solution

Jhavtech Studios designed and built a complete digital ecosystem for Art&Found.

AI-Assisted Development Workflow

AI tools were integrated throughout the build process to accelerate and optimize development

  • Generating UI component code from design references

  • Assisting with TypeScript types & data structures

  • Automating repetitive API boilerplate, Refactoring backend logic for scalability

  • Improving UI copy and flows

  • Speeding up profiling, debugging, and function rewrites

AI was not used in the search engine itself—it supported the development lifecycle, ensuring faster delivery with higher consistency.

Next.js for SEO and Performance

We chose Next.js for the frontend due to its:

SEO Advantages

  • Server-Side Rendering (SSR) ensures pages are pre-rendered for search engines

  • Metadata, OpenGraph, and structured data SEO optimizations

  • Fast page loads → improved ranking potential

  • Automatic search engine–friendly routing

  • Edge-friendly architecture for global performance

These benefits are especially critical for a discovery platform where public creator pages and informational content need to be searchable by external users and search engines.

Performance Benefits

  • Optimized bundle splitting

  • Server Components for faster loads

  • Image optimization

  • Built-in caching & revalidation

All combined to create a lightweight, high-performance platform.

Node.js Backend Architecture

The backend was built with Node.js + TypeScript, providing:

  • Fast, event-driven architecture

  • Strong typing for maintainability

  • Modular, scalable code

  • Clean REST API structure

The backend exposes RESTful APIs for:

  • Authentication

  • Profile creation

  • Search queries

MongoDB Hybrid Search with RRF Optimization

We implemented a Hybrid Search model combining:

  • Keyword search

  • Semantic relevance signals

  • Custom boosted fields (profession, location, skills)

Reciprocal Rank Fusion (RRF)

RRF merges and re-ranks results from multiple search pipelines by combining:

  • Keyword match score

  • Vector similarity

  • Field-weighted metadata match

This produced dramatically improved search quality—especially for broad or ambiguous queries.

Minimal, Typography-First UI

The UI approach was:

  • Text-first

  • Minimalist

  • Zero visual clutter

  • Designed to make content readable and scannable

This allowed users to focus purely on what matters: discovering creators quickly.

Fully Responsive Experience

We created layouts that adapt seamlessly across:

  • Desktop large screens

  • Tablets

  • Mobile screens

Ensuring usability for all browsing environments.

Design Process

Discovery & Research

We explored:

  • Target creator categories

  • Search behavior of users

  • Minimalistic web design patterns

  • Information hierarchy and readability

Information Architecture & Wireframing

  • Home → Login → Profile Setup → Search → Results

  • A simple flow with clear action items

  • Wireframes focused on layout clarity

Visual Design

We developed a visual system based on:

  • Monochrome palette

  • Strong typography

  • Generous spacing

  • Reduced visual noise

The entire design system mirrors Art&Found’s identity—clean, bold, minimal.

Development Process

01

Discovery & Requirements

  • Workshops, requirement analysis, and feature documentation
  • System architecture and technology stack finalization
02

UI/UX Design

  • Wireframes and high-fidelity mockups
  • Optimized flows for onboarding, preferences, and chat
03

AI-Supported Architecture & Coding

AI tools were used to:

  • Translate UI mockups into React components
  • Auto-generate form validators
  • Create TypeScript interfaces
  • Assist with routing and SSR logic
  • Recommend optimization strategies
04

Next.js Frontend Development

Built with:

  • Server Components
  • App Router
  • Reusable UI blocks
  • Controlled form flows
  • Minimal CSS + Tailwind
05

Backend Development

Backend system builds with Node.js API with TypeScript and includes:

  • Database architecture design
  • Secure OTP authentication and user management
  • Creator profile APIs
  • Search aggregation endpoints
  • Input sanitization & validation
06

MongoDB Search Pipeline

Hybrid search using:

  • Text indexes
  • Embeddings
  • Scoring boosts
  • Reciprocal Rank Fusion (RRF) for final ranking
07

Testing & QA

  • Responsiveness testing
  • Search ranking evaluation
  • Security and vulnerability checks
08

Deployment

  • Cloud deployment of frontend and backend applications.

Key Features

A comprehensive platform built with cutting-edge technology, minimal design philosophy, and user-centric features for seamless creator discovery.

01

Hybrid Search with RRF Ranking

Keyword + vector hybrid search with accurate and relevant creator suggestions. Multi-signal ranking unified via RRF for optimal results.

  • Keyword + vector hybrid search
  • Accurate and relevant creator suggestions
  • Multi-signal ranking unified via RRF
02

Creator Onboarding

Guided profile setup with comprehensive fields including username, profession, skills, keywords, social links, and location.

  • Username
  • Profession
  • Skills
  • Keywords
  • Social links
  • Location
03

Simple, Minimal UI

Clean typography with zero distraction. Pure black-and-white aesthetic designed for maximum clarity and focus.

  • Clean typography
  • Zero distraction
  • Black-and-white aesthetic
04

Secure Login

  • Gmail login
  • Email-based OTP authentication
05

Search Results Page

  • Creator bios
  • Specializations
  • Style keywords
  • Pagination system
06

Informational Pages

  • About
  • Privacy Policy
  • Terms & Conditions
07

Fully Responsive Design

Optimized for all screen sizes with adaptive layouts ensuring seamless experience across desktop, tablet, and mobile devices.

  • Optimized for all screen sizes.

Technology Stack

Frontend

Question mark
Azure VMs

Tailwind CSS

Next.Js

Next.Js

TypeScript

TypeScript

Navigation arrow icon
Close icon
Frontend
Tailwind CSS
A utility-first CSS framework used to build custom user interfaces rapidly without leaving your HTML.
Next.js
A powerful React framework that enables server-side rendering and static site generation for high-performance web apps.
TypeScript
A typed superset of JavaScript that catches errors early by adding static definitions to your code.

Backend

Question mark
Node.Js

Node.Js

Express.Js

Express.Js

TypeScript

TypeScript

Navigation arrow icon
Close icon
Backend
Node.js:
A cross-platform JavaScript runtime environment that allows you to execute JavaScript code on the server.
Express.js
A minimal and flexible web application framework for Node.js used to build robust APIs.
TypeScript
Used here to ensure type safety and better maintainability across the backend logic and API endpoints.

Database

Question mark
MongoDB Atlas

MongoDB Atlas

Hybrid Search + Vector Search

Hybrid Search + Vector Search

RRF merging

RRF merging

Navigation arrow icon
Close icon
Database
MongoDB Atlas
A fully-managed cloud database service that stores data in flexible, JSON-like documents.
Hybrid Search + Vector Search
A retrieval method that combines traditional keyword matching with AI-driven "meaning-based" (vector) search.
RRF Merging
Reciprocal Rank Fusion is an algorithm used to combine and rank results from different search methods into a single, accurate list.

Tools & IDE

Question mark
VS Code

VS Code

AI-assisted coding tools

AI-assisted coding tools

Navigation arrow icon
Close icon
Tools & IDE
VS Code
A highly popular, extensible code editor developed by Microsoft for professional software development.
AI-Assisted Coding Tools:
Tools like GitHub Copilot or Cursor that use Large Language Models to suggest code and automate repetitive tasks.

Conclusion

Art&Found demonstrates how minimal design, modern web architecture, and optimized hybrid search can come together to create an elegant and effective creator discovery platform.
By using AI as a development accelerator, Next.js for SEO, and MongoDB Hybrid Search with RRF ranking, we delivered a robust system that is fast, responsive, and highly intuitive to use.

See it in Action

www.artandfound.com
Idea Illustration
Let’s Turn Your Idea Into Impact 
Ready to build something remarkable or fix what’s broken? 
We’d love to help. Book your free strategy session today and let’s discuss how Jhavtech can transform your software vision into reality. 
Circle Pink
Give us a ring
9AM to 5PM (AEDT)
Call (03) 9344 1619
Circle Pink
Decades of experience
into a 30 mins call
Book a Consultation
Consultation Form
Close Button
Select a service
Please fill in this field
Error text
Please fill in this field
Please fill in this field
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you
for choosing us for shaping your ideas!
Booking Confirmation

We have received your request and will be in touch within the next 24 hours to confirm the details. In the meantime, please feel free to browse our website to learn more about our services and how we can help you.