Lightningjs.io
Rotterdam
2024
Role
Web Designer & Front-end Developer
Collaboration
Jeff (Back-end Development)
Tools
Figma, GitHub, Vue, Atom
Platforms
Desktop + mobile
Scope
LightningJS.io website + LightningJS documentation pages
Goal
Branding update + improved documentation findability for developers
Website Link
https://lightningjs.io/
Project Context
LightningJS.io needed an updated look and feel and a clearer way for developers to find the right documentation quickly. The goal was to refresh the branding across the website and improve discoverability of key LightningJS documentation content—across desktop and mobile.
My Role
I worked as the Web Designer and Front-end Developer, owning the UI implementation and the overall web experience. I collaborated closely with Jeff, who handled back-end development, to ensure the site and documentation pages were both consistent and technically feasible.
What I did
Designed and built UI updates that reflected the refreshed branding across the website and documentation
Improved the documentation experience by refining structure and navigation patterns to help developers find relevant content faster
Implemented the front-end in Vue, coordinating changes through GitHub
Worked iteratively with Jeff to align front-end and back-end requirements and keep delivery smooth
Ensured responsive behavior and consistency across desktop and mobile
Key Decisions
Developer-first findability: Prioritized information structure and navigation patterns that support common developer tasks (getting started, learning concepts, finding specific topics).
Consistency across site + docs: Applied the same visual hierarchy and layout logic across marketing pages and documentation to reduce context switching.
Practical implementation approach: Made design decisions that could be reliably implemented in Vue with the available back-end support, keeping the solution maintainable.
Collaboration
Jeff owned the back-end development. I owned design and front-end implementation. We worked closely to align on technical constraints, content structure for documentation pages, and consistent UI behavior across breakpoints.
Result
An updated LightningJS.io experience with refreshed branding and improved documentation usability—helping developers navigate and locate relevant LightningJS content more easily across desktop and mobile.