.png)
With a high bounce rate of 94.41% and not enough unique visitors, my director and I decided that something needed to be changed.
Our previous marketing specialist ran a 30 posts in 30 days campaign, and the results gave great insights, yet we did not receive any "sticky" traffic even after that. At our team meeting, I created a powerpoint with statistic goals and the steps needed to be taken to achieve these in order to showcase the need for the change.
Research was conducted over 1.5 weeks prior. I implemented Hotjar into our website and currently study recordings every single day when I sign-in. In order to identify why bounce rate was so high and why lead conversion was so low, I needed to get to the bottom of it by studying the users who did make it to the website.
Other design research was conducted and completed in a document and powerpoint. Due to privacy agreements, please inquire at valerievgonzaga@gmail.com if any further questions arrive.
The way the Product Design team functions is more so on seeing the visual prototype. With each sketch, I translated it into Axure, a prototyping software, and showcased how it would actually look on the software. The orange button was not the correct color and the length of the button was a bit too wide here. Our style also does not permit buttons on the left hand side.
Moving the placement of the button to right below “Add Another Custom Message” was an idea I had, yet it then showed as a “competition” to adding another message. In addition to this, they would both need to be blue which would then compete even more. My next solution was then to move the send preview button to within the “Custom Messages” widget.
My director at the time shared the brand library with me as I realized I did not have it at my disposal. Due to the orange being for a different action, the gray button aligned with the importance of this new feature. Important, but not as important as orange. Moving the button within the box made it clear that it pertained to custom messages only.
Split into four sections, I show different iterated prototypes for the four main sections I divided the homepage into. Presenting my full wireframe to my director and CEO, the turnaround from this meeting was about 2 weeks. I created two versions, one with a carousel of animations and one with an elongated scroll where there would be blocked features with gallery style product images (you can see the process in the Benefits & Elements tab.
The Hero image was decided on pretty quickly, following modern styles and an animation falling as our main hero image to "stop the scroll" to allow users immediate knowledge of our main product. Testimonies, Extra Value & CTA required some fine tuning only for style purposes driven by wanting to provide the user more reason to "stop the scroll." One big thing for me is always, always keeping the user in mind. Once approved, I began working on finalizing the layout immediately. I met with my director once a day keeping her updated and continuously testing back and forth with her.
User testing was completely in-house team and friends from UC San Diego. Animations took me the longest, but I feel as if Jitter and Adobe AfterEffects became very close in that timeframe :-). Our developer is awesome and in addition to the prototype, I was able to write a full word document of all the interactions.
Happy to announce that the website is live at https://www.adviceanalytics.com/!
I am currently in progress of updating our product and company pages now.
Right now, the bounce rate sits lower at 43.13%, significantly lower than our original 94%. New unique users have increased from the single digits to almost in the threes. I continue to monitor user behavior to this day, and am looking forward to seeing where the trajectory of this company goes!
I would like to thank my director Alyssa Morales for not only supporting me but also believing in my abilities straight right into my promotion. This was my very first big project in my career, seriously, and there were many nights that I did a lot of re-schooling myself just to make sure I was doing things "right." After our first meeting and my initial first drafts, she mentioned to me, "We know you have more creative - don't be scared. I want you to rip it apart." To which, I realized I was very much playing it safe. If she had not said that to me, the website would look very similar to how it did before. I'm glad I was able to have this creative freedom, as I do understand it is not likely in many companies. I would also like to thank Yashar, our CPO, for his feedback and Jerry, our CEO, for providing all copy.
