Portfolio on Samatha Om

Building a High-Converting Preschool Website

Mon, 01 Jan 0001 00:00:00 +0000

Project Overview

Client: Little Sprouts Preschool
Location: Bengalore, India
Goal: Design and develop a clean, lightweight, mobile-responsive website to increase campus tour bookings and build parent trust.
Role: Lead Web Developer & UI/UX Designer
Stack: HTML5, Tailwind CSS, JavaScript (Zero bloat, zero paid plugin subscriptions)

Understanding the Goal

Every great project begins with active listening. During our initial discovery call, we identified the primary objective and user persona:

Target Audience: Modern parents looking for a safe, nurture-driven early learning environment.
Core Pain Points: Cluttered layouts, slow loading speeds, hidden locations, and hard-to-find contact forms.
Our Strategy: Build a single-page, fast-loading, mobile-first experience using high-converting UI elements and color psychology.

Calming Journal Notebooks

Mon, 01 Jan 0001 00:00:00 +0000

In an era defined by digital hyper-connectivity, relentless notifications, and constant cognitive load, the physical journal has transitioned from a mere stationery item into a therapeutic artifact. Designing a notebook meant to help someone completely unwind and find inner peace within minutes requires a deep fusion of ergonomics, tactile psychology, and minimalist architecture.

Here is the design thinking and creative process behind crafting a journal engineered for mental decompression.

1. The Design Philosophy & Thought Process

The core objective was to design a sanctuary—a physical object that immediately signals to the human brain that the digital chaos of the world has stopped.

Card Studio - Instant Social Media Design tool

Mon, 01 Jan 0001 00:00:00 +0000

Empowering people to create clean, beautiful, production-ready social media designs in seconds.

Summary

Card Studio was conceived to solve a pervasive problem in web design and development: creating visually balanced, highly responsive, and accessible card layouts often requires repetitive custom styling, manual framework setup, and design tweaking.

Card Studio provides a zero-setup, minimalist web application that lets users build, customize, and export elegant social media UI cards instantly—combining low cognitive load. It lets the user with zero design knowledge to generate clean designs for various social media profiles in single place within few seconds.

Focomo : Minimalist Pomodoro

Mon, 01 Jan 0001 00:00:00 +0000

Mindful productivity made minimal, beautiful, and effortless.

Product Overview

Focomo is a light-weight, web-based Pomodoro application designed to eliminate cognitive clutter and guide users into deep, sustained focus. By stripping away non-essential UI elements, Focomo provides a frictionless bridge between task setting and execution.

Attribute	Details
Target Audience	Knowledge workers, software developers, educators, students, and minimalists
Core Architecture	Single-file web app (Vanilla JS, Tailwind CSS, Web Audio API)
Primary Value Proposition	Zero setup time, calm visual themes, and non-intrusive sensory completion feedback

The Problem

Modern productivity tools often fail due to two psychological bottlenecks:

ID Card Designs

Mon, 01 Jan 0001 00:00:00 +0000

1. Commensuratio (Proportion & Order)

Every element on the ID card is anchored to a strict mathematical grid. By respecting proportional harmony, the design creates an immediate subconscious sense of trust, balance, and institutional authority.

2. Ordinatio (Hierarchy & Focus)

We strip away decorative clutter and background noise. The layout establishes an absolute visual hierarchy, ensuring that critical credentials—such as identity and role—are communicated instantly without ambiguity.

3. Eurythmia (Graceful Legibility)

Typography and data placement are structured for rapid visual flow. Security personnel and digital scanners can parse the necessary information in a fraction of a second, eliminating any friction during everyday verification.

Letterhead Design

Mon, 01 Jan 0001 00:00:00 +0000

Designing a letterhead is not merely about placing a logo at the top of a page; it is about establishing immediate institutional authority through structure. Drawing from history, architecture, and modern UX, a truly superior letterhead relies on a clear evolutionary framework:

1. The Classical Era (Commensuratio & Proportion)

The Principle: Ancient builders and classical designers used geometric canons and mathematical ratios (such as the Golden Ratio) to create harmony that feels naturally balanced to the human eye.
Application to Letterheads: The margins, whitespace, and placement of corporate metadata are anchored to a strict proportional grid. Nothing is placed by intuition alone; the layout respects classic symmetry to project quiet, timeless stability.

2. The Modernist & Bauhaus Era (Ordinatio & Form Follows Function)

The Principle: The Bauhaus movement eliminated excessive ornamentation in favor of absolute functional clarity, asserting that form must strictly follow function.
Application to Letterheads: All decorative flourishes, heavy background watermarks, and visual clutter are systematically stripped away. A disciplined, minimalist typographic scale ensures that the core brand identity and contact points are communicated with absolute precision.

3. The Digital & Systems Era (Eurythmia & Cognitive Ease)

The Principle: Modern design treats every asset as part of a scalable system, focusing on user experience, rapid legibility, and the elimination of cognitive friction.
Application to Letterheads: The information hierarchy is organized so that a recipient can parse the sender, address, and legal details in a fraction of a second. The design functions smoothly across both digital PDF export and physical offset printing without layout distortion.

Premium Business Card Designs

Mon, 01 Jan 0001 00:00:00 +0000

In a modern marketplace saturated with digital noise and flashy, over-engineered marketing materials, the physical business card is often mishandled. Most cards are treated as miniature billboards—stuffed with redundant logos, social media handles, and chaotic color gradients that create immediate cognitive fatigue.

When a business card is redesigned through the lens of architectural minimalism and high-clarity systems, it transforms from a forgettable piece of paper into a powerful trust-building asset. Here is how high-clarity business card designs directly helped professionals secure more clients and high-value projects in a remarkably short span.

School Brochure Design

Mon, 01 Jan 0001 00:00:00 +0000

Creating a high-impact institutional brochure requires moving far beyond surface-level aesthetics. To achieve a piece that communicates academic authority and drives enrollment, the design must be treated as an architectural system.

Here is the breakdown of the processes, stakeholders, quantitative results, print specifications, and institutional growth tied to this school brochure project:

1. The Design Process

The creation of the brochure followed a rigorous, structured methodology blending classical proportion with modern instructional clarity:

Website Design with Clarity and Minimalism

Mon, 01 Jan 0001 00:00:00 +0000

Empathize (Understanding the User)

The User State: Modern web users suffer from severe cognitive fatigue. When landing on a digital product or portfolio, they are bombarded with flashing animations, heavy visual clutter, and complex navigation that forces them to think too hard.
The Insight: Users do not want to “explore” a website; they want immediate clarity and a frictionless path to understanding the creator’s capability. Every extra element introduces friction and increases bounce rates.

Define (The Core Problem)

The Challenge: How do we strip away digital noise to construct a high-clarity interface that communicates professional authority within the first three seconds, while maintaining absolute layout rigor?
The Objective: Replace decorative ornamentation with structural architecture, ensuring form strictly follows function.

Ideate (Exploring Structural Solutions)

Architectural Layouts: Explored Swiss International Grid systems, treating negative space as an active design element to create natural visual breathing room.
Restricted Typographic Hierarchy: Brainstormed a disciplined type scale to guide the human eye effortlessly down the page, eliminating eye strain and hesitation.
Functional Minimalism: Decided on a strict neutral palette where color is used exclusively to denote state change or core user pathways—never as mere decoration.

Prototype (Building the System)

Component Modularization: Developed reusable UI primitives in Figma that mirror clean front-end components (React/JavaScript logic), ensuring that what is designed is precisely what can be engineered.
Performance-First Design: Stripped out heavy scripts, bloated style libraries, and non-essential assets to guarantee instant load times and zero layout shift.