https://www.sharicatalan.com/work daily 0.75 2024-06-03 https://images.squarespace-cdn.com/content/v1/6489eb905b9fa03ee9b512db/45fa568a-5910-44d4-a643-2589bc96a722/Wayfarer_Process_challenge.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/6489eb905b9fa03ee9b512db/e0a10366-d37d-4e38-b827-73140e9429d5/Thumbnail_Wayfair.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/6489eb905b9fa03ee9b512db/460ac9b6-1447-4d05-88e5-d23b6c5e2b1f/Wayfare_mobile_2.png Work - My 3 screens One of my personal challenges was the alignment of my logo. The typical left corner wasn’t complying with my images. To show consistency and so my logo wouldn’t get washed out with the images I aligned it in the center of the screens. A feature I had was for users to be able to heart and save any locations, so later during their travels they could easily find info on what they wanted to try. Also when discovering new destinations I categorized them per climate or adventure type and not per region. My thought process was users that already resides in tropical areas and wants a winter vacation or vice versa. https://images.squarespace-cdn.com/content/v1/6489eb905b9fa03ee9b512db/94c5e734-c191-4ead-8e8f-74109abf15f6/Wayfarer_Solution.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/6489eb905b9fa03ee9b512db/aadfcfe6-4aa2-45f0-a688-f170b865718d/Wayfarer_Final+Results.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/6489eb905b9fa03ee9b512db/a78c4b24-a6a6-4109-9af5-57e74e76fcaa/Docticing_Personas.jpg Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/6489eb905b9fa03ee9b512db/6b626651-22d1-4920-9d1d-f42cc5c918d3/Docticing_Analysis.jpg Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/6489eb905b9fa03ee9b512db/a1d13d24-94cc-4006-88f7-aa3bc5503fc0/Docticing_Other+Adds.jpg Work - Learning Working on site maps, user flows and task flows I learned the importance of information architecture. For Docticing I had to decided the main flows and features that was important to work on first. Create an account, find and book an appointment, and leave a review or rating. https://images.squarespace-cdn.com/content/v1/6489eb905b9fa03ee9b512db/02151035-5e16-4a3c-bbdb-0df06c926c8c/Docticing_After_Iterations.png Work - What I Improved.. I added more color. I did a gradient background. Adding more visual cues by making sure “My Medical Records” had medical images. The calendar had more highlights to what date and time was being scheduled. https://images.squarespace-cdn.com/content/v1/6489eb905b9fa03ee9b512db/906b8e97-b19f-48e0-bc09-c678c0843977/Docticing_Project_Goals.jpg Work Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/6489eb905b9fa03ee9b512db/a7791275-a84a-4dc2-951f-c7ab7adef20c/Docticing_image_Solution.jpg Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/6489eb905b9fa03ee9b512db/1cd12855-99b2-401c-82a2-b9a7bb75d215/Docticing_User_Interviews.png Work - Type Of Questions I Asked What type of challenges they have faced when seeking healthcare services. Any unpleasant experiences and what type of services they expect to see in good healthcare services. https://images.squarespace-cdn.com/content/v1/6489eb905b9fa03ee9b512db/219464ef-1790-4e71-9969-368072bfd61b/Docticing_Wireframing.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/6489eb905b9fa03ee9b512db/0c9ff4dc-0768-43dc-b8ad-b127cd1c1481/Thumbnail_Docticing.jpg Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/6489eb905b9fa03ee9b512db/1930061d-4c35-45cd-9e30-b8b394be1851/Giphy_NewGirl_Flow2.gif Work - Prototype 2 Shuffling Entire Series Viewers will be able to shuffle the entire series so they can watch any episode from any season in a random order. https://images.squarespace-cdn.com/content/v1/6489eb905b9fa03ee9b512db/e1e24f3b-9a0f-41ae-a88a-802d44a093e4/Giphy_NewGirl_Prototype_1.gif Work - Prototype 1 Shuffling Within A Season After viewers select the season they want to shuffle, it will start to play. Viewers can also go back and view the new order the episodes will be playing. https://images.squarespace-cdn.com/content/v1/6489eb905b9fa03ee9b512db/9da7a676-91b4-4c62-b8eb-42ca2035054c/CaseStudy_Peacock_SqSpace.jpg Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/6489eb905b9fa03ee9b512db/db21364e-9455-4c64-a30f-bdc5fd8892dc/Personas_Bike_Webpage.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/6489eb905b9fa03ee9b512db/8a88dc35-0642-4611-b6b7-d062b70fe99d/Rocky%27s_10.jpg Work - Make it stand out The feedback I got was good. I think I should try something different with my services & repairs page and the contact form, so that is what I worked on, along with other iterations that were needed. https://images.squarespace-cdn.com/content/v1/6489eb905b9fa03ee9b512db/dbd31166-865c-40ed-bbc7-a22fa21ca6d0/Rocky%27s_7.jpg Work - High Fidelity Wireframes There were a few inconsistencies. I moved the logo to the middle, for the size of it I didn’t want to make a smaller one so I moved it to the center. The bottom bike section and apparel & equipment had a few aligning problems, I couldn’t find the right spacing so I took out the label and centered aligned “view more.” I also changed the footer. I decided it was best if it didn’t stand out. https://images.squarespace-cdn.com/content/v1/6489eb905b9fa03ee9b512db/7628a4b5-c3d6-40db-9286-f046237ad578/Rocky%27s_6.jpg Work - Low & Mid Fidelity Wireframes I did a lighter version first. For the ecommerce page I thought info cards would display enough info customers needed that would spark an interest and learn more about the bike and purchase it. https://images.squarespace-cdn.com/content/v1/6489eb905b9fa03ee9b512db/15407c4f-169c-4a4d-8087-54e13d9478e7/Rocky%27s_11.jpg Work - Iterations On Wireframes I fixed my components, animation and alignments. I think the results work a lot better. & It helped my navigation bar interact more efficient. It was a little wonky, all of the sections were highlighting when a different section was being selected. I changed that to hover state and it looks better https://images.squarespace-cdn.com/content/v1/6489eb905b9fa03ee9b512db/3965c2a2-0c16-40dd-b801-e9016207e5e2/Rocky%27s_1.jpg Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/6489eb905b9fa03ee9b512db/e91821cd-1324-4f42-9e7f-a64d086e4af9/Rocky%27s_4.jpg Work - Affinity Mapping I did clusters of the responses I got. Here are some. https://images.squarespace-cdn.com/content/v1/6489eb905b9fa03ee9b512db/b8f14495-2d4c-4550-8d50-b11cadfa1051/Thumbnail_Responsive.jpg Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/6489eb905b9fa03ee9b512db/3c494a4d-d4e9-4c9e-9d7c-8e2d30d8cac1/Style_Tile_Bikeshop.png Work - Style Tile Color palette: I wanted to keep the original colors of Rocky’s Cycling which are black, white, and orange. I added a few more different shades of orange and added gray and a lighter black. I think adding the colors gave it more depth. Logo: I changed the logo. On their facebook page they don’t really have a logo, it’s just the name of the shop & the colors. Their door sign has a different design also. I made a tire and some bike marks in figma using vectors and different lines. Style: I want to keep a dark background and have pops of color on the website. Although the background is dark, the pops of orange make it feel friendly and fun. Brand values which are family oriented, efficient, athletic and outdoors. https://images.squarespace-cdn.com/content/v1/6489eb905b9fa03ee9b512db/23920df5-0797-4bf1-b884-b6ad42af3bd6/Thumbnail_Forecasting_Fits.jpg Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/6489eb905b9fa03ee9b512db/e892af05-71ff-4b64-808f-1f82e4917f01/Case_Study_For_SquareSpace.jpg Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/6489eb905b9fa03ee9b512db/1697726015211-N8PZAZU9QLOSFD8J1JJ8/Thumbnail_Docticing.jpg Work https://images.squarespace-cdn.com/content/v1/6489eb905b9fa03ee9b512db/1697731617763-4S4DOSOP6MCX3SK9DNL0/Thumbnail_Forecasting_Fits.jpg Work https://images.squarespace-cdn.com/content/v1/6489eb905b9fa03ee9b512db/1701733539801-KLD9JLHSQY318HWZQCGC/Thumbnail_Wayfarer_Challenge.jpg Work https://images.squarespace-cdn.com/content/v1/6489eb905b9fa03ee9b512db/1701734185711-KEM5PZAE6J7AQ8TMFCY1/Peacock_Thumbnail_2.jpg Work https://images.squarespace-cdn.com/content/v1/6489eb905b9fa03ee9b512db/1701734274465-NR9PEFVLL2MN0IOLUMP4/Thumbnail_Responsive.jpg Work https://www.sharicatalan.com/contact daily 0.75 2024-03-31 https://www.sharicatalan.com/about-jasper daily 0.75 2024-03-31 https://images.squarespace-cdn.com/content/v1/6489eb905b9fa03ee9b512db/63f33f2a-9669-4886-bb6e-11a738fbbc8f/Image_About_Me.png About - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/6489eb905b9fa03ee9b512db/2d18dcd4-94c2-40b6-a28d-e884808ef7d7/About_me_image.png About - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://www.sharicatalan.com/home daily 1.0 2024-06-03 https://images.squarespace-cdn.com/content/v1/6489eb905b9fa03ee9b512db/f4fc5fa4-2e36-4626-98bd-965e8c03b16d/Thumbnail_Responsive.jpg Home - Responsive Web Design For Local Bike Store Contacting to schedule a bike repair, and purchase online made easy! https://images.squarespace-cdn.com/content/v1/6489eb905b9fa03ee9b512db/159a6308-a7e8-4666-87a8-9e0105f90175/Peacock_Thumbnail.jpg Home - Adding A Feature Within An Existing Product A new way to rewatch your favorite comfort shows! https://images.squarespace-cdn.com/content/v1/6489eb905b9fa03ee9b512db/4530a487-36c7-4998-99ac-de8d5a03a371/Thumbnail_Forecasting_Fits.jpg Home - Forecasting Fits End to end mobile app that lets you plan your outfits with the weather forecast. https://images.squarespace-cdn.com/content/v1/6489eb905b9fa03ee9b512db/65a55a58-2827-4cae-8844-b83d4657b0e9/Thumbnail_Docticing.jpg Home - Docticing Case Study Mobile app accessing reliable reviews about healthcare providers. Save time book appointments and more!