UX UI Designer
Project Supervisor


90 Days

Let's Start

The Sunrise Oasis Lighting website aims to serve as a comprehensive platform for showcasing the company’s lighting products and services, while also providing valuable information about the organization. The website’s primary goals are to establish credibility, generate leads, and offer an intuitive browsing experience for their B2B target audience.


Kard Sort
Usability test
Adobe Photoshop
Adobe Illustrator
Google Form/ Doc/ Sheet


Figma File
Desktop View
Tablet View
Mobile View (PWA Concept)
Visual Elements
Design System

Design Concept

The website will follow a modern design approach, incorporating Google’s Material Design principles. The color scheme will predominantly be black and white, creating a sleek and professional aesthetic. Mobile responsiveness will be ensured, employing Progressive Web App (PWA) concepts for easy navigation on various devices.

Key Metrics and Success Criteria:

Website Performance: Key metrics include fast page load times, optimized images, and efficient code to ensure a seamless user experience.

Conversion Rate: Tracking the number of quotation requests and successful conversions from leads to customers will measure the website’s effectiveness in generating business revenue.

User Engagement: Analysing user interaction metrics such as time spent on site, page views, and bounce rates will gauge the level of user engagement and interest.

Customer Satisfaction: Gathering user feedback through surveys or feedback forms will help assess customer satisfaction and identify areas for improvement.

Problem Statement

The current SOL website faces several pain points and challenges that hinder the user experience and hinder the achievement of business objectives. 

Lack of Intuitive Navigation.

Inaccessible Product Information.

Cumbersome Quotation Process.

Limited Stock Visibility.


To address the pain points and challenges identified, the following solutions will be implemented:

Streamlined Navigation.

Enhanced Product Information.

Simplified Quotation Process.

Improved Stock Visibility.

Key Features & Functionalities

Company Information

Product Portfolio

Quotation Request


Contact and Communication


Enhance User Experience

Increase Lead Generation

Improve Conversion Rates

Establish Credibility

Mobile Responsiveness

Brand Consistency

Information Architecture & User Flow
Next Phase : Mood Board & Layout

Having established the information architecture and user flow, I’m diving deep into the research phase. This intensive exploration will allow me to gather valuable insights and create a captivating mood board. Through this process, I’ll crystallize my vision for the layout, ensuring it resonates with the target audience and delivers a seamless user experience.

Next Phase : Wireframe & Mock-up