KATAHIRA Lab Structural Energy Bioscience Research Section Institute of Advanced Energy, Kyoto University
I was fully responsible for the design, development, and deployment. The site aims to communicate complex academic content in an accessible and visually clean manner. It balances professionalism and approachability by using a structured layout, subtle animations, and clean typography. Responsive across devices, the site supports both Japanese and English content, with future scalability in mind.
Technologies
HTML, CSS / SCSS, JavaScript PHP, WordPress, Figma, Photoshop, Illustrator, Premiere, GitHub
Role
Planning, Design, UI/UX Design, Front-end Development, CMS Setup, Writing, SEO, Project Management
Duration
2024.11 – 2025.03
Challenges
Designed and coded the site entirely from scratch, handling everything from wireframing to deployment. Created a bilingual structure (Japanese/English) to cater to a global academic audience. Focused on a layout that clearly presents diverse research topics, team members, and publications without overwhelming users. Integrated WordPress as a CMS for easy content management by the lab staff. Ensured accessibility, fast loading times, and clean SEO markup for academic visibility. Used subtle CSS animations to enhance interactivity while keeping a professional tone.