Screenshot of Lightningjs website on a laptop and smartphone, showcasing their performance-focused coding solutions with a purple background and large white text reading "lighting is come".

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.