Fresh grad UI/UX Product Designer
3D Animator
Ignatius Wong
A fresh graduated UI/X product designer with a 6 years of experience as a 3D Animator and 1 year of infographic.
Learnt User centered design from (NTUC learning HUB and Human factors)
Understanding of the entire Process starting from User research, Design strategy and principles of detailed design and Usability testing.
Learnt Photoshop, Figma and illustrator for implementation.
To view my 3D Animator portfolio Click here!
As for UI/UX portfolio continue to scroll down!
UI/UX Portfolio
MEDS SHOP
An Online medicine delivery app
What is MEDS SHOP?
Get your medicines delivered with just a few clicks!
Meds Shop, an online medicine delivery app that provides with the convenience 24-hrs doctor’s consultation,
ordering prescription and over-the-counter medications from their smartphones and having them delivered to their doorstep.
Design Strategy
Business Goal
- To provide a doctor consultation, reliable, efficient, and user-friendly medicine delivery service.
Common Task
- Uploading and managing prescriptions.
- Browsing and ordering medications.
- Scheduling delivery times.
- Accessing doctor and pharmaceutical for advice and information.
- Tracking order status and delivery.
Marketing Constraints
- Adherence to healthcare advertising regulations and ethical marketing practices.
- Loyalty programs incentivize customers to remain loyal to our app.
- Advertise brands that users gave overwhelming positive feedback on to homepage, proves health and privacy.
Target Audience
- Short term/common flu patients
- Elderly
- Chronically ill patients
- Those with mobility challenges
- Caregivers
Technology Constraints
- Must be accessible on iOS and Android login with via Singpass for high-standard encryption and security.
- Ability to integrate with existing healthcare systems and databases for prescription verification.
- Capable of handling high user volumes and data throughput.
Critical Success Factors and
Usability Criteria
- Providing accurate and helpful information about medications, health delivery of order especially for elderly or less tech-savvy users..
- We maintain a 1% tolerance for errors in our application.
- Building strong relationships with doctors, pharmacies, and insurance companies.
- Consistent app performance with minimal downtime.
- Low fix price on delivery.
User Interview
Who are the users?
Age Range
Young Adults (20s-30s): Tech-savvy, often looking for convenience and simplicity.
Middle-aged Adults (40s-50s): May be managing their own health needs along with those of their families or elderly parents. Seniors (60s and above): Likely to have regular medication needs, may require simpler user interfaces.
Gender
Male and Female Users: Usage patterns might vary slightly based on gender-specific health needs, but overall, the app is gender-neutral.
Role and Responsibility
Individuals Managing Personal or Family Health: Responsible for ordering and managing medications for themselves or family members.
Caregivers and Healthcare Professionals: Utilizing the app to assist patients or loved ones.
What task will they perform?
Browsing, Prescript, Order, Purchasing and Schedule delivery time. Uploading and managing prescriptions.
Managing payments and insurance details. Track order status and delivery.
Where will they be?
On mobile accessible on iOS and Android or on computer’s browser. Login in via Singpass
User Profiles
Research
What challenges do you face with your current method of obtaining medication?
Would you find it useful if the app could be integrate with your digital health records?
What aspects of an any app make it easy for you to use?
Findings
Doctor has own prescription in different location and I only can buy that area which me problem and waste travel time. With this app, is easier to purchase online for myself and my parents with delivery service.
If is registered with the government support and policy. I have no worries with this app.
When I login, it should remember my login details and enter app seamlessly. When I want to order more medicine, the app should remember my history orders and should personalize my homepage with same type of medicine or recommend different brands.
Low fidelity wireframes
Pop-up Event
Welcome page
Home page 01
(Start)
Search
Medicine 01
(Ramelteon product)
Check out Flow 02
(Check out and delivery selection)
Style guide
Branding and style guide was created to keep design consistency
Font
Applied to all words – Inter; Font Weight 70; Line Height: Normal
Images/Media/Icons
Icons and images are placeholders and took from https://fontawesome.com/icons and Google search images
Color
Logo
Left – #3D51C9; Middle – #FFFFFF; Right – #5479FF
Main Palette
High fidelity wireframes
All image are Placeholders*
Pop-up Event
Welcome page
Home page 01
(Start)
Search
Medicine 01
(Tussils 5 product)
Check out Flow 02
(Check out and delivery selection)
PET Strategy
Added PET elements to screens
All image are Placeholders*
Pop-up Event
Welcome page
Home page 01
(Start)
Search
Medicine 01
(Tussils 5 product)
Check out Flow 02
(Check out and delivery selection)
Conclusion
From the data, observation and insights gathered.
Improvements have been made to the APP on the priorities below.
- Icons and Sections were spaced properly to be clearer as previous version were not clear.
- Change proper section naming from ‘Daily Discover’ to ‘Daily Discount’ as the products where showing discounted products
- The scan icon was misleading and adjusted together with the camera icon to illustrated both are the same usage to search via images.
- Logo and the Interface has been enhanced to look more professional look.
Ignatius Wong UI UX Designer & 3D Animator 