Online Portfolio for English Educator
I designed English teacher portfolio website with Relume in Figma and developed in Webflow.
The process
This step-by-step process ensures that each of my clients gets a strong web presence.
1. Discovery call
I start every project with a strategy call to understand the client's vision. We discuss their target audience, branding, and desired website features.
2. Initial design in Relume
2.1. Sitemap creation
I create a detailed sitemap using AI-powered tools to align with the client's specific needs and goals.
2.2. Initial wireframing
I design wireframes, tailored to the client's vision, to visualize the website's structure and layout. I use AI to generate marketing copy that aligns with the client's brand and target audience.
3. Mid-fidelity design in Figma
I design detailed, mid-fidelity designs in Figma to reflect the website's branding and user experience. I ensure the designs align with the client's vision and provide a seamless user experience.
4. Web development
4.1. Relume Webflow library
I leverage the Untitled UI Library as a starting point for this project. This library provides a pre-built style guide page with ready-to-use classes, streamlining the design and development process.
4.2. Development in Webflow
I meticulously translate the approved Figma designs into a fully functional Webflow website.
5. SEO, QA & publish
I perform in-depth QA testing to identify and resolve any issues, optimizing the website for performance and user experience. After launch, I provide ongoing support to keep the website up-to-date and secure.
