Pada tahun 2019, Penduduk Malaysia semakin bertambah. Permintaan dan keperluan terhadap makanan yang berasaskan sos, kicap dan cuka sebagai makanan pelengkap kepada masakan dan makanan. Penyediaan makanan yang patuh syariah dan suci adalah merupakan satu keperluan utama pada hari ini. Bermula pada tahun 2000, perniagaan Shaidon bin Awang telah memasuki pasaran dengan jenama “Doon” yang membawa sos cili, diikuti dengan kicap dan cuka. Perniagaan ini mengutamakan makanan yang suci dari aspek sumber dan proses penyediaan yang patuh syariah. Kini sos,kicap dan cuka jenama ‘DOON’ telah menembusi sebahagian besar pasaran dalam Kedah. Visi syarikat ini adalah sebagai Pembekal Sos, Kicap dan Cuka yang patuh syariah di Kedah dan Malaysia. Sebagai pengilang dan pembekal utama produk jenama ‘DOON’, syarikat Shaidon Bin Awang Empire Sdn. Bhd. telah melebarkan sayap perniagaannnya. Nilai utama rangkaian produk keluarannya ialah Suci, Bersih dan Jimat. Tawaran nilai ini dilihat sebagai pelengkap kepada keperluan dan penyelesaian kepada isu utama makanan yang berasaskan sos, kicap dan cuka. Produk yang suci merupakan keperluan utama semua bangsa, agama dan etnik. Bermula dari proses penyediaan hingga ke pengedaran, syarikat ini menitikberatkan mutu proses agar ia selari dengan visi syarikat. Patuh syariah adalah asas pengurusan dan urusan dalam perniagaannya.

A simple implementation of Pull to Refresh

Weather demo for 2 cities. Slide left/right to switch city

Wireframes for UK television guide for Freeview, Sky and Cable TV.

I created a prototype of the UBER app for Android in order to demonstrate what is possible using Proto.io. This project was a massive undertaking as my goal was to simulate the user experience of what it would be like to order 4 different UBER cars in San Francisco. I plan on doing a full "behind the scenes" article on my website about the challenges I faced along the way simulating the UBER app in Proto.io. Special thanks to the awesome team at Proto.io for all of their tireless assistance along the way! If you are looking for an experienced Proto.io prototype engineer or are looking for tutorials and more information about Proto.io please visit my website: http://protonerds.com/

'Space tourism for everyone' “Earth is a small town with many neighborhoods in a very big universe.” ― Ron Garan Hey, here is my prototype which I made using Proto.io. Imagine that one day we all will be able to become space travellers.

This is an onboarding tool I created for UBER drivers. An UBER driver's first ride can be a little nerve wracking (I know from personal experience). This tool walks the driver through a typical flow to prepare them for their first ride. It is more interactive than a video and will give them more confidence before hitting the road.

3 prototypes showing different uses of the form components for iOS 1) Activate / de-activate button when checking / un-checking Terms of Service 2) Capture text input to change property 3) Change number of tickets - limit 8 See how they were created step-by-step in the Using Forms webinar video: https://vimeo.com/118919393 This version on Vimeo includes time-codes so you can jump to particular sub-sections (repeated below as a preview): > Range of iOS form input controls 2:02 > Labels 2:17 > Text fields 2:32 > Setting placeholder text 3:04 > 5 Input Types that display the appropriate iOS keyboard (Text, Numeric, Email, Password, Telephone) 3:30 > Using the Telephone keyboard for credit card number input (large # keys) 4:08 > Need to view prototype on device in order to see the range of keyboards 5:59 > Multi-line text area input field 6:24 > Search Bar 6:40 > Checkbox control customization 7:22 > On/Off Switch control customization 7:52 > Slider control customization 9:27 > Increasing size of slider handle 9:47 > Picker Wheel Customization 10:00 > Prototype example: Activate button when checking terms of service 10:42 > Create a button with two states (using convert to container) 12:55 > Adding interactions to a checkbox control (on change activation/deactivation) 14:45 > Definition of variable and range of uses 17:04 > Using variables with text field interactions 18:25 > Prototype Example: Using a variable to capture text input and show it in a different text box using change property. 23:27 > Prototype: Use variables to increment and decrement counter showing number of tickets being purchased. 28:40 > Searching full range of icons built into Proto.io 29:10 > Using a variable to limit the range of tickets (0 to 8) 32:46 > Copying and pasting interactions with Variables 40:08

Interaction prototype of the image behaviour from the Facebook Paper app.