LANDING PAGE
Web Design
Design This was a job for a client with specific instructions of what was needed. For customers to experience their favourite artists like never before and from the comfort of their home. I made two different options for the client, a clean and modern aesthetically pleasing web page with Innovative design elements. With the second design, its navigation bar had a different style.
Case Study: LANDING PAGE
Project Overview
Client: Epicon
Objective: Design a landing page that allows customers to experience their favorite artists from the comfort of their homes.
Role: UI/UX Designer
Tools: Figma, Adobe Photoshop
Project Dynamic: Solo project
Deliverables: Two high-fidelity mockups with different design elements and navigation styles.
Problem Statement
Epicon Web Design required a landing page that offered a seamless and engaging user experience. The goal was to create an aesthetically pleasing and innovative design that would captivate customers and allow them to enjoy content from their favorite artists.
Research and Discovery
Client Requirements:
A modern and clean design that is visually appealing.
Innovative design elements to enhance user engagement.
A navigation bar with a unique style in one of the designs.
Easy access to artist content from the landing page.
Competitive Analysis:
Reviewed landing pages of popular entertainment and artist platforms to identify successful design trends and features.
Focused on user-friendly navigation, visual appeal, and innovative interactive elements.
Key Insights
Users prefer a clean and modern interface for easy navigation.
Innovative design elements can significantly enhance user engagement.
A unique navigation style can make the site stand out and improve user experience.
Design Process
1. Ideation and Conceptualization:
Collaborated with the client to outline core features and functionalities.
Created initial sketches and wireframes to visualize the landing page layout.
2. Low-fidelity Prototyping:
Developed low-fidelity wireframes to map out the structure and key elements of the landing page.
Ensured logical flow and easy navigation.
3. High-fidelity Prototyping:
Created two high-fidelity mockups using design tools, focusing on clean and modern aesthetics with innovative design elements.
First Design: Featured a clean and modern layout with aesthetically pleasing elements.
Second Design: Included a unique navigation bar style to differentiate the user experience.
4. User Testing:
Conducted usability testing with potential users to gather feedback on both designs.
Iterated on designs based on feedback to improve usability and visual appeal.
Key Features
Design 1: Clean and Modern
Visual Appeal: Use of clean lines, ample white space, and a modern color palette.
Innovative Elements: Interactive sections to engage users and enhance their experience.
Easy Navigation: Intuitive layout with easy access to artist content.
Design 2: Unique Navigation
Navigation Bar: Distinctive style to make the site stand out.
Interactive Elements: Enhanced user engagement with innovative features.
Aesthetic Appeal: Maintained a clean and modern look while integrating the unique navigation bar.
Results and Impact
User Engagement: Increased interest and engagement from users based on user testing feedback.
Client Satisfaction: Positive feedback from the client on both designs.
Innovative Design: Successfully integrated innovative design elements that enhanced the user experience.
Reflections and Learnings
The importance of understanding client requirements and user preferences.
The value of iterative design and continuous user feedback.
The impact of innovative design elements on user engagement.
Conclusion
The LANDING PAGE for the Epicon Web Design project was a successful demonstration of creating an engaging and visually appealing user interface. The two different design options provided a variety of choices for the client, both of which received positive feedback for their clean and modern aesthetics and innovative design elements.
Links to High-fidelity Mockups and Wireframes:
option 2
Notes and Sketches
Design Discovery Phase
