almost there...
velsera
The goal
The main goal for the landing page was to debut at the J.P. Morgan Healthcare Conference. The conference was two months away so we had a very limited timeframe to create the branding of the new merged company and develop the landing page based on the new brand. What I usually say in this case? Challenge accepted!
ABout the project
Velsera is a three leading companies in healthcare and biopharma industry that merged together. I was part of the Traina team creating a landing page from scratch based on the unique branding that the team has created.
Welcome the new brand
Velsera needed to articulate what the three businesses could promise as a collective and also position the business for expansion. The team created the concept of an engine, an analogy for how Velsera moves data between healthcare and research to power precision insights and generate momentum for discovery. The continuous flow of information inspired use of 3-D imagery to express this cycle—an image system that could change and morph as the company further evolved its category.
Seamless connection
Seamless intelligence
Collaboration/partnership
Trust
Precision
3-D elements could be used as gif or a video Or be placed in OOH digital screen
the challenge
Since I was very limited in time I had to jump into design concepts exploration right away. One of the biggest challenges was to figure out the way we could implement the value loop — the main graphic element that the client has requested to include that showcase all points in the healthcare continuum.
One of the way of showcasing the value loop was to create a timeline that will activate on scroll and switch between branded 3-D gif objects highlighting the step by step process of the precision medicine.
Since we had only five 3-D elements to work with and eight steps of the loop I introduced a new graphic element that can animate and activate on scroll.
Along with the timeline option which is the safer option for development I introduced the option of creating an actual value loop that would take on the full screen and triggered on scroll to go from black to fill out reveling all of the steps one by one.
After multiple iterations on the loop the final decision has been made. It required a close collaboration with our incredible development team to make sure it triggers at the right point and flows nicely on scroll.
design Concepts
After multiple iterations on the value loop the final decision has been made to go with the development of the actual loop. Besides iterating on the most challenging graphic of the site I also explored dark and light theme for the site. The client preferred the dark theme which is more impactful and different from competitors in the healthcare industry.
Light theme
Dark theme
Website in motion
We wanted to have a long lasting impression for the grand debut of the new brand and what can make it better than to have a unique animation on the landing page. It was a close collaboration with development team and curation for the final product. We were working against the time at this point but still managed to create an amazing animation for the value loop, background and different graphical and functional elements on the site.
Mobile
You might wonder how the value loop looks on mobile? Find the solution below :)
marketing collateral
See how Velsera comes to live in multiple digital and print formats.
visit the website
#
visit the website
#
visit the website
#
visit the website
#
visit the website
#
visit the website
#
visit the website
#
visit the website
#
visit the website
#
visit the website
#
visit the website
#
visit the website
#
visit the website
#
visit the website
#
Other projects
01
Evamuah
Multipage website design and Webflow development for a makeup artist in Washington D.C. Elegantly showcasing portfolio and engaging visitors with a user-friendly interface, we focused on amplifying the reach and highlighting the services in the clear manner.
#UX
#UI
#webflow
#animation
#website design
02
Allaway
Allaway is the company in the event and retreats industry. As part of the team I was responsible for the landing page and the multi page website design, from structure, user experience, and wireframing to concepts and high fidelity design.
#wireframes
#UX
#UI
#design hand off
#website design
03
Guggenheim
Conceptual museum website redesign that embodies sophistication and captures the essence of artistic expression. Sisually captivating digital experience, where every detail has been meticulously crafted to showcase the beauty and significance of the museum's collections.
#wireframes
#UX
#UI
#visual design
#concept
ready to rock? let’s connect
Complete the form and I’ll get back to you within 2 business days to set up a discovery call to get to know you and your project better!