AllThings is a marketing and design agency that reached out to me wanting to update their website, which was outdated and lacked proper organization. Their vision was to create a modern website that would offer users a calming experience while they browsed through the available services and made their selections.
CONCEPT: A modernization and user-centric update of a design and marketing website.
CLIENT: AllThings
ROLE: UX/UI, UX Research, Branding, Website Design, Creative Director
TOOLS: Figma, Illustrator, Canva, Pinterest
Problem
Users visiting the AllThings website often feel uncertain about where to navigate upon arriving at the landing page. This lack of clarity hinders their ability to effectively access the services they need. To enhance user experience, the new landing page must provide clear and intuitive pathways directing users to either the Design or Marketing page, allowing them to easily select their desired services.
Discovery
The design process began with conducting research to empathize with the users and gain an understanding of the market.
My Research Process
Goal
The primary objective of the website is to effectively present AllThings’ range of products and services in an engaging and visually captivating manner. The goal is to create an immersive and user-friendly experience for visitors, ultimately leading to increased interaction and conversion rates.
Plan
The plan included conducting research, consolidating the findings, and utilizing them as a guide to develop an impressive marketing and design website for AllThings. This involved incorporating user-centric design principles and ensuring seamless functionality across different devices and screen sizes.
Competitive Analysis
I researched some competitors to gain insights into current market solutions and offerings. This research provided me with a comprehensive understanding of the competitive landscape and helped to inform my design decisions.
Findings
Make it easy for the users to find the call to action! My research showed that an unclear CTA was frustrating and deterred users from booking their service.
Showing the clients that AllThings' works with will help boost engagement as it shows the brand's credibility.
A simplified navigation will help direct users towards their intended destination with ease and clarity, enhancing their overall browsing experience.
Design
The next steps in the design process involved establishing design consistency to ensure a cohesive look and feel throughout the website as well as creating wireframes to show how the design should look when it's live.
This Section Includes:
Moodboard
I created a moodboard to visually capture and convey the project's aesthetic direction, design inspiration, and desired user experience. The moodboard served as a valuable tool for aligning stakeholders and team members on the project's visual direction, ensuring a cohesive and consistent design approach throughout the process.
UI Kit
I created a UI kit to ensure a cohesive and consistent design language across the website, making it easier to maintain visual harmony and streamline the development process.
High Fidelity Wire Frames
I expanded upon my Lo-Fi wireframes to develop a high-fidelity version, aiming to offer a comprehensive and authentic depiction of the final product.
High Fidelity Prototype
I advanced from the high-fidelity wireframes to create a high-fidelity prototype, intending to provide users with an interactive and genuine experience of the design.
Making it Responsive
I made the design responsive to ensure that it looks great and functions well on different devices, providing a seamless experience for all users.
