Portfolio Tags: Product Design

WSG

WSG Singapore

Deliverables

  • Mobile kiosks that allow jobseekers to apply for jobs via MyCareersFuture and conduct video call meetings with a Career Ambassador to receive job search tips and advice.
  • Live text chat feature between the Career Ambassador and jobseeker during the video call
  • Database management system

 

Design Considerations

The functionalities of the kiosk was designed with the older population and users with impaired senses in mind. It incorporates a voice-over guide in four languages – English, Chinese, Malay and Tamil– to cater to non-English speaking users. Additionally, visual interface elements are kept large for better readability and navigation. For instance, we used large-sized Emojis for users to better express their emotions during the rating.

Looking for career advice?

Check out WSG’s
mobile kiosks at
these Community
Centres (CCs).

 

Show, Don’t Tell

Design tools are crucial for us at Hipster. With these tools, we created prototypes that feel like the real experience quickly. User interface elements and interactions are defined. Prototyping takes the guesswork out for our clients and development team. It gives us the freedom to design, test and iterate – while running a speedy design process. Watch the video to see the final product of the app.

 
Workforce Singapore
wsg career

Have an idea ?

Let's discuss

60 Kaki Bukit Place #10-14 Eunos Techpark Singapore 415979

Subscribe to our newsletter

hello@hipster-inc.com

+65 82314107

HipsterSg Pte. Ltd.

Subscribe to our newsletter

Privacy Policy Sitemap

InstagramLinkedinDribbble

We have recently received complaints that members of the public are targeted by some agents through WhatsApp who claim to be from Hipster Private Limited and using our UEN number of Hipster Private Limited to prove that they are legit Singapore companies.

They also use a similar looking domain name, our logo, and address on the website to make it as similar & credible as possible.

We want to make it very clear that Our company doesn't appoint any agent/recruiter for this so call 'money earning by apps rating' or 'any Ponzi scheme' where you need to deposit any money to get jobs.

Our jobs are always posted on official company pages on social media such as Linkedin, Instagram, Facebook and WSG.

Close
Hipster Whatsapp

L’Hommes

Custom tailored clothes online

From job interviews to weddings and black-tie events, there are plenty of special occasions when one needs a suit or shirt that fits perfectly. However, purchasing a tailored made clothing piece can be costly and time-taking. To offer a hassle-free tailoring experience at customers’ convenience, L’HOMMES took an innovative approach of providing an online tailoring service.

Design and measure

First, the customer selects the fabric and checks the design in real-time 3D modeling. Next, using a body measurement technology, L’HOMMES can measure the customer’s size in a minute. The customer can then edit specific measurements if required.

After details of the design and measurements are input, the following details can be presented in the 2D/3D format:

  • Shirt
  • Collar
  • Buttons
  • Sleeves
  • Pocket details
  • Shirt fit (Slim or Straight Cut)
  • Fabric material

4 Technologies & an ecosystem

Once an order is received, L’hommes sends the measurements to their tailors for customization.
An integrated backend system built by Hipster makes it easy to manage BOTH the production and selling process.

Furthermore, artificial intelligence, computer vision, deep learning, and 3D matching converge to make accurate body measurements possible.

Does the L’HOMMES website inspire you? Looking to elevate your brand’s e-commerce experience?

Hipster has a wealth of experience in implementing technologies relating to e-commerce of different products. Our consultant can recommend you the right technology solution that fits your specific business and budget requirements.

Tbit

What is Team
Build It?

As its name implies, the platform serves as a tool for organizers to create and run hybrid or digital treasure hunts in an intuitive or easy way. It can be used for, but is not limited to, team building, educational purposes and corporate engagement. The app has gone live since July 2021.

Personal avatar & group photos

One of the first few steps that the user undergoes is forming teams, creating a personal avatar, and a group photo. To create an avatar, the user snaps a shot before choosing a face filter to apply. After that, the system combines individual avatar shots into a group photo.

