DropSend is a company that specializes in SMS marketing campaigns designed to boost revenue.
Role:
Web / UI Designer
California, USA
Date:
2021
#
Web Design
#
UI Design
#
Graphic Design
#
Mobile Design
#
Prototype
#
Animation
01. The goal
Main challenge
The goal was to create the landing page that clearly illustrates the benefits of the service.
02. Design process
2.1 Discovery
The team was very clear about their needs and had already completed the discovery and UX work on their end.
2.2 Wireframing
They delivered the final UX writing and copy, which was clear and easy to work with, allowing me to begin the wireframing process.
2.2 Visual Design
Working within the company’s established design language, I iterated on visual designs to ensure the final output communicated the intended meaning clearly.
2.4 Design System & Hand-off
In the final step, I refined the colors, spacing, and components, and prepared everything for development.
Designer Note
I designed simple yet bold graphics that clearly convey the product’s value and reinforce the messages on the landing page.
Mobile Design
Once the desktop version was approved, I proceeded with designing the mobile version of the website. Below are some of the screens:
Design System & Hand-off
As usual, the components were refined and fully documented in accordance with the design system.
Scroll and animation
I designed interactive scroll behavior - including overlapping section reveals, horizontal scrolling for the benefits section, and animated feature mockups created in After Effects.
Together, these enhancements added dynamism and energy to the site, resulting in increased user engagement.
2.5 Final Result
My Learnings
Boundaries unleash creativity
The Drop Send had established design language in this case it was not a restriction, but a direction.
Animation
I learned a bit of After Effects during this project. Simple, but valuable experience.
