Q-Sign

A digital solution that transform the traditional signature

Our Objectives

When building Q-Sign, our aim is to revolutionize the traditional method of signing documents, particularly in contract signings. Here are the main features

  • Compose or upload documents with e-signature capability
  • Address booking functionality

Project info

MY ROLE AND DURATION
  • UI/UX designer
  • Development of the landing page using WordPress
  • The project lasted 4 months
  • Three parts: web app, mobile app and landing page

Result

The current situation of Q-Sign is that it was initially developed as an MVP (Minimum Viable Product) and attracted interest from investment capital, Do Venture. However, regrettably, the final deal did not materialize.

qsign-decor
Mobile app and web app of q-sign
qsign-decor
Q-sign’s Landing page
qsign-decor
Q-sign web app

Prototype

Helps everyone imagination

The prototype serves as a tool to help everyone visualize how Q-Sign works. The Q-Sign mobile and web applications were built specifically to shed light on the operation of the product for product owners, stakeholders, developers, and designers alike.

Click on the desktop screen to interact with the prototype
Click on the mobile screen to interact with the prototype

Competitor Analysis

I conducted a rapid competitor analysis to assess the strengths and weaknesses of existing e-signature products in the market. Using this information, we aimed to identify opportunities for Q-Sign, whether in terms of direction, features, or target market.

Our competitors

Strengths

  • Market leader in E-signature technology
  • Diverse range of solutions
  • Strong brand equity
  • Strong financial performance
  • Extensive dealer network and associates network

Weaknesses

  • Dependence on third-party software and platform
  • Faces privacy and security concerns
  • Different regulations and cultural differences
  • Competes with numerous e-signature management companies

Opportunities

  • Local collaboration
  • Lowering of the cost of new product launches
  • Trend of customers migrating to higher end products

Threats

  • Competitive pressures
  • Trade relation between US and other countries
  • Lack of localization
  • Government trade law obstacle

Summary

Based on the weaknesses and threats identified in the SWOT analysis of competitors, the team decided to develop the e-signature product with the following key features and strategies

  • Encryption of e-signatures and uploaded documents to ensure privacy and security.
  • Identification of countries where governments have regulations supporting e-signatures.
  • Targeting regions with tech-savvy users, rapid social media growth, and robust 5G networks
  • Localization of document templates to cater to specific regional and cultural needs.

How Q-sign operate

Why I have to draw the user flow?
  • It helps product owners and stakeholders understand all user steps in Q-Sign.
  • It ensures designers connect features seamlessly, guaranteeing a smooth user journey.
Document image capture

Before taking a picture, users must sign in or sign up. Then, they can either:

  • Go to Camera to take a photo of documents.
  • Scan a QR code to add friends or open a document.
Flow of create document
Create a blank document or upload one
  1. From the document screen, the owner generates a blank document and composes it using a WYSIWYG editor.
  2. The owner adds necessary information such as name, title, and signature box.
  3. The owner invites the receiver via email.
  4. The receiver reads the document and adds comments if necessary.
  5. Finally, both parties sign the document.
Communicate with others
  • Chat screen > Create new chat > browse on address book
  • Or, on Chat screen > Add friend > Scan QR code or send request via email.

Style Guide

Better communication

A style guide aids in designer-to-developer handoff by facilitating smooth communication between the two parties.

Color Guide
Next project

Submit

An HR solution replacing Excel and messenger for streamlined processes