Technically, implementing this feature was tricky as there was a need to align images utilizing multiple Augmented Reality (AR) trackers. The result is an advanced AR experience that combines numerous AR features simultaneously.

Create challenges dynamically

One of the first few steps that the user undergoes is forming teams, creating a personal avatar, and a group photo. To create an Once the teams are formed, they can embark on a journey of adventure and fun! Challenge types include:

  • Timed challenges to increase competitiveness
  • Location-based tasks verified using GPS.
  • Submission of photos and videos taken by the team

Some of these challenges require an admin to confirm manually before letting the group proceeds to the next stage. Whereas in other challenges, the group can proceed automatically upon completion of a milestone.

Gone live but work continues

At Hipster, we embrace different project management approaches. For T’bit, the team practised Agile – focusing on iterative development. By delivering features incrementally, we work with clients to get their products to market quickly. This ensures faster Return Of Investment (ROI) even when the software is in the development process. This tried and tested approach brings satisfaction to Hipster’s clients as we work alongside them to achieve their business goals.

Tueetor

Tueetor

An app that crashes hurts business

Nothing spells a bad user experience more than a mobile app crashing. In fact, in today’s competitive mobile app landscape, users have opportunities to switch product easily. Some might even avoid downloading an app if they read complaints about bugs before they actually try it. Needless to say, this breaks the business – lowering customer acquisition, retention and revenue.

Online platform for finding digital tutors

How then, to stop the crashing?

Hipster’s developers quickly realised that they had to rebuild the app in order to eradicate the problem. They then proceeded to:

  • Not displaying the full listing of tutors to a user at any one time. Rather, the technology optimizes the results based on one’s location and input. The user can then send messages to up to 10 tutors and trainers nearby.
  • After five months of hard work, our developers shifted to the then latest version of the PHP framework, Laravel, and improved the coding. They also successfully integrated user data from the old system in this process.

Improvements & outcome

Besides overhauling the app’s user interface design, Hipster also built a new website. The new design was well-received. The app even won the Certificate of Merit (Public Service Distinction) at the Asia Smart App Award in 2019. Tueetor has also successfully launched its services in three other countries – Malaysia, Thailand and Indonesia.

After the first successful partnership, we continued to work with Tueetor, developing a Coursesaver module, their website, and their second app, 10MT. Hipster is proud of Tueetor’s successes and happy to work together for the past five years. (to the next five years and more ahead)

tueetor Singapore

Widus Partners

Professionalism

The website features a clean, minimalist look and an effective navigation design. Unlike conventional financial services websites that may use many words and images, the approach allows the audience to focus on a few key components. Hipster keeps the design interesting by making the hero images fade in and out using CSS animations.

Colors

Colors has a big influence in brand identity and tone of a website. We deliberately chose muted, toned down over bright saturated colors to conveys seriousness and sophiscation. With a moderate color palette comprising, blues, black, white and gold lending to a professional tone. The colours complement well each other and also has the right level of contrast to improve readability.

Typeface

Hipster’s designers quickly realized that the Merriweather and Open Sans is a popular font pairing. Both typefaces are highly legible, even on smaller screens. On the one hand, Merriweather is a serif typeface featuring a tall x-height. Still, it remains relatively small due to its slightly condense letterforms. On the other hand, Open Sans is a sans-serif typeface, designed with open forms and a neutral yet friendly appearance.

Images

The website features a full-sized hero image on its home page, with photos of various cities that Widus operates in. In the foreground, the main header, “Trusted Advisor, Long-Term Strategic Partner,” communicates the brand’s primary message powerfully.

A common issue with full-screen photos is image distortion as it scales vertically or horizontally across browsers. Hipster has optimized the photos such that it displays perfectly across screen sizes.

KWSH

From physical to digital

Previously, volunteers would use hardcopy survey forms when interviewing the seniors. Volunteers then hand the documents to the staff for data entry. Hipster digitalized KWSH’s survey process. By developing an intelligent real-time tablet app and backend survey software, volunteers can collect data from interviewees onsite via a tablet app at HDB blocks. KWSH’s staff then manage the surveys and data in the backend.

