top of page

Date:

April 2024 - May 2024


Tools Used:

Figma, Figjam & Asekio Website builder


Project Scope:

Group Project together with Son Nguyen

Asekio

Overview

Asekio is a Skåne-based tech startup with a vision to create a no-code AI website builder that can generate fully customizable websites in just 29 seconds. Users  input prompts, and Asekio handles the layout, text, and images. 


My role: UX Designer

As part of my UX Design studies at Hyper Island, I worked on this project during the Experimentation module.


Objectives

  • Understand the needs and challenges of both novice and experienced users.

  • Identify usability pain points through user testing and feedback.

  • Enhance the onboarding experience and simplify the design process.


Research and Insights

We tested the platform with both design novices and experienced designers, followed by user interviews to gather feedback. Key findings showed that users appreciated the simplicity but desired clearer instructions, less hidden functionality, and an improved onboarding process with optional step-by-step guidance.


Conclusion

Our UX research led to refinements in Asekio’s platform, improving user engagement and enhancing the overall user experience

Aims

To better understand users, we formed assumptions about their needs and created hypotheses to test.


Asumptions Asekio - Hyper Island project UX Design
Hypothesis Asekio - Hyper Island project UX Design
Asekio mapping needs - Hyper Island project UX Design

User journey mapping

User journey mapping (UJM) was crucial for understanding user experiences with the Asekio platform. It helped us identify pain points and motivations at each interaction stage, guiding our design improvements.

Asekio User Journey Mapping

Research phase

We conducted user testing to validate our hypotheses. Each participant had 15-20 minutes to create a website while being observed. Afterward, we interviewed them with questions related to each hypothesis.

Asekeio survey questions

Conclusion & Results

Insights Asekio - Hyper Island project UX Design
Insights Asekio - Hyper Island project UX Design
Insights Asekio - Hyper Island project UX Design
Insights Asekio - Hyper Island project UX Design
Insights Asekio - Hyper Island project UX Design
Insights Asekio - Hyper Island project UX Design
Insights Asekio - Hyper Island project UX Design
Insights Asekio - Hyper Island project UX Design

Sugestions

1. Customizeble templates

Offer a variety of templates tailored for different types of businesses as a starting point. Allow the AI to assist users in writing text and selecting images based on the chosen template and user description.

Enable users to select sections from different wireframe options (e.g., hero section, cards, Q&A, text + image sections, footer).

Make it clear where the advanced layout options are located for changing fonts, site colors and such.


2. Polishing visuals

https://www.figma.com/design/PStttb7lnNSKHh0wNNaWEk/Small-fixes?node-id=0-1&node-type=canvas


3. Onboarding

Provide new users with a brief, interactive tutorial that guides them through the key features of the editor. Ensure the tutorial is "click-through" but skippable.

Implement a searchable instruction feature so users can quickly find answers and learn how to complete different tasks.

Asekio Asekio Asekio Asekio Asekio Asekio Asekio Asekio Asekio Asekio Asekio Asekio Asekio Asekio Asekio Asekio Asekio Asekio Asekio Asekio Asekio Asekio Asekio Asekio

Asekio Asekio Asekio Asekio Asekio Asekio Asekio Asekio Asekio Asekio Asekio Asekio Asekio Asekio Asekio Asekio Asekio Asekio Asekio Asekio Asekio Asekio Asekio Asekio

More projects

Web Design

Tek-ture mockup

Tek-ture

Tek-ture is a cutting-edge architectural firm with a focus on modern and sustainable design. For this project, I recreated their website from scratch, ensuring it maintained the original futuristic feel and functionality.

Tools used

Wix Studio

Copy & Web Design

Campus webb Mockup

Campus Webbyrå

Campus Webbyrå, a digital agency for small and medium-sized businesses, needed a website redesign to better showcase their services and enhance user engagement. The goal was to create a user-friendly, visually appealing website that effectively communicates their unique position as an agency created by students.

Tools used

Wix Studio

Web Design

Campus vänner Mockup

Campus Vänner

Campus Vänner, a non-profit organization based in Helsingborg, connects university students with local companies in the Skåne region. They needed a modernized brand identity and an enhanced online presence to appeal to their target audiences - students and businesses.

Tools used

Wix Studio & Photoshop

Trusted Voices

Flickering lights

Hampus brings creativity and dedication to every project. He tackles each task with enthusiasm, and he has a sharp eye for detail. His problem solving skills and collaborative nature make him a valuable team member.

Karsten Deppert

Karsten Deppert

Co-Founder Mindpark

Flickering lights

Hampus was my UX Upskill student in the Field Work & Experimentation modules at Hyper Island, and we met online weekly for three months. He was a brilliant class rep, super proactive, organised, and always full of humour.
I'd trust him with any task, as he requires minimal support, and I look forward to following his UX career.

Julia Fogelberg Bouverat

Julia Fogelberg Bouverat

Industry Leader Hyper Island

Flickering lights

I love the layout of the site you've created! You have some really cool transitions I haven't seen before.

Stephen

Stephen

Wix Support

Flickering lights

A big thanks to Hampus Sjöblom for doing a fantastic job from start to finish on our new website. Not only was he quick, but his attention to detail and ability to explain things clearly were outstanding. Thank you, Hampus, for your excellent work and for teaching me how to manage the website going forward. We are very pleased!

Maja Lemner

Maja Lemner

COO Campus Vänner

Take action

Feel convinced yet?

Let’s make something great together! Got a project or idea? Reach out and let’s chat.

More options

Contact page

Or visit the contact page for more options to get in touch and discuss your project.

IMG_6941_edited.jpg

You might also like

Why too much text kills your website’s user experience

Why too much text kills your website’s user experience

Ever landed on a website that felt like reading a novel? Endless paragraphs, walls of text and it goes on and on, leaving you overwhelmed and ready to click away. You’re not alone, most users feel the same way and here'e why.
10 must have tools for web designers in 2024

10 must have tools for web designers in 2024

As a web designer in 2024, there are thousands of productivity tools available to help you be as effective as possible. Here are some tools and plugins that I frequently use, not necessarily daily, but it would be hard to live without them.
This is how to create a custom scrollbar in Wix Studio

This is how to create a custom scrollbar in Wix Studio

Want to give your or your client’s website a unique touch? This simple scrollbar tweak can instantly elevate your design and create a more personalized feel.
Beginner web design mistakes and how to fix them

Beginner web design mistakes and how to fix them

Are you just starting out in web design? Avoiding common mistakes can make all the difference in creating a user-friendly site. In this guide, we’ll explore key mistakes that beginners, and even some experienced designers, often make and provide actionable tips to help you design a more effective and visually appealing website.
bottom of page