This was my first ever landing page of chosen random topic and colorful design for basic workshop. Developed using HTML, CSS and JavaScript. I dedicate time to exploring, experimenting, and learning through web development workshops. These projects are a mix of personal builds, collaborative exercises, and live-coded prototypes—each designed to push creativity, technical skills, and problem-solving beyond the comfort zone.
My Weather Web App, built with a search engine, current location and weekly forecast. Developed using HTML, CSS, JavaScript, API and Bootstrap. From rapid-fire concept sprints to more polished interactive sites, these projects reflect my belief that learning by doing is the fastest way to grow as a developer and designer. While many of them were created in the context of a workshop environment, each was treated as a real-world challenge—balancing design sensibility with technical execution.
Project Overview
Brainshuttle, a Germany-based education technology company,
engaged me to design and develop a new website that aligned
with their mission, vision, and evolving product offerings.
The goal was to modernize their digital presence, streamline
content delivery, and create a platform that could grow
alongside the company.
My Role
I acted as lead developer and designer, overseeing every
stage of the process from concept and wireframing to
implementation and optimization. I reported directly to
C-suite executives, ensuring strategic alignment at each
milestone.
The Process
Using an agile development approach, I translated brand
guidelines into a responsive, accessible, and visually
engaging interface. I implemented a custom WordPress CMS for
easy content management, refined the site’s UI/UX for
intuitive navigation, and optimized hosting infrastructure
for performance and scalability.
Impact
The project delivered a fully functional, scalable, and
brand-aligned web platform, setting the stage for future
growth and user engagement. This work highlighted my ability
to integrate technical expertise with design sensitivity
while collaborating effectively across international teams.
* Due to the confidential nature of this project, I’m unable
to share full visuals or details. However, I can provide a
high-level overview of my role, the objectives, and the
impact of the work.
Confidential Project Overview
As Design Director for an early-stage neuroscience startup,
I played a pivotal role in shaping both the company’s public
identity and its flagship product experience. XB Innovation
was founded by a group of ambitious students, a PhD
candidate, and close collaborators with a vision to
revolutionize laboratory work in academia and
neuroscience-focused industries. From inception, I worked
side-by-side with founders, researchers, and engineers to
create a brand and product experience that could communicate
highly complex research in an accessible, compelling, and
scientifically rigorous way for both investors and the
scientific community.
My Role
I oversaw the creation of the brand’s visual identity—logo,
color palette, typography, and cohesive design system—while
directing UX for the company’s inaugural software product. I
also developed narrative-driven pitch materials, ensuring
visual storytelling aligned with business strategy and
research credibility.
The Process
Partnering with neuroscientists and engineers, I conducted
in-depth user needs analysis, turning raw research insights
into clear design requirements. Using tools like Figma,
Miro, and Notion, I prototyped and refined app layouts and
experimental tool interfaces. I led cross-functional design
sprints, facilitated stakeholder reviews, and ensured brand
consistency across platforms, while managing workflows
through Notion, Trello, and Monday.com.
Impact
While the final designs and product details remain under
NDA, my work was instrumental in helping the company secure
seed funding and establish itself as a credible innovator in
the neurotech space. This project stands as one of the most
complex, multidisciplinary, and rewarding challenges of my
career.
* Some of my work is protected by client confidentiality and
NDAs. In these cases, I share only high-level overviews and
anonymized descriptions to respect privacy while still
conveying my approach and expertise.