Challenges to solve

  • Manual data entry is labour intensive and prone to errors
  • Manual organizing of the data and sharing of data analytics to relevant stakeholders
  • Ensure security and restrict access of data at all times
  • Easy administration of multiple survey types concurrently

 

Design considerations

After discussion with the KWSH’s team, we found that the majority of the interviewees are seniors. With that, we designed a tablet app that caters to the seniors’ needs.

Here are some well thought out features we have implemented:

  1. Option to change the survey font size (with three options to pick from)
  2. Question validation (When the respondent skips a required question, the system prompts them to answer it before proceeding to the next section)
  3. Skip logic (what question or page a respondent sees next is based on how they answer the current question)
  4. Various questions and answers layout templates to choose from

Security considerations

Previously, volunteers would use hardcopy survey forms when interviewing the seniors. Volunteers then hand the documents to the staff for data entry. Hipster digitalized KWSH’s survey process. By developing an intelligent real-time tablet app and backend survey software, volunteers can collect data from interviewees onsite via a tablet app at HDB blocks. KWSH’s staff then manage the surveys and data in the backend.

Converting data into insights

As for data analytics, it is pretty extensive as we can track:

  1. How much time does it take to complete each survey
  2. Total no of surveys completed for the month and year
  3. Total no of surveys attempted for the month and year (Tracking surveys that are drafted, completed, and unavailable)
  4. Total survey attempted by Volunteers for the month and year
  5. Total survey attempted at each postal code for the month and year
  6. How many times the survey have been unavailable

Benefits of a survey app

Overall in the backend, KWSH’s staff is able to create new and edit surveys, choose from multiple question types, and send notifications to volunteers via the tablet app. Authorized volunteers have unique login IDs and can only access surveys assigned to them.

All-in-one Tablet Solution

Volunteers only need to carry 1 tablet from block to block and can access the survey with or without internet connection.

Skip Question Logical flow

Volunteers are able to skip questions on a case-by-case basis. This enables them to facilitate the survey process better and with flexibility.

Secure Cloud Storage

All surveys are stored in the cloud and there is no need for physical storage. The database is encrypted and securly stored with automatic back-ups in place.

On-site Notification

Staff can reach out to volunteers in a timely fashion by sending push notifications to their tablet devices.

Real-time Analytics and Insights

Staff and KWSH’s management can easily view insights and real-time analytics of the results collected. This enables the team to perform in-depth analysis on the data collected. They are able to also share/export the results with at a centralized backend system.

Run Multiple Surveys Simulteously

Administrators can set up multiple surveys with different question flows. Furthermore, different teams can use the platform at the same time, with varying access rights assigned to them.

SomethingNew

Somethingnew

Greater efficiency & personalization

The new SomethingNew app takes mental health support to the next level by:

  • Avatar selection for personalization.
  • Notification settings allowing Practitioners to choose Do Not Disturb mode at specific days and hours of the week
  • Mental Health Directory with list and web view
  • Appointment and scheduling of calls
  • A dashboard that allows insights into commonly reported counselling topics

A usability study was conducted to ensure that participants could complete tasks successfully and efficiently.

 

mental health app

Promoting mental health awareness to businesses and consumers

A website is important for a business allowing one to showcase and generate awareness about one’s website. SomethingNew’s website is custom designed with the following goals:

  • Improved customer experience: with dedicated informational pages and contact forms for the business/consumer users
  • Use of website animation techniques and bright colours to create a perfect reading pace and a warmer, friendlier design.

Near

Near App Image

Participate in events and explore nature

The app features several events annually to encourage the public to explore and gain awareness of the green spaces around them. Elements of gamification, such as a leaderboard, earning points and badges, are built into the app to increase interactivity.

Near App Image

Explore PCNs and trails across Singapore

Information of attractions, services, facilities, heritage trees and trails are now at your finger tips. The app also allows you to navigate to a checkpoint, attraction or service provider.

App-Near