https://www.rivadavis.com/contact daily 0.75 2025-02-01 https://images.squarespace-cdn.com/content/v1/60a286dda05a79005f1a3383/1621390442253-NFHECKT48499KNKIM5ML/portSHOWlio_BW_portraits01-27.jpg Contact - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://www.rivadavis.com/portfolio daily 1.0 2025-02-01 https://www.rivadavis.com/portfolio/intercept monthly 0.5 2021-05-21 https://images.squarespace-cdn.com/content/v1/60a286dda05a79005f1a3383/1621388318079-B3EMY4CV3UTOLS1IYGMP/custjourney_intercept.jpg Portfolio - Intercept - Customer Journey We developed a customer experience journey that shows the customer engagement with the product and whether their experience was positive, negative or neutral. https://images.squarespace-cdn.com/content/v1/60a286dda05a79005f1a3383/1621465831944-IZBWTTMOXHDS5F570X3S/infographicweb-684x1024.jpg Portfolio - Intercept - Process Research We started by gathering demographic data about Epilepsy. EEG Devices Epileptic seizures start in the brain. Typically nerve cells pass signals to each other and if these are disrupted this causes a seizure. While there are already apps out there that assist during a seizure, we found none that helped PREVENT them. This is huge as there is often a 30 minute gap between when brain activity indicating a seizure is present and the time of onset. We found out that the EEG is the most important clinical tool in evaluating patients with suspected seizures. We interviewed a neurophysiologist and went to a lab to look at eeg devices. Bluetooth We found a system used in field applications that enabled EEG information to be transmitted wirelessly via Bluetooth technology. This enables the information flow to and from the headset and between the doctor’s portal possible and assured us that our product could actually work for diagnostic data. Current Procedures Our research led us to pioneering work with implanted electrodes done by Sridevi V. Sarma, an assistant professor of biomedical engineering. We also discovered the intervention method of Vagal Nerve Stimulation, which uses electrical signals as a preventative measure. https://images.squarespace-cdn.com/content/v1/60a286dda05a79005f1a3383/1621816866158-H7ZUB2HEPVMLXK297RPQ/taskflow1.jpg Portfolio - Intercept - Initial Taskflow This is the primary taskflow outlining the tasks we took our user through. https://images.squarespace-cdn.com/content/v1/60a286dda05a79005f1a3383/1621386631449-LU4FBICIOIVGY9VPGSW0/dr-patient-portal.jpg Portfolio - Intercept - Doctor Patient Portal Intercept has several important safety features: the stimulation amplitude is calibrated in your doctor’s office; all data is continuously uploaded to your doctor’s cloud-based intercept database; alerts are sent to your physician, emergency contacts and 911 for any uncontrolled seizures. Patient information is automatically synched to the intercept app for patients ease of use. https://images.squarespace-cdn.com/content/v1/60a286dda05a79005f1a3383/1621816774294-0YHA9F5AHGTYWEPIIAS9/initialprototype-917x1024.jpg Portfolio - Intercept - Initial Wireframes Prototypes were made from the rough wireframes and tested with users. After integrating the results from our user testing, we refined and iterated. Some of the changes that resulted from our user testing included: Auto sync feature didn’t need buttons More specific and intuitive names for menu items were needed Included a medication reminder alert screen Added user prompt to enter a detailed seizure journal entry where amplitude was of brainwaves were greater than a certain voltage Added feature in the event of a seizure the app should send doctor and emergency contacts the users location as well as automatically calling 911. https://images.squarespace-cdn.com/content/v1/60a286dda05a79005f1a3383/cb8d53cb-2061-4eca-9410-50f35c55fa48/intstyletile-600x733.jpg Portfolio - Intercept - Branding Guidelines We developed brand guidelines to assist us in developing our final skins and landing page. https://images.squarespace-cdn.com/content/v1/60a286dda05a79005f1a3383/1621382755819-HFPZIW6AO11DYKZJBPL0/mockup-responsive.png Portfolio - Intercept - How it works Intercept utilizes wireless bluetooth technology and an EEG headset with amplifier and stimulator to block seizures. The Intercept app includes a medication alert system, a seizure journal to record relevant data along the with EEG records that are continuously collected by the intercept headset. An additional safety feature includes manual stimulator override in the rare case that blocking current of higher amplitudes is required to interrupt the seizure. https://images.squarespace-cdn.com/content/v1/60a286dda05a79005f1a3383/1621462439820-31FB79M6QDN9FOYR7SPP/intpersonas.jpg Portfolio - Intercept - Personas We developed personas based on our demographic research. https://images.squarespace-cdn.com/content/v1/60a286dda05a79005f1a3383/1621816073988-GSL8TX3U91S2JCL8VRE4/roughwireframes.jpg Portfolio - Intercept - Paper Wireframes We sketched out potential ways the app would interact with the headset and made rough sketches of our wireframes. https://images.squarespace-cdn.com/content/v1/60a286dda05a79005f1a3383/1621388751208-3CAIE0EC5RFV1718ASY0/skins1.jpg Portfolio - Intercept - Final Skins After we finalized our branding guidelines we were able to finalize our skins and make our landing page to market our app. https://images.squarespace-cdn.com/content/v1/60a286dda05a79005f1a3383/1621487717197-GCGJZXW1C3AI5KVGRNVL/interceptlandingpage6.jpg Portfolio - Intercept - Landing Page The responsive landing page helps to market the headset and mobile app. and also provides social links, as well as links to relevant sources for the latest information about epilepsy treatments. https://www.rivadavis.com/portfolio/shapeshifter monthly 0.5 2021-05-24 https://images.squarespace-cdn.com/content/v1/60a286dda05a79005f1a3383/1621813317154-L0PSX8G5R8LJVHIX5FB6/Markus_Task-Wire.png Portfolio - Shapeshifter - Task flow & Wireframe We developed a primary task flow and wireframes for each of our users. My user was Markus, who was concerned about his weight, wanted to do strength training, and not a person who exercised regularly. https://images.squarespace-cdn.com/content/v1/60a286dda05a79005f1a3383/1621814452226-AZ3B6FR0TLBV3VA2MVUZ/skins-final-design.png Portfolio - Shapeshifter - Final App Design With Shapeshifter, users choose between a strength, cardio or stretching workout. Markus wants to work out and he is not very fit. He chooses a Shapeshifter prescribed exercise plan as he begins an exercise program. As he makes gains with his fitness, he may create his own workout. https://images.squarespace-cdn.com/content/v1/60a286dda05a79005f1a3383/1621813570027-4SN9KGGA69YPZUOAI604/personas.png Portfolio - Shapeshifter - Personas & Site Map We developed personas based on our demographic research and then built a site map. The site map shows different routes that each of our users would take through the app. based on their task flows. https://images.squarespace-cdn.com/content/v1/60a286dda05a79005f1a3383/1621813129888-1WHAZE6ISE8PYFFITE3K/infographic.gif Portfolio - Shapeshifter - Process Our research showed that target users for Shapeshifter would be people who were overweight and wanted to shed some extra pounds, moms that wanted to eat healthier foods and also keep track of their workouts and athletes who wanted to improve their fitness level. https://images.squarespace-cdn.com/content/v1/60a286dda05a79005f1a3383/1621813751041-R8YVDXOZZDJAP8OKLMEV/sitemap.png Portfolio - Shapeshifter - 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/60a286dda05a79005f1a3383/1621814066997-R40A124KHJ8ACA6REZ7F/shapeshifterwireframes2.png Portfolio - Shapeshifter - How it Works Users fill out an initial questionnaire when they log in for the first time to calculate their fitness level. Daily nutrition is recorded and analyzed. Users select prescribed workouts based on fitness goals or create their own workout from the exercise menu. Each exercise comes with an instructional video illustrating proper technique. https://www.rivadavis.com/portfolio/ripple monthly 0.5 2021-05-31 https://images.squarespace-cdn.com/content/v1/60a286dda05a79005f1a3383/1622439238410-02MOAS3Y7IRG14ZGLNPQ/ripple_productdetail3.png Portfolio - Ripple - Product Detail Close up of the product detail page. https://images.squarespace-cdn.com/content/v1/60a286dda05a79005f1a3383/1622440826104-101SS1GA3UMHHLXPLRFR/ripple_chairs.png Portfolio - Ripple - Advertising Both the home page and the shop page utilize ads that are not overly visually distracting and thus do not compete with the main site content. https://images.squarespace-cdn.com/content/v1/60a286dda05a79005f1a3383/1622437467423-IBEPTRL6R6ED3BJFBTQC/ripple_mobilefinal.png Portfolio - Ripple - Mobile Ripple is responsive and user-friendly on all mobile devices. https://images.squarespace-cdn.com/content/v1/60a286dda05a79005f1a3383/1622436746055-5C53EJOYGGUDASZWH7SN/rippleskins.jpg Portfolio - Ripple - Mockups After many iterations, I streamlined and simplified my wireframes and created multiple mockups, paying attention to detail and precision within a grid. I included a newsletter for users to stay connected and social sharing buttons so customers could spread the word about these amazing products. I included a blog which is good for engaging customers and search engine optimization. https://images.squarespace-cdn.com/content/v1/60a286dda05a79005f1a3383/1622440524806-5PT8AY39S0WLDOH1P7LO/ripple_homepage.png Portfolio - Ripple - Home Page The home page entices the customer with fun shapes and colors, and enough white space to allow the users eye to relax and enjoy their shopping experience. https://images.squarespace-cdn.com/content/v1/60a286dda05a79005f1a3383/1622440111480-5TS51SMNDCOIPACVD8QW/1250-ripple-large.png Portfolio - Ripple - Logo The clean and simple lines of the logo echo the elegant feeling that I wanted for this e-commerce store and site. Simple yet innovative and fun. https://images.squarespace-cdn.com/content/v1/60a286dda05a79005f1a3383/1622437743737-R9MFD0G76CIVCLNB9AZ6/ripplewf_wireframes.png Portfolio - Ripple - Wireframes I created the logo, style guide and wireframes for the site. I wanted a clean look and feel with an easy to use interface that had plenty of white space and visually emphasized the products. https://www.rivadavis.com/portfolio/zirque monthly 0.5 2021-06-13 https://images.squarespace-cdn.com/content/v1/60a286dda05a79005f1a3383/1623615593075-34DQGO0UVKRZ4TB7ILAJ/zresponsive.jpg Portfolio - Zirque - Responsive Layouts I kept the layouts interesting as the site scaled down to fit mobile devices. https://images.squarespace-cdn.com/content/v1/60a286dda05a79005f1a3383/1623615625070-OGEJIISLSHFVN54U4JMO/zirque_interviews-hp.jpg Portfolio - Zirque - Home Page I used large hero images for each featured article to peak the reader’s interest. The following main areas of content are features, interviews and reviews. Each area has an image and an excerpt to entice the reader further into each article. https://images.squarespace-cdn.com/content/v1/60a286dda05a79005f1a3383/1623613527204-G43ZVBZI22NPJQKJ0YXF/styletile.png Portfolio - Zirque - Logo and Responsive Style Tile I created a logo and style tile using chose Din and Muli typefaces to capture the contemporary mood of the site. I developed wireframes, curated all the articles and built the site in Wordpress. https://images.squarespace-cdn.com/content/v1/60a286dda05a79005f1a3383/1623614883802-BWGDQTTN7EA67DUT92PS/zirque_interviews-1200x5395.jpg Portfolio - Zirque - Interviews Page I wanted to have a rhythm to the layout that incorporated lush imagery to captivate the potential audience. I included plenty of white space around the images and text and the layout varies for each of the three sections of content. https://images.squarespace-cdn.com/content/v1/60a286dda05a79005f1a3383/1623613734131-UOHZR8NDTNF86GL0ZPKM/zirque-wireframe-50.jpg Portfolio - Zirque - Home Page Wireframe The homepage has links to all features, interviews and review articles. https://images.squarespace-cdn.com/content/v1/60a286dda05a79005f1a3383/1623613238266-5LZCG7JP15MTCR0BZ624/zirque.jpg Portfolio - Zirque - Research I began with research to identify potential Zirque readership and developed a persona. Zirque’s target readers are the 100 million people who have seen Cirque du Soleil productions worldwide as well as the 78,850 people who attend Burning Man yearly. https://www.rivadavis.com/portfolio/toast monthly 0.5 2021-07-14 https://images.squarespace-cdn.com/content/v1/60a286dda05a79005f1a3383/1623620511184-0QLFFNLOUHGKDSWV42A1/toast-ui.jpg Portfolio - Toast - How it Works Customers download the Toast app, use it to place and pay for their order and choose a pickup location. The menu includes bread choice, toppings and breakfast beverages. Each order has a unique identifier number that is desplayed on the customers bag and receipt. Customers show their receipt with their number displayed within the Toast app. Their order pickup time is calculated based on customer GPS location. https://images.squarespace-cdn.com/content/v1/60a286dda05a79005f1a3383/1623618982509-6YIEJMQQCINKBAVHW5MH/toaststore.jpg Portfolio - Toast - Pickup Location Toast cafe locations - where your warm and delicious cinnamon toast is waiting for you. Best of all, you do’t have to wait in line. Advertising for Toast is done through word of mouth, brand recognition and social media. https://images.squarespace-cdn.com/content/v1/60a286dda05a79005f1a3383/1623617600520-G4AWJRABLNNGK6KWCBKX/usertaskflow.jpg Portfolio - Toast - Process I created persona’s and a task flow. https://images.squarespace-cdn.com/content/v1/60a286dda05a79005f1a3383/1623619656972-2T396TK5O7YVJY2HKJQK/TOASTslidewireframesupdated.jpg Portfolio - Toast - Wireframes I conducted a survey to find out what kinds of toast, toppings and beverages people would want for breakfast on the go. I tested a clickable wireframe prototype on users and refined it based on user research. https://www.rivadavis.com/portfolio/behrouz monthly 0.5 2021-07-14 https://images.squarespace-cdn.com/content/v1/60a286dda05a79005f1a3383/1626277732850-VE0B7RIQTSU0RZWJKPOW/behrouz-1200x1500.jpg Portfolio - Behrouz - Final Product Behrouz (which translates as “fortunate” from Persian) is a Shiraz produced in the lovely hills overlooking Sonoma Valley. It’s a full-bodied, rich red wine with silky dark berry undertones and spice, oak and vanilla touches. It’s friendly but not too highbrow. https://images.squarespace-cdn.com/content/v1/60a286dda05a79005f1a3383/1626277889637-K6QIKUK3DEDOE3O30BYF/behrouz.jpg Portfolio - Behrouz - Front and Back Labels I looked at many images of Persian dwellings and decided to create a curved label that mimics the arched shape of entrances to these homes. The typeface for Behrouz was chosen to serve as an anchor for the arch evoked by the motif and matches the weight of the illustration. I used a calligraphic typeface that embodies the feeling of Persian script for the words “Organic Shiraz”. I wanted a clean, simple and uncluttered look and feel.