Omkrown Website
Omkrown Website
Designing and Deploying a Trust-Focused Website for a Chemical Manufacturer
Designing and Deploying a Trust-Focused Website for a Chemical Manufacturer
Summary
Summary
I redesigned and developed Omkrown’s digital presence, a pharmaceutical and specialty chemical manufacturer, transforming a site into a professional, trust-building, lead-generating experience.
I redesigned and developed Omkrown’s digital presence, a pharmaceutical and specialty chemical manufacturer, transforming a site into a professional, trust-building, lead-generating experience.
Client
Client
Omkrown Pharmachem PVT LTD
Omkrown Pharmachem PVT LTD
Stack
Stack
Figma, Cursor, Next.js, TypeScript, Vercel
Figma, Cursor, Next.js, TypeScript, Vercel
Role
Role
Product Designer (UX, UI, Development)
Product Designer
(UX, UI, Development)
Platform
Platform
Responsive Web
Responsive Web
Status
Status
Live, deployed on production domain
Live, deployed on production domain
Context
Context
What is OMKROWN?
What is OMKROWN?
Omkrown is a chemical manufacturing company that required a professional web presence to represent its capabilities, products, and credibility to industrial and institutional buyers.
Omkrown is a chemical manufacturing company that required a professional web presence to represent its capabilities, products, and credibility to industrial and institutional buyers.
Omkrown is a chemical manufacturing company that required a professional web presence to represent its capabilities, products, and credibility to industrial and institutional buyers.
The existing digital presence did not adequately communicate:
The existing digital presence did not adequately communicate:
Supplier legitimacy
Product seriousness and compliance expectations
Clear pathways for business inquiries
Supplier legitimacy
Product seriousness and compliance expectations
Clear pathways for business inquiries
The goal was to design and deploy a production-ready website that functions as a primary touchpoint for trust, information, and contact.
The goal was to design and deploy a production-ready website that functions as a primary touchpoint for trust, information, and contact.
Supplier legitimacy
Product seriousness and compliance expectations
Clear pathways for business inquiries
This was a foundational business asset, not a marketing experiment.
This was a foundational business asset, not a marketing experiment.
Users
Procurement managers
Quality & compliance stakeholders
Industrial buyers evaluating suppliers
Users
Procurement managers
Quality & compliance stakeholders
Industrial buyers evaluating suppliers
User reality:
These users assess legitimacy first. Any ambiguity stops engagement.
User reality:
These users assess legitimacy first. Any ambiguity stops engagement.
Research & Audit
What I did
Heuristic Evaluation
Identified issues like clutter, lack of feedback, poor consistency.
Redesign Brief & Competitor Analysis
Analyzed 3–5 peer pharma/chemical sites to see how they highlight certifications, facilities, and products.
Branding Options & Moodboards
Presented 3 branding directions. Client chose Dynamic & Bold: strong blues, bold typography, geometric visuals.
Key Insights
Credibility signals must appear immediately
Buyers expect visible, repeated contact options
Predictable layouts outperform expressive ones
Design Direction
Visibility of legitimacy
Predictable navigation
Clear, repeated contact entry points
Design Risk
In chemical procurement, lack of clarity is interpreted as lack of credibility.
The website had to remove doubt before asking for action.
Design Process
Design Principles
Trust precedes exploration
Simplicity over novelty
Redundancy reduces friction
Information Architecture Decisions
Certifications and company information elevated in hierarchy
Product structure simplified for quick scanning
Contact access placed consistently across pages
Every decision reduced cognitive effort for high-stakes users.
Wireframing Focus
Reduce decision depth
Flatten navigation
Anchor trust elements above the fold
Wireframes were evaluated against one question:
“Can a buyer verify legitimacy within seconds?”
Visual Design System
Visual Design System
Visual Direction
Neutral, industrial color palette
High-contrast typography for readability
Minimal decorative elements
Visual Direction
Neutral, industrial color palette
High-contrast typography for readability
Minimal decorative elements
The goal was not visual delight. The goal was confidence and seriousness.
The goal was not visual delight. The goal was confidence and seriousness.
Outcomes
Outcomes
Implementation & Deployment
Implementation & Deployment
This project was fully executed, not just designed. Used Gemini and Cursor to develop the website. This validated the design against real operational use, not hypothetical flows.
This project was fully executed, not just designed. Used Gemini and Cursor to develop the website. This validated the design against real operational use, not hypothetical flows.
Static, generic site, lacking professionalism.
Static, generic site, lacking professionalism.
Dynamic and bold design which builds trust and improve navigation
Dynamic and bold design which builds trust and improve navigation
Business Value
Website now functions as an active inquiry channel
Reduced dependence on offline or indirect communication
Strong foundation for future analytics and optimization
Business Value
Website now functions as an active inquiry channel
Reduced dependence on offline or indirect communication
Strong foundation for future analytics and optimization
Business Value
Website now functions as an active inquiry channel
Reduced dependence on offline or indirect communication
Strong foundation for future analytics and optimization
Immediate Outcomes
Clear improvement in perceived legitimacy
Reduced friction to initiate contact
Direct communication channels aligned with buyer behavior
Immediate Outcomes
Clear improvement in perceived legitimacy
Reduced friction to initiate contact
Direct communication channels aligned with buyer behavior
Immediate Outcomes
Clear improvement in perceived legitimacy
Reduced friction to initiate contact
Direct communication channels aligned with buyer behavior
Metrics to Measure Next
Inquiry conversion rate
Time to first contact
Contact method usage (form vs WhatsApp)
Metrics to Measure Next
Inquiry conversion rate
Time to first contact
Contact method usage (form vs WhatsApp)
Metrics to Measure Next
Inquiry conversion rate
Time to first contact
Contact method usage (form vs WhatsApp)
Learnings
Learnings
Skills Applied:
UX Research (heuristics, competitor analysis)
Information Architecture & Copywriting
Branding & Visual Design
Prototyping & Client Communication
Front-end Development (Next.js, TypeScript, Tailwind)
Deployment (GitHub, Vercel, Hostinger)
Skills Applied:
UX Research (heuristics, competitor analysis)
Information Architecture & Copywriting
Branding & Visual Design
Prototyping & Client Communication
Front-end Development (Next.js, TypeScript, Tailwind)
Deployment (GitHub, Vercel, Hostinger)
Skills Applied:
UX Research (heuristics, competitor analysis)
Information Architecture & Copywriting
Branding & Visual Design
Prototyping & Client Communication
Front-end Development (Next.js, TypeScript, Tailwind)
Deployment (GitHub, Vercel, Hostinger)
What I Learned:
How to balance compliance-driven trust cues with bold visual branding.
The importance of clear microcopy in conversion-focused sites.
Using Cursor AI tools sped up development, but required strong design documentation.
What I Learned:
How to balance compliance-driven trust cues with bold visual branding.
The importance of clear microcopy in conversion-focused sites.
Using Cursor AI tools sped up development, but required strong design documentation.
What I Learned:
How to balance compliance-driven trust cues with bold visual branding.
The importance of clear microcopy in conversion-focused sites.
Using Cursor AI tools sped up development, but required strong design documentation.
View other projects
View other projects
Research & Audit
What I did
Heuristic Evaluation
Identified issues like clutter, lack of feedback, poor consistency.
Redesign Brief & Competitor Analysis
Analyzed 3–5 peer pharma/chemical sites to see how they highlight certifications, facilities, and products.
Branding Options & Moodboards
Presented 3 branding directions. Client chose Dynamic & Bold: strong blues, bold typography, geometric visuals.
Key Insights
Credibility signals must appear immediately
Buyers expect visible, repeated contact options
Predictable layouts outperform expressive ones
Design Direction
Visibility of legitimacy
Predictable navigation
Clear, repeated contact entry points
Design Risk
In chemical procurement, lack of clarity is interpreted as lack of credibility.
The website had to remove doubt before asking for action.
Design Process
Design Principles
Trust precedes exploration
Simplicity over novelty
Redundancy reduces friction
Information Architecture Decisions
Certifications and company information elevated in hierarchy
Product structure simplified for quick scanning
Contact access placed consistently across pages
Every decision reduced cognitive effort for high-stakes users.
Wireframing Focus
Reduce decision depth
Flatten navigation
Anchor trust elements above the fold
Wireframes were evaluated against one question:
“Can a buyer verify legitimacy within seconds?”
Let’s Connect
To collaborate and solve bigger problems
Contact me
Let’s Connect
To collaborate and solve bigger problems
Contact me
Let’s Connect
To collaborate and solve bigger problems
Contact me