Back to selected work06 / 06
Website Redesign
Redesigning the Politeknik Takumi website experience
A website redesign focused on making institutional and study program information clearer, more structured, and easier to explore.
Politeknik Takumi — Institutional Website RedesignHigher Education
- Client
- Politeknik Takumi
- Industry
- Education / Higher Education
- Timeline
- 2 Months
- Role
- UI/UX Designer
- Platform
- Responsive Website
- Tools
- Figma
01
About the project
The Politeknik Takumi website redesign focuses on improving how prospective students and other visitors explore institutional information and study programs. The project aims to create a clearer information structure and a more intuitive browsing experience through a redesigned website interface.
The problem
Institutional websites need to present a wide range of information without making it difficult for visitors to find what they need. Information about the institution and its study programs should be organized in a way that helps prospective students understand the available options and navigate between related pages with ease.
Project goals
- Improve the information architecture of the institutional website.
- Make study program information easier to discover and explore.
- Create a clearer navigation structure for important website content.
- Establish a consistent and responsive interface across key pages.
02
User flow
- 1
Visit the Politeknik Takumi website.
- 2
Explore institutional information and available study programs.
- 3
Select a study program to learn more about it.
- 4
Review the relevant program information.
- 5
Navigate to other relevant institutional information as needed.
03
The solution
- Restructure website content into clear and logical information categories.
- Organize institutional and study program information for easier discovery.
- Design a more intuitive navigation experience between related pages.
- Apply a consistent visual hierarchy across the redesigned interface.
- Plan responsive layouts to support browsing across desktop and mobile devices.
04
Design process
- 1Information architecture
Structure the information
Review how institutional and study program information should be grouped so visitors can understand the website structure and find relevant content.
- 2User flow
Map the browsing journey
Define how visitors move through the website, from exploring the institution to discovering specific study programs and their details.
- 3Wireframing
Define the page structure
Translate the information architecture and user flows into wireframes that establish content hierarchy, navigation, and page layouts.
- 4UI design
Redesign the website interface
Develop a consistent visual language that makes institutional information easier to scan and study program content easier to explore.
- 5Prototyping
Connect the redesigned experience
Build an interactive Figma prototype to demonstrate navigation between key pages and evaluate the overall browsing journey.
05
The Interface
Swipe or use ← → keys
06
Behind the work
My responsibilities
- Defining the information architecture for the website.
- Mapping user flows for institutional and study program exploration.
- Creating wireframes for key website pages.
- Designing the responsive website interface in Figma.
- Building an interactive prototype of the redesigned experience.
Design decisions
- Organize information around the main categories visitors need to explore.
- Create clear navigation between institutional and study program pages.
- Use a consistent visual hierarchy to distinguish headings, descriptions, and supporting information.
- Maintain reusable layout patterns across related pages.
- Consider responsive behavior when structuring content and navigation.
Constraints & considerations
- Institutional and study program information needs to remain clear and easy to navigate.
- The website must accommodate different types of information within a consistent structure.
- Page layouts should support readability across desktop and mobile screens.
- Final content organization should align with the institution's actual information and requirements.
Key learnings
- Information architecture plays an important role in making institutional websites easier to explore.
- Clear user flows help connect broad institutional information with specific study program details.
- Consistent page structures make large amounts of information easier to navigate.
- Responsive design requires careful consideration of content hierarchy and navigation patterns.
07Project outcome
A redesigned website experience for Politeknik Takumi, focused on clearer institutional information, better-structured study program content, and more intuitive navigation. Usability findings and measured outcomes can be added when project evaluation data is available.
- UI/UX Designer
- 2 Months
- Responsive Website
Have a project in mind?
Let's make
something meaningful.
Open to opportunities, collaborations, and interesting conversations about design and technology.
