Design system
from scratch
Wireframes first to define layout and hierarchy. Then a reusable library of buttons, cards, navigation, and forms created a lightweight design system for building new screens faster.
Birgunj, Nepal · UTC+5:45
Best Project Design — Triodash 2024
Local time —:—
Kaushal
Shah
UI/UX Designer
Graphic Designer
Web Developer
SEO Specialist — based in Birgunj, Nepal, available for work worldwide
UI/UX and graphic design from Birgunj, Nepal. I design interfaces people can actually use — then hand developers files they can actually build.
06Selected
projects
projects
04Roles across
design & SEO
design & SEO
01Best design
award
award
03Certificates
completed
completed
About — About Kaushal Shah, UI/UX and graphic designer in Birgunj, Nepal
UI/UX and graphic designer, Birgunj, Nepal [ 02 ]I'm Kaushal — a designer from Birgunj who learned the front end first, so I know exactly what happens to a layout after the handoff.
I work across UI/UX and graphic design in Birgunj, Nepal: Figma wireframes, component libraries, e-commerce flows, logo and brand marks, and the WordPress websites they end up living inside. Most of my day is Figma, but I also build in WordPress and Elementor, write the HTML and CSS when it's faster, and handle the on-page SEO so the work is actually findable once it's live.
I taught frontend development to beginners for six months in 2024. That's the part that changed how I design — spending that long explaining how a layout turns into code makes you stop drawing things that can't be built. Now I lead design, development and marketing tasks at Pinned Agency, and run my own studio, Codexdesign, alongside it.
Based inBirgunj, Nepal
WorkingRemote / Part-time
Primary toolFigma
Also builds inWordPress, Elementor
Also writesHTML, CSS, Tailwind
Education+2 Computer Science, 3.42
AwardBest Project Design '24
StatusOpen to full-time roles
Selected work — Selected UI/UX and graphic design projects
UI/UX, e-commerce, web design and SEO projects [ 03 ]Design system
E-commerce,
end to end
Product listing, product detail, checkout. The whole path a shopper takes, designed so the visual hierarchy does the pushing instead of the copy. Consistent styling across pages so the site holds together as you move through it.
A site built
the way it
was drawn
Homepage through key content pages, composed for clarity and made with responsiveness in mind from the start — so the layout survived the move into development instead of being renegotiated in it.
Designed to
be found
Keyword research across outdoor apparel — down jackets, waterproof shells, trekking gear — then titles, headings, product categories and page structure rewritten around it. Google Analytics and Search Console to see whether any of it moved.
Scroll to advance
01 / 04
Featured case study — Featured UI/UX case study — Triodash design system
Triodash Agency · Portland, USA [ 04 ]The team kept rebuilding the same screen
Every new screen started from a blank frame. Buttons drifted, spacing drifted, and developers received files that each looked slightly different from the last. The brief was to design the main project — but the real problem was upstream of it.
01
Wireframe before anything is pretty
I started low-fidelity: greyboxes only, no colour, no type decisions. The job at this stage was to settle layout, structure and content hierarchy while it was still cheap to change. Once the skeleton held up, the high-fidelity pass had something to be faithful to.
02
Build the parts, not the pages
Buttons, cards, navigation, form elements — each drawn once, with its states, and reused everywhere after. Instead of designing a page and extracting components from it, we designed components and assembled pages out of them.
03
Assemble into a lightweight system
Not a hundred-page governance document — a small, usable set: the components, the type scale, the colour roles and the spacing rhythm. Small enough that the team actually opened it, complete enough that new screens stopped being guesswork.
04
Fix what real users were struggling with
Alongside the system, I redesigned visual flows on a live site by looking at how people were actually navigating it — where they hesitated, where they doubled back — and reordered the path around that rather than around the sitemap.
1 libraryButtons, cards, nav
& form elements
& form elements
FasterNew screens without
starting from scratch
starting from scratch
AwardBest Project Design,
Triodash 2024
Triodash 2024
Project gallery — Gallery of interface, branding and campaign design work
Interface screens, logo marks and campaign design [ 05 ]UI/UX projects — UI/UX design project index
UI/UX design projects in Figma [ 06 ]
001
Figma · 2024
Triodash
UI/UX Design InternFigma · 2024
Wireframes, a reusable component library and a lightweight design system the team could design against.
002
Figma · E-commerce
Sajilo Kinmel
UI/UX DesignerFigma · E-commerce
Listing pages, product detail views and a checkout flow shaped so browsing leads naturally to buying.
003
Figma · Responsive
Pinned
Web DesignerFigma · Responsive
Full visual layout from homepage to key content pages, drawn with the build in mind.
004
GA4 · Search Console
Navigate®
SEO & MarketingGA4 · Search Console
On-page structure, titles and categories rebuilt around real search demand, then measured.
Graphic & branding — Graphic design, logo design and brand identity work
Logo design, brand identity and social media design [ 07 ]MedesHandmade
An Instagram identity for a handmade brand. Built simple on purpose — it had to stay legible as a 32px profile photo and as a watermark sitting over busy product shots.
Logo & identityCanva · Figma
Social systems
Feed posts and stories drawn from one set of rules, so a campaign stays recognisable as it changes shape across formats.
Campaign designCanva · Figma
Codexdesign
My own studio's content: promotional posts, educational carousels and brand graphics, kept consistent enough to look like one place.
Content & brand2025 — ongoing
Skills & tools — UI/UX design skills, tools and software
Figma, WordPress, Tailwind and SEO tools [ 08 ]Design & UI/UX
UI/UX DesignWireframingInteractive PrototypingDesign SystemsUser-Centered DesignVisual HierarchyUser FlowsLayout DesignLogo & Brand IdentitySocial Media Design
Tools & software
FigmaAffinityAdobe IllustratorCanvaClaude CodeGitGitHub
Frontend & technical
HTML5CSS3JavaScriptTailwind CSSBootstrapResponsive Design
SEO & marketing
SemrushUbersuggestRank MathKeyword ResearchOn-Page SEOGoogle AnalyticsSearch Console
CMS & page builders
WordPressElementorResponsive Web Building
Services — UI/UX design, branding, web design and SEO services
UI/UX design, branding, web design and SEO [ 09 ]S/01
UI/UX Design
UI/UX design in Figma: wireframes, user flows and high-fidelity screens, with interactive prototypes when a flow needs testing before it gets built.
S/02
Design Systems
A component library and the rules around it: type scale, colour roles, spacing. Sized so your team will actually use it.
S/03
Brand & Logo
Logo design and brand identity: marks built to survive small sizes and busy backgrounds, plus the pieces that keep a brand recognisable everywhere it appears.
S/04
Website Build
WordPress and Elementor web design carried through to a live, responsive site — or handed to your developers with the details already resolved.
S/05
On-page SEO
On-page SEO: keyword research, page titles, headings and site structure, so the work you paid to design is findable once it ships.
S/06
Social Content
Social media design: feed posts, stories and campaign creatives made as a set, adapted across formats without losing the thread.
Design process — The UI/UX design process, step by step
In order, because the order matters [ 10 ]01
Understand
What the page has to do, who it's for, and what counts as it working. Written down before anything is drawn.
02
Wireframe
Greyboxes only. Layout, structure and hierarchy settled while changing them is still free.
03
Systemise
Components, type scale and colour roles defined once, so every screen after this one is assembly rather than invention.
04
High-fidelity
The real thing: states, spacing, responsive behaviour. Prototyped where a flow needs to be felt, not described.
05
Handoff or build
Named layers, resolved edge cases, and answers to the questions developers are about to ask. Or I build it myself.
06
Optimise
On-page SEO, analytics and Search Console once it's live — then changes based on what people actually do.
Experience — Professional UI/UX and graphic design experience
UI/UX design and SEO roles, 2024 to now [ 11 ]
Mar 2025 — Present
Pinned Agency
Vancouver, WA · Remote, Part-time
SEO Specialist · UI/UX Designer · WordPress Developer
SEO Specialist · UI/UX Designer · WordPress Developer
- Act as team lead and project manager, keeping design, development and marketing tasks organised and on track.
- Design UI/UX layouts in Figma and build the live, responsive sites in WordPress and Elementor.
- Handle technical and on-page SEO — site structure and content optimisation aimed at real organic traffic.
- Edit and optimise video content supporting the wider digital marketing campaigns.
Mar 2025 — Present
Codexdesign
Birgunj, Nepal
Founder — UI/UX, Web Dev, SEO & Graphic Design
Founder — UI/UX, Web Dev, SEO & Graphic Design
- Started my own digital studio to take clients from visual concept to live, optimised website.
- Do the hands-on UI/UX, web development and graphic design across every client project.
- Set up and run the SEO and digital marketing so the sites we build actually reach an audience.
Apr 2024 — Oct 2024
Triodash Agency
Portland, USA
Graphic Designer & UI/UX Design Intern
Graphic Designer & UI/UX Design Intern
- Awarded Best Project Design — the top design honour of the internship — for leading UI/UX on the main project.
- Designed graphics, layouts and UI components in Figma for client and internal work.
- Redesigned visual flows on a live site based on how real users were navigating it.
May 2024 — Oct 2024
Independent
Birgunj, Nepal
Frontend Development Instructor
Frontend Development Instructor
- Taught HTML, CSS, JavaScript and Tailwind CSS to beginners, with layout and design principles built into the curriculum.
- Six months of explaining how a design becomes code sharpened how I read a UI — I now design knowing what it will cost to build.
Design philosophy — Design philosophy and approach
[ 12 ]A design isn't finished when it looks good. It's finished when it's built, live and findable.
Clarity over cleverness
If someone has to work out what a screen wants from them, the layout has failed. Hierarchy first, decoration last.
Design for the build
I've taught people to write the code. So I don't draw things that can't be built, and I resolve the edge cases before handoff rather than after.
Consistency compounds
One good button, reused, beats twelve good buttons. Systems are how small teams ship at a size they shouldn't be able to.
Testimonials — Client and colleague testimonials
Placeholder — swap in real quotes [ 13 ]Add a short quote here about how the design handoff went — the more specific, the more it lands.
Company · Year
Add a second quote here — ideally one that mentions a result, a deadline met, or a problem solved.
Company · Year
Add a third quote here — a client or teammate describing what working with you was like day to day.
Company · Year
Recognition — Design awards, certificates and training
Awards, certificates, training [ 14 ]2024
Best Project Design — Triodash Agency
The top design honour of the internship, awarded for leading UI/UX on the main project: wireframes, component library and design system.
Oct 2024
Digital Marketing & Web Design
Certificate covering campaign strategy, on-page optimisation and web design fundamentals.
Aug 2024
Figma for UI/UX Design
Certificate in interface and experience design workflows in Figma — components, prototyping and handoff.
Jul 2024
Full Stack Web Development
Certificate following a four-month intensive online course in frontend development.
FAQ — Frequently asked questions about working with Kaushal
Hiring a UI/UX designer in Nepal [ 15 ]Full-time or part-time UI/UX and graphic design roles, remote or based in Nepal. I'm currently working remotely with a US agency, so I'm comfortable across time zones. Freelance project work runs through Codexdesign.
Both, depending on what you need. I design in Figma and can build the live site in WordPress and Elementor, or write the HTML, CSS and Tailwind directly. If you have developers, I hand off files with named layers, defined states and the responsive behaviour already decided.
A conversation about what the page or product needs to do, and what would count as it working. Then wireframes — always before visual design, so we're arguing about structure while it's cheap to change.
Yes — keyword research, page titles, headings, content structure, and setup in Google Analytics and Search Console. I do this at Pinned Agency and did it for Navigate®, so it's part of how I think about page structure, not a bolt-on afterwards.
Yes. Logo marks, visual identity and social content design. I approach marks practically — most of them spend their life at profile-picture size, so legibility small comes before cleverness large.
Email is fastest — hellokaushalsroy@gmail.com. WhatsApp or a call on +977 9828332275 also works, and I'm reachable on Instagram at @kaushalsroy. I'm on Nepal time, UTC+5:45.
Contact — Contact Kaushal Shah to hire a UI/UX designer in Nepal
Open to full-time roles & freelance projects [ 16 ]Let's make
something
worth using
Based in
Birgunj, Nepal
Local time —:—