top of page

Corius - The Website

 

A website advertising a skincare app, done as a project exploring UI/UX design and coding. 

Corius-2.jpg

Role

Ideation

UI/UX

Visuals

Coding

Timeline

UI/UX Design - January to February 2019

Coding - March to April 2019

(4 months)

 

 

Type

Website

​

Tools

Adobe XD

Photoshop

Illustrator

HTML

CSS

JavaScript

The project assigned was to choose a topic I was interested in and design and code a website based off of that.

THE CHALLENGE

THE SOLUTION

I have always been into skincare and aesthetics, and at this time I had a skincare app idea brewing in my mind. Since the challenge was to create a website, I decided to design a website that advertises a skincare app.

 

I later brought this application to life the following year as Corius.

I quickly whipped together an application to advertise on the website. As this was purely for visuals, and time was of the essence, minimum research was done.

 

Corius is a mobile application that allows users to conveniently take care of their skin through a visual tracker, hydration reminder, log, forum, product recommendations, and product warner. 

THE APPLICATION

features-5.png
features-6.png
features-4.png
features-3.png
features-2.png
features-1.png

INITIAL PLANNING

I jot down possible site structures and what was needed.

Image (46).jpg
Image (47).jpg

I sketched out possible layouts for the site, keeping ease of use in mind.

LOW FIDELITY MOCKUPS

Image (47).jpg
Image (48).jpg
Image (48).jpg
Image (51).jpg
Image (49).jpg
Image (50).jpg
Image (50).jpg
Image (50).jpg
Image (50).jpg
Image (50).jpg

I wanted to keep the look simple, inviting, and professional. The reason I chose turquoise to be the primary colour is because of the calming effect it has. It looks fresh and inviting.

VISUAL DESIGN

COLOURS

TYPOGRAPHY

corius-visual.png

REGULAR | BODY

ICONS

BOLD | HEADING

MID FIDELITY MOCKUPS

Corius Mid Fidelity Mockup Home Page
Corius Mid Fidelity Mockup Features Page
Corius Mid Fidelity Mockup Careers Page
Corius Mid Fidelity Mockup About Us Page

HIGH FIDELITY MOCKUPS

Corius High Fidelity Mockup Home Page
Corius High Fidelity Mockup Features Page
Corius High Fidelity Mockup Careers Page
Corius High Fidelity Mockup About Us Page

Corius was my first UI/UX project, going into it I was unsure how I would like this type of design. I quickly fell in love.

 

The project was to design a website based off of an interest, and I had kept a skincare app in the back of my mind before this project had even started. Through this process I felt more confident in tackling new challenges that were once foreign to me.

​

I have not only learned how the design process works for interactive media, but conquered my underlying fear of coding. Once I got the hang of it I was hooked.

​

This project reminded me to step out of my comfort zone, and not be afraid of failure.

​

The project is far from perfect, but to design something and have the satisfaction of knowing I took risks and built it from scratch is the best I could have hoped for.

REFLECTION

bottom of page