.svg){kind=small}
We present the new, rebranded software. Easy to use and customer focused, with the goal of motivating, educating, providing support, and getting you more leads and better results. With a new color palette, delightful typography, and a freshly-styled logo, Phonesites is now an affordable, easy to use, and customer-oriented solution.
.png)
.png)
Phonesites offers a solution that is affordable and easy to use, without having to learn a bunch of technical skills. It presents the features needed to increase leads while remaining creative and inviting to use.
As sales and marketing experts, Phonesites offers a strong coaching team that is focused on educating its customers—therefore, the number one mission of the new brand is to be customer and success oriented.
Phonesites is an educational platform that supports its customers while staying modern, rebellious and fun to use.
The priority is to be customer oriented, to work as a team, and to create an exciting experience for users. Phonesites is innovative, direct, and transparent.
Phonesites provides easy software that helps others gain control and learn how to manage their businesses on their own, while feeling confident and motivated.
Phonesites had a clear vision and mission – build easy to use software for everyone who needs to improve their business and get new leads. However, the existing visual identity of the brand was not in line with this mission and with the users’ needs.
To achieve these goals, it was necessary to refresh the look of the platform and to make it attractive and fun to use through intuitive UX and by creating easy navigation through the application.
We have refreshed the Phonesites brand by stylizing the existing logo and creating a new visual identity. The UX was improved through various case studies and by adapting the feature layout to the users’ needs and experience. No matter if you’re a small agency or a business owner, if you’re tech-savvy or not, the new updated and modern platform allows you to easily maintain and grow your business.
.jpg)
After a detailed competitor analysis, we refined the typography, defined a new color palette, updated the existing logo, and made the whole experience more fun by using different patterns and imagery. Our visual identity, with blue as the primary color, now resonates with the core goals and Phonesites’s approach—trustworthiness, integrity, communication, confidence.
The existing version lacked balance and looked outdated. With the unflattering red color, it didn’t match Phonesites’s voice and core values, such as communication and honesty. It needed to be updated in a way that would invite users and exude a modern look.
Old
.png)
The new logo is more spacious, balanced, and inviting. We used blue, which expresses trust, confidence, and friendliness. A uniform font in the wordmark and the symbol adds more balance to the logo as well. Spatial guidelines for the logo are also defined.
%20(1).jpg)
.jpg)
Described as "a new take on a classic genre," Circular was our choice for typography. While it's bold with a geometric base, its appearance is classic with a strong character and personality, and it is a really friendly and modern sans-serif, which was exactly what we needed to incorporate in the new brand.
.jpg)
.jpg)
The new color palette is more modern, fresh and tech-savvy. Blue shades and white as primary colors represent clarity, order, ease of usage, trust, and stability. Phonesites is all about creating a community and getting involved, catering to its customers, and implementing a human approach. That’s why we chose yellow as an accent color that symbolizes joy, socialization and cheerfulness.
%20(1).jpg)
.jpg)
.jpg)
In order to achieve a fun and inviting look, we’ve introduced patterns based on our new stylized logo, which provides consistency through design as well.
%20(1).jpg)
The new icon set consists of solid fill icons; minimalistic and balanced.
%20(1).jpg)
We paid extra attention to creating numerous illustrations that represent the process, usage, and the platform itself, while respecting the new brand guidelines.
The illustrations are a combination of simplified real-life application, imagery, as well as patterns and other elements.
%20(1).jpg)
Phonesites’s website has been refreshed with the new branding. It was needed to create a landing page, a pricing page, a terms of service page, a features page, and a check-out.
.jpg)
%20(1).jpg)
.jpg)
.jpg)
The existing application needed to be more intuitive. The dashboard had to be analyzed and organized, as it lacked structure, features, and hierarchy.
Old Dashboard
.jpg)
We started off by creating the dashboard UX. To do this, we studied in detail the needs we had defined during Day 2 of our Brand Workshop: personas. Then accordingly, we made a matrix of all possible features that could exist on the dashboard.
Application UX
.jpg)
Once we had defined the structure of the dashboard, it was time to apply the new brand. The new version has more features; it’s compact and more organized. The layout has been carefully created: we have prioritized features. The order on the dashboard is determined by user needs and by which features they’ll use the most often.
.jpg)
The application consists of the main dashboard, the templates page, the projects page, the editor, and the AI content writer.
.jpg)
For better responsiveness, a 12 column grid was used, and so this design could be easily adapted to any device.
.jpg)
The Phonesites editor is a great tool for everyone who is not that tech-savvy, but is seeking to improve their business. It allows users to create landing pages in the most intuitive way there is, without having to be a technology wizard.
We had to improve the layout and the UX of the old version first. Before that, we did a thorough analysis of all the tools that exist, and in communication with the client, we added a few more useful tools for a complete user experience.
The most important change we made was adding the ability to edit elements directly within the window, without the need to open a new preview window with each change, as it was before. Now it's possible to quickly and easily change all the elements with an instant preview feature.
Another addition is the template option that allows the user to select a template for a specific section (e.g. hero), instead of creating it from scratch.
.jpg)
.jpg)
.jpg)
.jpg)
The new integration of Phonesites is the AI content writer, an amazing tool for all those who want to improve their copywriting and to show off their business in the best way.
Guided by the same principles as for the editor, we wanted this tool to have an instant visible change, all in one place; compact, without opening other windows and without additional steps. The AI writer is easy to use and very intuitive, with options to easily set up the language, and to download, copy and save the generated content.
.jpg)
Phonesites was a very interesting project and we really enjoyed working on it. We managed to rebrand and refresh the old platform, make it beautiful, fun to use and accessible to anyone. We have created a responsive application that allows you to design beautiful landing pages on any device, in the easiest way possible, as well as writing content. We are proud to be part of such an important project that will help millions of users improve their business and raise it to a new level.
Phonesites is live. Check it out on LinkedIn, Instagram, Facebook and Twitter.
.svg)
.svg)
.svg)
.png)
%20(1).jpg)