Snaplistings Website
UX Design / UI Design / Branding / Wireframing / Prototyping / Development
My Role
Lead UX Designer
Timeline
6 months (on going)
Overview
This project truly let me push my creativity and execution. I was given creative freedom to lead the stride on this endeavor. It was also a huge first project using Framer to build things out at the agency.
Collaboration proved to be the cornerstone of this project. Teaming up with fellow designers, developers, and strategists, we collectively set out to redefine our agency's online identity. Together, we meticulously redesigned every facet of the website, ensuring a seamless blend of aesthetics and functionality. The result is a digital experience that not only captivates visitors but also provides an intuitive journey through our services and case studies.
Live Website
SOLUTION HIGHLIGHTS
A full brand refresh and brand new website
THE PROBLEM
Snaplistings had grown to were it need a new face for its digital presence for new business
Problems to Solve For:
RESEARCH
Crafting a User centric Experience through research
Deeper Dive
Before getting started on design we first got started on doing extensive research on our competitors, inspiration, and best practices for developing in Framer.
Information Architecture
We landed on keeping the information architecture pretty simple and close to a traditional agency website. Keeping it minimal for a more streamlined user journey.
User Journey - Old Website
The main goals of the website were to educate people about what our Snaplisting does and capture leads. The journey doesn't stop at the form. We thought through how to nurture that lead
User Journey - New Journey for new website
Competitive Research
This was a good chance to see what our competitors were doing well and what were the areas we could go beyond what they were doing.
VISUAL DESIGN
Refreshing a brand for the digital age
Deeper Dive
This was a cool opportunity for me to really expand on a great brand foundation.
Style Guide
Developing a design system and components proved to be highly effective in significantly reducing the time spent on edits.
DEVELOPMENT
The future of No Code tools
Deeper Dive
Framer has changed the game for designers. Allowing greater speed and execution for website design. Implementing it at Snaplistings was a challenge but has shown to be very effective for the company needs.
Development
Web Interactions
RETROSPECTIVE
Team work made the Dream Work
Deeper Dive
This was a challenging and rewarding project to work on. I was able to grow beyond just my skills in design but also leadership. Given the chance to lead this project I learned a lot about timelines one an extensive web design.
It was also a project of amazing team work. My designs were challenged and many of the the great visuals seen through out were not done by myself. The teaser, the copy, and many of the visuals were done by my amazing team mates.