Website Page – UI Explorations

Scandinavian Interior Website Page

UI Exploration

This one is my study case to bettering my UI/UX design skill. I’m trying to create an interface as simple and efficient as possible without drawing unnecessary attention out from the website purpose.

Taking the theme of an interior design service website, I try to provide a clean, minimalist, and functional look that provides consistency and use of common UI elements so that it feels more comfortable and able to get things done more quickly.

I use monochrome colors to emphasize the image of interiors as it’s the center of points to attract users. Live chat box and social media links are put on the right side because people eyes are tend to read from left to right. So this is kind of the final guide to taking action, to connect.

Screen size: Desktop 1440x1024px

Tools: Figma 

#figma #ui #userinterface #landingpage #desktop

Scandinavian-Interior-Website-Page

Interior Website Dark Interface

UI Exploration

One of my study case to bettering my UI/UX design skill. I’m trying to create a dark interface as simple and efficient as possible. Again, taking the theme of an interior design service website, I try to provide a clean, minimalist, and functional look that provides consistency and use of common UI elements so that it feels more comfortable and able to get things done more quickly.

I use dark navy blue as the main color and use white and yellow to highlight the important elements (button, navigation menu) which also help to direct the eyes to the interior pictures as it’s the center point of attraction.

Screen size: MacBook Pro 1440x900px

Tools: Figma 

#figma #ui #userinterface #landingpage #desktop

Interior-Website-dark-interface

Decoro Lighting

Case Study - Constraints on multiple platforms

This artwork is part of my case study project of how applying constraints in Figma App.

Constraints directs Figma how objects should respond as we resize their frames. This helps us to control how designs look across different screen sizes and devices.

I started with build the brand identity, logo, after I decided what the website will be about. This one is lighting corporate website homepage interface. We can see that constraints gives the consistency we want to get. In this one, especially when I turned iPhone landscape to Portrait.

One crucial thing I learned from this is that because the constraints depend on the parent container, it is very important for them to be managed properly.

Tools: Figma, Adobe Illustrator

#figma #ui #userinterface #landingpage #desktop

Decoro-Lighting-black
Decoro-Lighting2
Decoro-Lighting

Fine Oils

Landing Page Interface

Tablet & Mobile size.

This design is part of my learning process of User Interface design. With the product which its demand is raising these last few years, essential oils, I created the product brand first, which I named Fine Oils. Its first product is a set of face oil (day/night). I also designed the logo and the label look before creating the landing page.

One crucial thing I learned from this is that because the constraints depend on the parent container, it is very important for them to be managed properly.

Tools: Figma, Adobe Illustrator

#figma #ui #userinterface #landingpage #desktop

Fine oil-landingpage
Fine oil-mobile

The concept is to have a minimalist web interface and showing the product in 3D look to give the ‘real product’ experience.

The main color is yellow – represent oil very well – and the rest is in black & white monochrome.

I also decided to give more white space so people can focus to the product. I added nature background since this product is using natural ingredients.

Tools: Sketch, Adobe Illustrator, & Adobe Photoshop

#interface #ui #sketch #website #mobile

Fine oil-product

House Plant

Website Design

Idea for Online Plantation Website – designed from logo, illustrated plants, landing page, and product page.

Tools: Figma, Adobe Illustrator

#figma #userinterface

Houseplant2
Houseplant3

This is a unique website which will require a more modern browser to work!

Please upgrade today!