5 Minute Read

How to create a website to express yourself

Written by
John Doe
Published on
2024-04-17

table of contents

Hello, I've compiled a video where Marco Katya, designer at the design company Figma, talks about how to create a website to express yourself.

1. Why you need a portfolio

Before I came to Figma, I worked at a startup. But that company closed down, and I felt like I needed a new portfolio. But it wasn't an easy task. So I decided to make use of my experience in creating websites using a tool called Webflow.

2. Utilize designs with Webflow

Using Webflow, I was able to bring my designs to life. For example, in the food delivery app, I was able to experience the order flow. Also, in the design for scheduling, I was able to experience the feeling of sharing my available time with others.

3. Create a portfolio

After making all the prototypes with Webflow, I felt that each website was necessary. But I didn't want to hide them behind pages that could easily be overlooked. So I used a vent grid layout for my homepage and placed each prototype in my own space so everything was easy to see and organize.

4. Balance between self-introduction and product

While the product expressed itself, I also needed to tell visitors about myself. So I designed and built Apple Music photos, podcasts, tweets, etc. as vent grid items. This has allowed me to incorporate myself into my work. After publishing my portfolio and all of its effects, I clicked the publish button. As a result, my portfolio attracted attention from Diagram, a company that creates design tools, and I had the opportunity to lead design for Diagram.

5. Projects using Webflow

My first project with Diagram was to create a teaser site for the AI design tool “Genius,” which we were developing. Using Webflow, I designed a microsite and was specific about what we were making. Balance between design and build In my design process, I spend around 30% of my time exploring ideas in Figma, deciding what to make, and creating the overall feel and structure. The remaining 70% of the time is spent implementing ideas in Webflow.

6. Summary

I've used Webflow to bring my design work to life and create a portfolio, brand, and personal style that expresses myself and my design skills. And I believe you too can express yourself to the fullest using Webflow and other tools. The next time I visit your site, I expect it to show you exactly who you are.

Reference video

Relation

関連記事

This is some text inside of a div block.

【2024年最新】GSAPとは?Webflowとの統合で変わるアニメーション制作の未来 | 完全解説

This is some text inside of a div block.
7 min read
This is some text inside of a div block.

WordPressの課題とWebflowの利点!移行のメリットを分析してみた結果・・・

This is some text inside of a div block.
7 min read
This is some text inside of a div block.

Firecrawlでウェブサイト全体のデータを抽出!基本理解と活用法まで徹底解説

This is some text inside of a div block.
7 min read
This is some text inside of a div block.

[Latest Edition] Must-See Plugins List to Power Up Your Webflow Site

This is some text inside of a div block.
7 min read
This is some text inside of a div block.

[2024 Edition] Explaining how to use Elementor for beginners! Build a full-scale site with WordPress

This is some text inside of a div block.
7 min read
This is some text inside of a div block.

[Website production cost] Market price and breakdown as seen from actual examples

This is some text inside of a div block.
7 min read
This is some text inside of a div block.

Even beginners can earn 50,000 a month! How to start web production as a side job?

This is some text inside of a div block.
7 min read
This is some text inside of a div block.

Use your AI skills as a side job! 11 ways that even beginners can challenge are revealed to the public

This is some text inside of a div block.
7 min read
This is some text inside of a div block.

Realized with no-code technology! What future entrepreneurs should know about digital innovation

This is some text inside of a div block.
7 min read
This is some text inside of a div block.

[From price to features] Comparative analysis between WebFlow and Studio! Which one should I choose?

This is some text inside of a div block.
7 min read
This is some text inside of a div block.

Get creative freedom with the Webflow code output feature

This is some text inside of a div block.
7 min read
This is some text inside of a div block.

Basic usage and features of Microsoft Copilot Studio

This is some text inside of a div block.
7 min read
This is some text inside of a div block.

How to create a concept - the secrets of design that captivates customers

This is some text inside of a div block.
7 min read
This is some text inside of a div block.

This is all you need to read to create a piano classroom website! Strategies for success and 5 case studies

This is some text inside of a div block.
7 min read
This is some text inside of a div block.

New OpenAI feature: GPT customization

This is some text inside of a div block.
7 min read
This is some text inside of a div block.

Beginner's Guide to Prompt Engineering

This is some text inside of a div block.
7 min read
This is some text inside of a div block.

Build a website with Webflow! Anyone can easily create a site without coding

This is some text inside of a div block.
7 min read
This is some text inside of a div block.

Advantages of UI design using Webflow

This is some text inside of a div block.
7 min read
This is some text inside of a div block.

Applied Skills in the AI Era: Experience Strategy and Prompt Design

This is some text inside of a div block.
7 min read
This is some text inside of a div block.

The Evolution of Webflow: New Possibilities for Design, Development, and Collaboration

This is some text inside of a div block.
7 min read
This is some text inside of a div block.

Responding to a Changing Market: A Global Consulting Firm's Perspective

This is some text inside of a div block.
7 min read
This is some text inside of a div block.

How to create a website to express yourself

This is some text inside of a div block.
7 min read
This is some text inside of a div block.

Powering up your website with Webflow: Fivetran customer stories

This is some text inside of a div block.
7 min read

Let's start with a free consultation

so that doctors determine treatment based on symptoms,We diagnose the “health condition” of your website and suggest the optimal “treatment”.

It's not enough to just build a websiteThat's it. The key to success lies in devising content and leads to attract visitors and achieve goals. However, many websites tend to be abandoned once created. We areWe'll change this situation and help your site perform at its best.

privacy policyAgree and receive the report
Once registered, we will send you a URL where you can reserve a schedule for an online interview.

Thank you! Your submission has been received!
Oops! Something went long while appearing the form.