Landing Page - Nightcoders.id
NightCoders.id is a platform that provides software development services. I was given the task of designing an effective, attractive and easy-to-use landing page to attract user attention and increase the conversion of visitors to customers.
Team
Me : UI/UX Designer
Alfadhil : Web Developer
Fathin : CEO
Skills
Data Research
Wireframing
Prototyping
Duration
Januari 2023 - Februari 2025
Job Type
Project
Objective
Convey a clear and fast message about what NightCoders.id has to offer.
Provide a simple and straightforward user experience so visitors can easily understand and access services and products.
Guarantee design responsiveness so that the display remains attractive on various devices (desktop, tablet, mobile).
Create intuitive navigation and increase conversions through effective CTAs (Call to Action).
Process
Research & Discovery
Target audience: Users who need software development.
Competitor analysis: Analyze competitors' landing pages to find out their strengths and weaknesses.
User journey mapping: Create a user journey map to understand key points in the user experience and ensure access to necessary information.
Wireframing
Wireframe : I started by creating a wireframe to lay out the basic layout and organize the page elements hierarchically. The main focus is on elements that can increase conversions and make navigation easier.
Design & Prototyping
Prototyping : Once the wireframe was approved, I created an interactive prototype using Figma that allowed live testing of the interface. This helps to evaluate the user interaction flow before the final design is worked on.
Outcome
UX improvements: Users can more easily navigate services and quickly find the information they need.
Higher conversion rates: Visitors are more interested in trying the service thanks to a clear and targeted CTA design.
Positive feedback: Users gave positive feedback regarding the clean, easy to understand, and user-friendly design.
Key Features:
Intuitive navigation: With clear and easy to find elements in the header and footer.
Striking, easy-to-reach CTAs: Placed in strategic positions to drive conversions.
Clean, modern visuals: Uses easy-to-read typography and a color palette that creates a professional feel.
Responsive across devices: Design is optimized to provide a great experience on desktop, tablet, and mobile.
Reflection
By combining functional and aesthetic design elements, I succeeded in creating a landing page that not only attracted visitors' attention but also provided a pleasant user experience. The biggest challenge is ensuring that the design remains responsive and makes it easy for users to get to their goals quickly.
Lets Talk
©2022 Rahmad