Web Design for Ngetikapasaja
A freelance project for Ngetikapasaja, where I translated the client's content brief into a structured visual design — building the design system, page layouts, and a more professional, trustworthy website experience.
UI/UX Design Website Web Design Freelance Project Figma 2 Weeks Timeline
"Design is where empathy meets logic." — Tim Brown
Context
Ngetikapasaja is a typing and document service (transcribing, editing, formatting) based in Bantul, Yogyakarta. The business previously ran on a blog-style WordPress site. The goal of this project was to give it a clean, professional company-profile website that made the services easier to understand and more credible to potential clients.
Constraint
- The client came in with a complete brief already — which pages to include, what sections each page needed, and even the page copy itself. My role on this project was narrower than a typical end-to-end UX process: it was primarily visual design, structure, and building a design system around content that was already defined, not content strategy or information architecture from scratch.
- No user research or usability testing was conducted
- Freelance engagement, roughly a 2-week timeline.
Problem
With the content brief already defined, the actual design problem was presentation: the client's existing WordPress site didn't present that same information in a way that felt professional or trustworthy. The redesign needed to organize the client's content — service list, pricing, ordering flow, FAQ — into a layout that built credibility and made it easy for visitors to find what they needed and place an order.
Business goal: Increase trust and conversion by presenting services, ordering process, and contact info clearly.
Intended user goal: Help visitors quickly find the service they need (typing, editing, transcription), check pricing, and place an order without confusion.
Approach
Working from the client's brief, I organized the content into a sitemap to keep the structure clear before moving into design:
- Home — hero, reasons to choose us, service highlights, achievements, mini-FAQ, testimonials, footer
- About — brand profile, vision & mission, logo meaning, team, contact
- Services — full service list (typing, editing, translation, data input, formatting, Turnitin, SEO writing, PPT creation, CV, journal formatting, copywriting, subtitle editing, academic review, and more), with details and an ordering mechanism per service
- Blog — articles on writing, productivity, document handling, and academic work
- FAQ — process, file types, turnaround time, payment, printing, revisions, data safety, bundling, large projects
From there, I built a design system to keep everything consistent and scalable: a type scale for headings, body text, and form labels; a calm, professional color palette; button and form components including upload UI and error/success states; and a spacing and grid system.
Solution
Translating the design system into high-fidelity screens: a homepage with a clean hero, service highlights, and a trust-building "how it works" section; a card-based Services page with clear pricing, descriptions, and "Order Now" CTAs; an Order Form page with file upload, service-selection dropdowns, and progress indicators; an About/Testimonials page; and a simple, reassuring Confirmation page after submission.
Result
No research or usability testing was conducted on this project. What I do have is direct feedback from the client after launch:
"Thank you, sir, for helping rebuild & redesign the ngetikapasaja.com web. Work on the web on time, always informing the progress, and the results are much better than before. Continued success!" — Dian Friantoro, Founder of Ngetikapasaja
That's a genuine reaction to delivery and visual improvement — worth including, but I'm keeping it clearly separate from validated usability data, which this project doesn't have.
Learning
This project was a valuable work in translating a real business need into a structured, professional digital presence — organizing a client's own content into a layout that builds trust and building a design system that keeps things consistent as it grows.
Bonus
Social media posts
