Masco Coconut
Developed six dedicated pages for Masco Global under the Coconut Masco website, focusing on its global export and supply operations. The project followed a mobile-first development approach, translating mobile-only designs into functional website pages. The main Coconut Masco website is excluded from this project scope.
- Client
- Masco Coconut
- Year
- 2026
- Role
- Website Developer Intern
- Team
- NomiLogic Digital
The Challenge
The main challenge was to develop multiple pages with consistent layouts and visual styling while accurately implementing the provided mobile designs. Since the designs were created exclusively for mobile screens, the website also needed to adapt appropriately to larger screen sizes without compromising the intended layout and content presentation.
My Approach
- [01]Translated the mobile UI designs into functional website layouts and components.
- [02]Structured page sections and content to maintain consistency across the six pages.
- [03]Applied custom CSS to match the provided typography, spacing, sizing, and visual details.
- [04]Implemented responsive styling to adapt the mobile-first layouts for tablet and desktop screens.
- [05]Tested page layouts, navigation, and visual consistency across different screen sizes.
The Result
Delivered six fully developed pages for Masco Global, covering its company background, export operations, sustainable sourcing, global distribution, and product offerings. The pages follow the provided mobile designs and use responsive layouts to support viewing across different screen sizes.
Built With
- Wordpress
- Elementor
- JavaScript
- CSS
- PHP