Omkrown Website
Omkrown Website
Redesigning Omkrown’s Website for Trust and Conversion
Redesigning Omkrown’s Website for Trust and Conversion
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
Overview
Overview
What is OMKROWN?
What is OMKROWN?
Omkrown is a pharmachetical company based in India. It makes chemical products for various vendors.
The Challenge
The old website was static and generic, with duplicate content and no clear conversion path.
Key credibility elements (certifications, milestones) were buried or missing.
Product pages lacked technical depth (no specs, SDS downloads).
Navigation was confusing, making it hard for procurement or QA officers to find information quickly.
The old website was static and generic, with duplicate content and no clear conversion path.
Key credibility elements (certifications, milestones) were buried or missing.
Product pages lacked technical depth (no specs, SDS downloads).
Navigation was confusing, making it hard for procurement or QA officers to find information quickly.
My task: Redesign the website to build trust, improve navigation, and drive RFQs.
My task: Redesign the website to build trust, improve navigation, and drive RFQs.
Research & Audit
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.
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.
Presented 3 branding directions. Client chose Dynamic & Bold: strong blues, bold typography, geometric visuals.
Design Process
Design Process
User Flows & Wireframes
User Flows & Wireframes
Created clear pathways for users to log cases, claim tasks, and track outcomes.
Created clear pathways for users to log cases, claim tasks, and track outcomes.
Testing & Iteration
User testing revealed confusion in the reporting form, which I simplified to make it faster and more intuitive.
User testing revealed confusion in the reporting form, which I simplified to make it faster and more intuitive.
The Solution
The Solution
Deployment
Staging live at omkrown-website.vercel.app.
Staging live at omkrown-website.vercel.app.
Outcomes
Outcomes
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
Aligned leadership and volunteers around a clear MVP scope.
Improved confidence in coordination among early testers.
Provided a foundation for future development, with opportunities to expand into shelter integration and regional scaling.
Clear IA (About, Products, Quality, Resources, Contact).
Product grid with real chemical compounds, scalable design.
Quality page showcasing certifications & awards.
Resources hub for News, Articles, FAQs.
Contact page with clear RFQ form.
Aligned leadership and volunteers around a clear MVP scope.
Improved confidence in coordination among early testers.
Provided a foundation for future development, with opportunities to expand into shelter integration and regional scaling.
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)
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.
Next Steps:
Expand product detail pages with spec tables & SDS downloads.
Add CMS integration for Resources.
Gather usability feedback from client’s procurement/QA contacts.
Next Steps:
Expand product detail pages with spec tables & SDS downloads.
Add CMS integration for Resources.
Gather usability feedback from client’s procurement/QA contacts.
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