![](https://pro2-bar-s3-cdn-cf1.myportfolio.com/3d319bb1-594f-4b80-8c6e-4f929e03ba37/c4338188-14a0-402b-9060-6ccedb600342_rw_1920.jpg?h=9563807694e29819b74c6761cd60616f)
old WEBSITE design
I NEED TO REDESIGN THIS WEBSITE SO THAT IT CAN SPEAK TO PEOPLE
![](https://pro2-bar-s3-cdn-cf5.myportfolio.com/3d319bb1-594f-4b80-8c6e-4f929e03ba37/6ef3f3c8-1434-410f-b7cb-868de88f456f_rw_1920.png?h=629050c36c0c8a283272119386b4d025)
![](https://pro2-bar-s3-cdn-cf.myportfolio.com/3d319bb1-594f-4b80-8c6e-4f929e03ba37/8333fc8e-e637-4a50-9ab8-54a334147ca8_rw_1920.png?h=ae3c37840d0ceb83aabdb4e805876d3e)
user's testing
MAPPING USER's understanding of current website's information architecture
![](https://pro2-bar-s3-cdn-cf.myportfolio.com/3d319bb1-594f-4b80-8c6e-4f929e03ba37/b7ec437b-88ae-41d7-87d5-a89b63eadb93_rw_1920.jpg?h=1e19db217f028f06353ab57f834b5bbd)
![](https://pro2-bar-s3-cdn-cf3.myportfolio.com/3d319bb1-594f-4b80-8c6e-4f929e03ba37/ef619035-8dea-4e89-8409-7558af6f1312_rw_1920.jpg?h=99eb9da44675259ee4372b6f75a0b384)
personas and scenarios
"as a [persona], i want to [goal] so that i can [reason/benefit]"
![](https://pro2-bar-s3-cdn-cf2.myportfolio.com/3d319bb1-594f-4b80-8c6e-4f929e03ba37/d4c2a56a-72ee-441e-b473-8e064770a6c3_rw_1920.jpg?h=c61e913bdc635a84e8a0a4b5e06f70e6)
![](https://pro2-bar-s3-cdn-cf5.myportfolio.com/3d319bb1-594f-4b80-8c6e-4f929e03ba37/61e591e2-73dd-4449-b0e8-1333ec716851_rw_1920.jpg?h=c5e603deb4f22c6805559204e167a3c7)
RE-DESIGNING THE USER'S JOURNEY
ORGANIZING PAGE'S STRUCTURE AND SKETCHING LOW-FIDELITY PROTOTYPES
I sketched numerous low-fidelity prototypes possibilities, using paper and a pencil (I’m a pencil/paper person) and once I was satisfied with the feature and placement, I transitioned the refined prototype sketches onto a prototyping platform to test the usability and flow of the website.
![](https://pro2-bar-s3-cdn-cf3.myportfolio.com/3d319bb1-594f-4b80-8c6e-4f929e03ba37/e2ea99b2-613f-437c-b4e1-fac51d052514_rw_1920.jpg?h=868475ae494fec0ac41818a81ae642fa)
![](https://pro2-bar-s3-cdn-cf6.myportfolio.com/3d319bb1-594f-4b80-8c6e-4f929e03ba37/7f0e3d54-5989-4c6f-ae67-fe9b981cd7eb_rw_1920.jpg?h=821312a9c921e4c1131db4e3ed7833fa)
INFORMATION architecture
make sure users understand menu contents and its purpose
![](https://pro2-bar-s3-cdn-cf.myportfolio.com/3d319bb1-594f-4b80-8c6e-4f929e03ba37/b74f8ee4-366e-4ff0-a286-5d348ba89ae1_rw_1920.jpg?h=ef70cb0bf91b19a8550a37522da445f0)
![](https://pro2-bar-s3-cdn-cf5.myportfolio.com/3d319bb1-594f-4b80-8c6e-4f929e03ba37/68e04375-37c0-4186-b0ae-ba99a7a57150_rw_1920.jpg?h=e862e3ffb43b61e809bf5baf95eb4def)
mapping the user's journey
produce prototype: Sketches, wireframes and mockups
UI solution
tell the story
PROCESS RESULT: before & after
BEFORE
AFTER
![](https://pro2-bar-s3-cdn-cf.myportfolio.com/3d319bb1-594f-4b80-8c6e-4f929e03ba37/83f18760-cd8f-4989-8eee-0baebd2907d1_rw_1200.jpg?h=777cb70682427d8033b9d57b6a8551d5)
creating brochure
Goal: introduce the organization, reach out to children and parents
duration: 10 hours
![](https://pro2-bar-s3-cdn-cf2.myportfolio.com/3d319bb1-594f-4b80-8c6e-4f929e03ba37/35cda8dd-ec96-4f2c-82ff-99cae1517073_rw_1200.jpg?h=2835bc2b388293c44e59b6b073c92daf)
![](https://pro2-bar-s3-cdn-cf3.myportfolio.com/3d319bb1-594f-4b80-8c6e-4f929e03ba37/43a9a425-8085-4758-aa70-79a373f8caf4_rw_1920.jpg?h=4c8a8a9b5539f221c6b86d5929605f28)
![](https://pro2-bar-s3-cdn-cf5.myportfolio.com/3d319bb1-594f-4b80-8c6e-4f929e03ba37/641c61cf-5700-4eee-8e73-b8115b5aba7a_rw_1200.jpg?h=3bbbf86d4ced5dfbbbbf79f587f65d76)
![](https://pro2-bar-s3-cdn-cf6.myportfolio.com/3d319bb1-594f-4b80-8c6e-4f929e03ba37/a3f9a660-a239-41bf-b29c-cfbd8cc6c246_rw_1920.jpg?h=8f08e2768aa83b97c40e2137b72b7098)
![](https://pro2-bar-s3-cdn-cf2.myportfolio.com/3d319bb1-594f-4b80-8c6e-4f929e03ba37/daf421ed-8d2b-4cda-b2f5-d89a1de5509d_rw_1920.jpg?h=da7aa54a165a207e70218032bb4082f9)