Sukumar Chandra Shil Portfolio UI/UX Design

Omeiro · UI/UX Design · Sukumar Chandra Shil · 2026

Ordering the story

The page follows the way a visitor builds trust: who he is, what he has achieved, what he knows, where he has worked, photos as proof, what trainees say, common questions, his writing, and finally how to reach him.

Sukumar Chandra Shil portfolio website: mobile hero screenSukumar Chandra Shil portfolio website: mobile profile and statsSukumar Chandra Shil portfolio website: mobile gallery filters

Design system

Deep navy #050b1f as the base, with Blue #1877f2, Sky #5c9df8, Violet #7a3df0, Lilac #a884fa, Pink #f0397f and Light #f2f6ff. Plus Jakarta Sans for every heading, paragraph, button and form; a handwritten script logotype, "Sukumar Chandra", in the header.

Proof-first components

Animated counters (15+ years, 5K+ trainees, 5 degrees & certifications, 4 core skill areas), six credential cards, skill cards with proficiency bars, experience cards and three trainee testimonials.

Sukumar Chandra Shil portfolio website: technical skills matrix with proficiency bars
Skill cards with proficiency bars
Sukumar Chandra Shil portfolio website: professional experience and roles cards
Experience and roles

Gallery and interactions

Photos filter by All Photos, Computer Labs, Workshops & Events and Ceremonies & Awards, and open in a full-screen lightbox with arrow-key navigation, Esc to close and a photo counter. An automatic slider shows five real event photos in the profile section.

Sukumar Chandra Shil portfolio website: fAQ section
FAQ

Mobile layout

On phones the header shrinks to the logotype and a menu button, cards stack in one column, and the contact form stays short and easy to fill in.

Sukumar Chandra Shil portfolio website: desktop and mobile layouts side by side
Desktop and mobile

Sukumar Chandra Shil Portfolio UI/UX Design

The interface and design system Omeiro created for Sukumar Chandra Shil's portfolio: a deep navy palette, one clear typeface, a script logotype and interactions that put proof first.

Start a similar project
Services
UI/UX Design
Tools
Plus Jakarta SansCaveat (script logotype)Font Awesome iconsTailwind CSS
Tags
UI designUX designdesign systemportfolio UImobile UIdark theme
Category
UI/UX Design

More UI/UX Design projects