“Design is where empathy meets logic.”
— Tim Brown
Project Overview
Ngetikapasaja is a typing and document service (such as transcribing, editing, and formatting) located in Bantul, Yogyakarta.
The goal of this project was to design a clean, professional, and user-friendly website to act as its company profile, improve credibility, and make it easier for potential clients to understand the services and place orders.
Since the business previously relied on WordPress (blog-style), the redesign aimed to:
Clarify the service offerings and pricing
Create an ordering flow that feels trustworthy and straightforward
Improve visual identity, making the brand look more professional
Build a design system for scalability and future updates
User/Business Goals
Business goal:
Increase trust and conversion by giving users a clearer understanding of what Ngetikapasaja offers, how to order, and how to contact them.
User goal:
Help visitors quickly find the service they need (typing, editing, transcription), check pricing/packages, and place an order easily without confusion.
Sitemap:
Home / Landing — Introduces Ngetikapasaja with sections like hero, reasons to choose us, service highlights, achievements, mini-FAQ, testimonials, and footer.
About — Covers the brand profile, vision & mission, logo meaning, team, task roles, and contact center.
Services — Full list of services including typing, editing, translation, data input, formatting, Turnitin, SEO writing, PPT creation, CV, journal formatting, copywriting, subtitle editing, academic review, and more — plus service details and order mechanism.
Blog — Articles related to writing, productivity, document handling, and academic work.
FAQ — Answers to questions about process, file types, turnaround time, payment, printing, revisions, data safety, bundling, and handling large projects.
Design System
To keep the design consistent and scalable, I made a design system that includes:
Typography: A type scale for headings, body text, and form labels.
Color palette: Professional, calm tones (e.g., soft blues or neutrals) that align with a service-oriented business.
Buttons / Form components: Primary and secondary buttons, input fields, file upload UI, error / success states.
Spacing & Grid: Consistent spacing rules and a grid system to ensure balance between text, images, and form fields.
This system ensures that any new page or future update remains visually coherent and on-brand.
High-Fidelity Design
Translating wireframes and the design system into polished mockups, I developed high-fidelity screens for:
Homepage: Clean hero section, service highlights, order CTA, and trust-building “how it works” steps.
Services Page: Card-based layout for service options, with clear pricing, descriptions, and “Order Now” buttons.
Order Form Page: Modern form with file upload, dropdowns for service selection, and progress indicators (if multi-step).
About / Testimonials Page: Section for company story, values, and client reviews.
Confirmation Page: Simple, reassuring message after form submission, with next steps and contact details.
Design decisions emphasize readability, trust, and ease of use, making it straightforward for users to understand and engage with the service.
Reflection
This project was a valuable experience in balancing business communication and user experience.
Designing for a service-based business like Ngetikapasaja taught me how important it is to make service flows intuitive while also building credibility through website content.
Through this project, I improved my skills in:
Structuring multi-page service websites
Designing forms that feel trustworthy
Building a design system that supports both content and interaction
Translating a real business need (typing service) into a digital presence
If I were to continue this project, I would conduct user research (surveys or interviews) to understand what information potential clients most care about (e.g. turnaround time, trust, cost). Also, I would do usability testing on the order form to reduce drop-offs and simplify the submission process.
Bonus
Social media posts
