UX/UI DESIGNER
Home / Services
MY EXPERIENCE
As a UX/UI designer with a Bachelor’s degree in Creative Digital Media, I have gained valuable experience in designing user interfaces that are both aesthetically pleasing and user-friendly. Throughout my academic and professional endeavors, I have engaged in several personal projects that have allowed me to hone my skills in creating digital interfaces that are visually appealing.
In my line of work, I have found Figma to be an invaluable tool in creating prototypes and wireframes for my designs. Figma’s collaborative features have been especially useful in enabling me to share my designs with other team members and iterate based on their feedback.
In my professional experience, I have undertaken several projects where I was tasked with designing the user interface and user experience of various products. This has involved conducting user research, creating user personas, and designing wireframes and prototypes to ensure a positive user experience.
The satisfaction of seeing the final product come to life and knowing that my design has contributed to a positive user experience for the end-users is the most fulfilling part of my work as a UX/UI designer. Overall, my experience in this field has been rewarding, and I look forward to taking on more challenging projects in the future.
FIGMA
As a UX/UI designer proficient in Figma, I am responsible for designing wireframes, mockups, and prototypes for digital products, such as websites, mobile applications, and software. I incorporate interactive elements, such as buttons, links, and forms, and perform user research to solicit feedback. Further, I collaborate with other team members to facilitate seamless design implementation and export assets in various formats.
PROTOYPING
Prototyping in Figma offers a range of benefits for me and the design teams. The features I use make it easy to create interactive prototypes that simulate the user experience. I can receive quick feedback from stakeholders and clients, and make necessary changes before moving on to development. Overall, prototyping in Figma can help create more effective and user-centered designs, streamline the design process, and save time and resources.
WEB DEVELOPMENT
To bring my web, mobile, or app designs to life, creating a new project, add HTML, CSS, and JavaScript files, use my mockups to create the HTML structure, add CSS styles for visual design, use JavaScript for interactivity, test on various devices, optimize for speed and performance, and finally deploy to your desired platform.
OPTIMISATION
Analysing the design and mockup to keep consistency within the brand brief guideline
HEAVY METAL PODCAST DESIGN
BRIEF GUIDELINE: To create a UX and UI design for a podcast that caters to a specific audience, it is essential to begin by conducting extensive user research to understand the unique preferences and pain points of the target audience. This research can include surveys, focus groups, and interviews to gain insights into the specific requirements of the audience.
PROBLEM: Solving the solution for a niche market in the heavy metal community in medium of sound for news, music and more.
Crafting a user experience (UX) and user interface (UI) that cater to the specific requirements of a niche market within the heavy metal community necessitates a comprehensive comprehension of the community’s distinctive preferences and pain points. As a result, conducting extensive user research is vital as the first step in this process.
To gather valuable insights, I employed an assortment of research techniques, including surveys, focus groups, and interviews with heavy metal enthusiasts. These methods of research enabled me to gain a more profound understanding of the community’s necessities and inclinations. Based on my findings, I devised a design that is straightforward to use and intuitive.
The UX design incorporates explicit navigation and search functions that are easy to comprehend. Additionally, controls for playback and volume were incorporated into the design, considering the needs of the user. The UI design was fashioned in line with the aesthetic of the heavy metal community, with bold graphics, dark colors, and typography that is inspired by the genre. The design is also responsive and accessible across a range of devices, from desktop to mobile.
To enhance the user experience, I considered integrating features such as personalized playlists, recommendations based on user listening history, and social media integration for sharing and discussing content. These features will provide a more personalized experience for the user and make the podcast more engaging.
In conclusion, by adopting a user-centered approach and designing a UX and UI that caters to the unique requirements of the heavy metal community, I created a podcast that is engaging, easy-to-use, and more personalized. This will provide a more gratifying experience for the users, thereby elevating their engagement with the podcast.
PODCAST DESIGN ADVANTAGES
- Enhanced User Experience: The UX design is tailored to the specific needs and preferences of the heavy metal community, making it more engaging and enjoyable for users.
- Ease of Use: The UI design incorporates intuitive navigation and search functions, making it easy for users to find and play their desired content.
- Personalization: The design integrates features such as personalized playlists and recommendations based on user listening history, providing a more personalized experience for users.
- Aesthetic Appeal: The UI design is fashioned in line with the aesthetic of the heavy metal community, with bold graphics, dark colors, and typography that is inspired by the genre, adding to the overall appeal of the podcast.
- Responsive and Accessible: The design is responsive and accessible across a range of devices, from desktop to mobile, making it easy for users to access the podcast content from anywhere.
- Overall, the UX and UI design of the podcast for the heavy metal community provides a more engaging, personalized, and enjoyable experience for users, elevating their engagement with the podcast and increasing their satisfaction with the overall listening experience.
PODCAST DESIGN DISADVANTAGES
- Limited Accessibility: The design is not accessible to users with disabilities, it excluded a significant portion of the potential audience.
- Inadequate Testing: The design is not tested thoroughly, lead to untailored navigation and glitches, which negatively impact the user experience.
- Overall, it is essential to consider these potential disadvantages and address them to create a UX and UI design for a podcast that provides a seamless and engaging experience for users.
MAGEES CAFE DESIGN
BRIEF GUIDELINE:
To create a successful pop-up cafe delivery service system, follow these steps:
- Determine your business model and goals.
- Develop a menu that reflects your unique selling point and target audience’s preferences.
- Choose a delivery method that is efficient and cost-effective.
- Create an online ordering system that is user-friendly and easy to navigate.
- Ensure reliable delivery and communicate with customers about order status.
In order to develop the user experience (UX) and user interface (UI) for the Magees Cafe app, which acts as a delivery service, I initiated the project by conducting extensive user research to comprehend the requirements and preferences of the target audience. The data was gathered through surveys and interviews to gain insights into user behavior, such as their usual ordering habits and the characteristics they seek in a delivery app.
Subsequently, based on the research outcomes, a user flow was developed to guide users through the app’s features, from selecting their preferred cafe to placing an order and tracking its status. Additionally, wireframes and prototypes were created to test the app’s functionality and usability.
To achieve an intuitive UX, the focus was on creating a user-friendly interface with clear labeling for each feature. A color scheme that would be visually appealing and consistent with the cafe’s brand identity was also incorporated. Furthermore, features like saved order history and quick reordering were added to enhance the efficiency of the ordering process.
In terms of UI design, high-quality images of the cafe’s menu items were used to entice users to order. A map feature showing the user’s location and the real-time location of the delivery driver was also included, providing transparency and a sense of security.
To ensure the app’s accessibility and functionality on various devices, it was tested on a range of mobile devices and operating systems. User testing was also conducted with a focus group to gather feedback and make any necessary adjustments.
Overall, by prioritizing the user experience and designing a visually appealing and easy-to-navigate UI, a cafe app that functions as a delivery service has been created to provide an efficient and enjoyable experience for its users.
CAFE DESIGN ADVANTAGES
- Brand awareness: A visually appealing and well-designed app can help to establish and reinforce the brand's identity, making it more memorable and recognizable to customers.
- Convenience: A well-designed app can make it easy for customers to place orders, customize their meals, and track their delivery status, offering a more convenient experience than traditional ordering methods.
- Increased engagement: A visually appealing and user-friendly interface can encourage customers to spend more time on the app, exploring the menu and placing orders.
- Personalization: An app with a good UX/UI can offer personalized recommendations based on a customer's preferences and order history, making the experience more tailored to their needs.
CAFE DESIGN DISADVANTAGES
- Limited personal interaction: While an app can offer convenience, it also lacks the personal interaction that customers may value in a traditional cafe setting. This can lead to a less engaging experience for some customers.
- Dependence on technology: An app-based ordering system is dependent on technology, which can be vulnerable to outages, malfunctions, or hacking. In such cases, the app may become unavailable, leading to lost sales and decreased customer satisfaction.
- Cost: Investing in a high-quality UX/UI design can be expensive, especially for smaller businesses or startups with limited budgets.
EXPERIENCE SOUND E - COMMERCE LANDING PAGE DESIGN
BRIEF GUIDELINE:
To create a successful UX/UI for an e-commerce landing page, follow these guidelines:
- Identify your target audience.
- Define your goals.
- Design a simple and intuitive layout.
- Use high-quality images and videos.
- Include detailed product descriptions.
- Promote limited-time offers and promotions.
- Feature customer reviews and ratings.
- Optimize for mobile devices.
When creating the UX and UI for the Experience Sound headphone e-commerce landing page, the primary objective was to provide users with a smooth and intuitive shopping experience. To achieve this, the layout was designed to be simple, yet elegant, with a focus on ease of navigation and quick access to the desired information.
To enhance the aesthetic appeal of the landing page, high-quality images and videos of the headphones were used to showcase their design and features. The images were carefully selected to provide users with an accurate representation of the product, ensuring that they knew exactly what they were getting before making a purchase.
In addition to the images, detailed descriptions of the headphones were also included on the landing page. These descriptions covered everything from the design and features of the headphones to their technical specifications, providing users with all the necessary information to make informed purchase decisions.
To create a sense of urgency and promote sales, limited-time offers and promotions were added to the landing page. These offers were designed to encourage users to take action and make a purchase, while also providing them with a great deal on a high-quality product.
To build trust with potential customers, customer reviews and ratings were prominently featured on the landing page. These reviews and ratings provided users with social proof of the quality and reliability of the headphones, helping to build trust and confidence in the product.
Finally, to ensure that the landing page was user-friendly and accessible on a wide range of devices, it was optimized for various screen sizes and device types. This allowed users to access the landing page from their desktop, laptop, tablet, or smartphone, with ease.
Overall, the UX and UI design of the Experience Sound headphone e-commerce landing page was successful in providing an enjoyable and seamless shopping experience for users. It combined high-quality images, detailed descriptions, limited-time offers, customer reviews, and mobile optimization to create a landing page that was both aesthetically pleasing and functional.
E - COMMERCE LANDING PAGE ADVANTAGES
- Improved User Experience: A good UX/UI design ensures that users can easily navigate the website and find the products they are looking for. This can improve user satisfaction and make them more likely to return to the website in the future.
- Increased Conversion Rates: A well-designed landing page can increase the chances of users making a purchase. Clear and concise product descriptions, compelling images, and limited-time offers can encourage users to take action.
- Better Brand Perception: A visually appealing and user-friendly website can improve the overall perception of a brand. This can help build trust and credibility with users, which can lead to increased sales and customer loyalty.
E - COMMERCE LANDING PAGE DISADVANTAGES
- Limited Flexibility: Once a landing page has been designed and launched, it can be difficult to make changes. This can be a disadvantage for businesses that need to make frequent updates or modifications to their website.
- Compatibility Issues: A poorly designed for mobile and tablet UX/UI which can lead to compatibility issues with different browsers and devices. This can result in a poor user experience and lower conversion rates.
KEEP UP TO DATE | DIGITAL MARKETING NEWSLETTER!
TRANSFORMING BRANDS INTO POWERHOUSES!
Copyright 2023 © All Right Reserved Design by Jason Melia
