![](https://cdn.myportfolio.com/2457003115bfa2d537d7af4807a47859/b918413f-0f6e-4003-98e2-00a67fb1165d_rw_1920.jpg?h=5bce1ff5d7c7f434540a311125194fd5)
We also created a Vitual Try on function using SparkAR to allow kids to experience the styles of the frames without having to main out a sample to parents.
The project started with a set of discovery workshops where we covered use cases, personas and user flows. Some of these are shown below.
![](https://cdn.myportfolio.com/2457003115bfa2d537d7af4807a47859/c88f9270-1c6f-43e5-b216-fd0b8dc7e080_rw_1920.png?h=12085abddfe03983b341131d3b15e6ef)
![](https://cdn.myportfolio.com/2457003115bfa2d537d7af4807a47859/9b113140-5974-417b-8f1f-e3381b8f8c60_rw_1920.png?h=0d66448917d99d93e6ded399fb19ea79)
![](https://cdn.myportfolio.com/2457003115bfa2d537d7af4807a47859/ad0fe9c5-c847-47eb-9f91-233ea298f3af_rw_1920.png?h=a0036cef5caa57ccb6ce8da730a6ae15)
![](https://cdn.myportfolio.com/2457003115bfa2d537d7af4807a47859/10d80d87-fcd7-4572-9fcb-e3c91883e0d7_rw_1920.png?h=3c387c62d37e9568b62e4a709f3f28fe)
![](https://cdn.myportfolio.com/2457003115bfa2d537d7af4807a47859/4b92c307-2d00-4a22-af25-a4a4fef17210_rw_1920.png?h=12e2b051ddbc548967ce4d2b45861f4b)
![](https://cdn.myportfolio.com/2457003115bfa2d537d7af4807a47859/74e98a21-005f-40ea-9dc0-baeca087db03_rw_1920.png?h=746f67d657ca44eb8f1f16ac4fea5727)
We then progressed into wire framing in a lo-fi prototype of the user flows.
![](https://cdn.myportfolio.com/2457003115bfa2d537d7af4807a47859/fe50d618-702c-4fc5-9f74-e3dcdc165a89_rw_1920.png?h=2079cb4ee6e16a10dfc14b122af119af)
![](https://cdn.myportfolio.com/2457003115bfa2d537d7af4807a47859/0651b674-7705-4a79-9fb7-46cf45b3f5d0_rw_1920.png?h=87b69f7624fc5b6b0e3e2f63e4194026)
![](https://cdn.myportfolio.com/2457003115bfa2d537d7af4807a47859/fff296d7-0b51-4477-bf65-d4cbbc3ad70a_rw_1920.png?h=26574bd445470f6767285588d1575a40)
![](https://cdn.myportfolio.com/2457003115bfa2d537d7af4807a47859/8db7bdc0-abce-4270-9f94-bf8ad49599e0_rw_1920.png?h=ed2eb6435fe4056b18090ff160fe9432)
![](https://cdn.myportfolio.com/2457003115bfa2d537d7af4807a47859/dba42aca-cbf3-4835-ba53-c3381a54c5aa_rw_1920.png?h=ee10301505544a2cabb386269c8de966)
![](https://cdn.myportfolio.com/2457003115bfa2d537d7af4807a47859/dd7d5a90-27a1-4c71-942c-8fa8da995f20_rw_1920.png?h=85d8c6a5777f22d52dfb1f1d99e89ae4)
![](https://cdn.myportfolio.com/2457003115bfa2d537d7af4807a47859/41fbafde-26e5-4eae-a443-08bd0ed06a91_rw_1920.png?h=b507ffb3c891513cc0ef4c56a3ee0517)
the next step was to built a brand guide and UI components to convert the lo-fi prototype into a hi-fi prototype.
![](https://cdn.myportfolio.com/2457003115bfa2d537d7af4807a47859/db86a2c4-ca4c-4084-a101-5a7da96a4712_rw_1920.png?h=407ff6cd24c95699f431432ea6308ab1)
The final stage included the creation of all hi fidelity screens in a clickable prototype and design handover documentation. The documentation included a full set of functional notes on how the product logic worked int he prescription section of the website. This was a very complex set of rules that needed scripting into the backend of the website. The end result was a very scalable platform for the business that allowed for automation of the complex processes in placing an optical order.
![](https://cdn.myportfolio.com/2457003115bfa2d537d7af4807a47859/1b475b86-64b1-4914-81e9-d09521101bcf_rw_1920.png?h=ab8873a680bab3f9462a7798345a5701)
![](https://cdn.myportfolio.com/2457003115bfa2d537d7af4807a47859/72b2f8a3-4a66-4539-a6fa-76e2678b375c_rw_1920.png?h=a9cf83eb39ccfab00ff61b5a70d1d55a)
![](https://cdn.myportfolio.com/2457003115bfa2d537d7af4807a47859/b75b6d2a-cb69-4fd5-a19f-b70e0a58caa0_rw_1920.png?h=58e90c24cd3ea00aa76e528a4f4fd7e4)
![](https://cdn.myportfolio.com/2457003115bfa2d537d7af4807a47859/1c1f4243-cdc5-4a9c-b453-5462fc0eb965_rw_1920.png?h=295e9e3867935e044acdba5261e68839)
![](https://cdn.myportfolio.com/2457003115bfa2d537d7af4807a47859/d5ccd6ff-0278-4b83-aea0-aa59769f8fd2_rw_1920.png?h=52aee979bde2feda50148887fb3a29ee)
![](https://cdn.myportfolio.com/2457003115bfa2d537d7af4807a47859/10355fd0-94fe-4e8d-919e-9ab411b23351_rw_1920.png?h=9b5b7f2e80c574d81b2e24a4ee256912)
![](https://cdn.myportfolio.com/2457003115bfa2d537d7af4807a47859/24c472a4-052d-49aa-b373-ecbc654435de_rw_1920.png?h=917ef093b1f4e983eb99da69ea7c2b70)
![](https://cdn.myportfolio.com/2457003115bfa2d537d7af4807a47859/3de757be-997a-4b6a-b6ea-373709bc9e0b_rw_1920.png?h=b80ea75817887629ca7568cf4e364383)
![](https://cdn.myportfolio.com/2457003115bfa2d537d7af4807a47859/f054d39f-f711-4147-a1d4-dbad6c695c2e_rw_1920.png?h=c54167979fe9aad8ac222002e3daafc9)
![](https://cdn.myportfolio.com/2457003115bfa2d537d7af4807a47859/579915cd-3eb8-4df5-a514-3372d00cbbd3_rw_1920.png?h=b5b18a70f7b93a6e1fd4ea46982224b6)
![](https://cdn.myportfolio.com/2457003115bfa2d537d7af4807a47859/cc06643f-57eb-4dd7-8a66-d2b1e446e0a1_rw_1920.png?h=f8506401d9b5be77adbdd11ccea0010d)
![](https://cdn.myportfolio.com/2457003115bfa2d537d7af4807a47859/d04d9060-6cc3-4014-8210-c812b05a5e53_rw_1920.png?h=2594888f985bcb1c655b2ebfea8c45bc)