Bookstore website prototype

2,405
0
For my User Experience & Visual Design class we had to redesign the entire website for a bookstore called Laie that is based in Barcelona. This is desktop proposal. It's my first time using proto.io! Feedback is more than welcomed! I'm a 3rd year Graphic Design student from Barcelona. cristinanitrons@hotmail.com

66d6454f-504d-11ed 9221-0e76797a4f7b

Sign up - Sign in

6,081
6
485
A Sign up - Sign in page example project using Variables and States to validate the correct user input in both pages.

Constantinos Thoma

PostureSense

873
0
7/5/17. First live mockup. Based on usability evaluations from 6/14-6/21. Currently only includes home screen, capture flow but will be updated to include history tab flow ASAP

9705281a-504e-11ed 9221-0e76797a4f7b

PostureSense

863
0
7/12/17. Second live mockup. Based on usability evaluations from 6/14-6/21. Currently includes home screen and history tabs (captures and ideals)

9705281a-504e-11ed 9221-0e76797a4f7b

Orang Asli Museum

940
0
1
The Orang Asli Museum (Malay: Muzium Orang Asli) is a museum in Gombak, Selangor, Malaysia that showcases the history and tradition of the indigenous Orang Asli people. The museum includes a library and a small theater hall.

d226b093-504d-11ed 9221-0e76797a4f7b

Zimmer.co.il

1,804
0
22

Kitty

1,587
0
An app designed to help with stress management through the development of critical thinking skills and creativity

Carly Holtzman

auto-complete search

4,197
2
153
Type the first character of topics from http://uxofvr.com to see the auto-complete. (a-z, 2,3). Use ESC to hide the dropdown. Uses a variable to capture the content of the search field then uses the javascript method "{search}".charAt(0) to capture the first character of the search string to then change the container state property of the auto-complete dropdown to match the first character typed. see video of how to create this step-by-step in the webinar: https://support.proto.io/hc/en-us/articles/115001243532-Model-advanced-prototypes-that-use-variables TAGS: auto-complete search dropdown variables variable character selection Thanks to Costas Thoma for the model.

Todd Siegel

MindMap

1,692
0
SET UP A MINDMAP: a) Create a new Mindmap and set main goal media b) Add 1 default image bubble to the canvas c) Add 1 default video bubble to the canvas d) Add 1 text bubble to the canvas e) Add 1 default Sound bubble to the canvas f) Click on one or more bubbles to view details, edit text or play sound g) Connect any two bubbles h) Save i) Return to View MindMap Screen *NOTE: For the demo, bubble shapes are the default dark-blue-blackish colour only. If you want the bubble to have a colour, simply click colour code. The bubble will be circular. Tap/Click hold to rotate connectors. View a Vision Board Task List Help

Carly Holtzman

Next